From f6368f12f12221f8bf81111843035941c14030d7 Mon Sep 17 00:00:00 2001
From: James Pattinson <james@pattinson.org>
Date: Mon, 31 Mar 2025 10:23:40 +0000
Subject: [PATCH] Tweaks

---
 action.php | 12 +++++++++++-
 tower.php  | 23 ++++++++++++++++++-----
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/action.php b/action.php
index 47be466..3d22250 100644
--- a/action.php
+++ b/action.php
@@ -116,6 +116,11 @@
 document.addEventListener("DOMContentLoaded", function () {
     let id = "<?php echo $_GET['id'];?>";
 
+    // Disable all dropdowns by default
+    document.querySelectorAll("select.editable").forEach((element) => {
+        element.disabled = true;
+    });
+
     // Select all editable elements
     document.querySelectorAll(".editable").forEach((element) => {
         let oldValue = element.value || element.textContent.trim(); // Store initial value
@@ -157,6 +162,9 @@ function editField(button) {
     if (element.tagName === "INPUT") {
         element.readOnly = false;
         element.focus();
+    } else if (element.tagName === "SELECT") {
+        element.disabled = false; // Enable dropdown
+        element.focus();
     } else {
         element.contentEditable = true;
         element.focus();
@@ -165,6 +173,8 @@ function editField(button) {
     element.addEventListener("blur", function () {
         if (element.tagName === "INPUT") {
             element.readOnly = true;
+        } else if (element.tagName === "SELECT") {
+            element.disabled = true; // Disable dropdown
         } else {
             element.contentEditable = false;
         }
@@ -288,7 +298,7 @@ function opDetail() {
         echo '<tr><th>Arriving From:</th><td><button class="edit-button" onclick="editField(this)"><img src="assets/edit.png" alt="Edit"></button></td><td><span class="editable" data-column="in_from">' . $row['in_from'] . '</span></td></tr>';
         echo '<tr><th>POB IN</th><td><button class="edit-button" onclick="editField(this)"><img src="assets/edit.png" alt="Edit"></button></td><td><input type="number" class="editable" data-column="pob_in" value="' . $row['pob_in'] . '" readonly></td></tr>';
         echo '<tr><th>ETA</th><td><button class="edit-button" onclick="editField(this)"><img src="assets/edit.png" alt="Edit"></button></td><td><input type="datetime-local" class="editable" data-column="eta" value="' . ($row['eta'] ? date('Y-m-d\TH:i', strtotime($row['eta'])) : '') . '" readonly></td></tr>';
-        echo '<tr><th>Fuel</th><td><button class="edit-button" onclick="editField(this)"><img src="assets/edit.png" alt="Edit"></button></td><td><select class="editable" data-column="fuel" onchange="this.blur()" readonly>';
+        echo '<tr><th>Fuel</th><td><button class="edit-button" onclick="editField(this)"><img src="assets/edit.png" alt="Edit"></button></td><td><select class="editable" data-column="fuel" onchange="this.blur()" disabled>';
         echo '<option value="None"' . ($row['fuel'] === 'None' ? ' selected' : '') . '>None</option>';
         echo '<option value="100LL"' . ($row['fuel'] === '100LL' ? ' selected' : '') . '>100LL</option>';
         echo '<option value="JET A1"' . ($row['fuel'] === 'JET A1' ? ' selected' : '') . '>JET A1</option>';
diff --git a/tower.php b/tower.php
index e461c2b..9e0365c 100644
--- a/tower.php
+++ b/tower.php
@@ -213,11 +213,24 @@ function markLanded(id) {
 }
 
 function markCancel(id) {
-    const page = `action.php?op=cancel&id=${id}`;
-    var xhr = new XMLHttpRequest();
-    xhr.open("GET", page, false);  // 'false' makes the request synchronous
-    xhr.send();
-    window.location.reload(true);
+    Swal.fire({
+        title: "Are you sure?",
+        text: "This action will cancel the PPR.",
+        icon: "warning",
+        showCancelButton: true,
+        confirmButtonColor: "#3085d6",
+        cancelButtonColor: "#d33",
+        confirmButtonText: "Yes, cancel it!",
+        cancelButtonText: "No, keep it"
+    }).then((result) => {
+        if (result.isConfirmed) {
+            const page = `action.php?op=cancel&id=${id}`;
+            var xhr = new XMLHttpRequest();
+            xhr.open("GET", page, false);  // 'false' makes the request synchronous
+            xhr.send();
+            window.location.reload(true);
+        }
+    });
 }
 
 function openDetail(id) {