CSV Download and Notes highlight
This commit is contained in:
190
tower.php
190
tower.php
@@ -140,35 +140,62 @@ require_db_auth();
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Add this CSS for the red triangle */
|
||||
.red-triangle {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.red-triangle::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 10px solid red;
|
||||
border-bottom: 10px solid transparent;
|
||||
}
|
||||
|
||||
.red-triangle:hover::after {
|
||||
content: attr(data-notes);
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
white-space: nowrap;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
function markDeparted(id) {
|
||||
|
||||
function markAction(id, action, title, buttonText) {
|
||||
const now = new Date();
|
||||
const currentTime = now.toISOString().slice(11, 16); // Extract HH:MM
|
||||
|
||||
Swal.fire({
|
||||
title: "Depart Aircraft at time",
|
||||
title: title,
|
||||
html: `<input type="time" id="timepicker" class="swal2-input" value="${currentTime}">`,
|
||||
icon: "info",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#3085d6",
|
||||
cancelButtonColor: "#d33",
|
||||
confirmButtonText: "Departed",
|
||||
confirmButtonText: buttonText,
|
||||
preConfirm: () => {
|
||||
const time = document.getElementById("timepicker").value;
|
||||
if (!time) {
|
||||
Swal.showValidationMessage("Please select a time");
|
||||
}
|
||||
return time;
|
||||
}
|
||||
|
||||
const time = document.getElementById("timepicker").value;
|
||||
if (!time) {
|
||||
Swal.showValidationMessage("Please select a time");
|
||||
}
|
||||
return time;
|
||||
}
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
page="action.php?op=departed&id=" + id + "&time=" + encodeURIComponent(result.value);
|
||||
const page = `action.php?op=${action}&id=${id}&time=${encodeURIComponent(result.value)}`;
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", page, false); // 'false' makes the request synchronous
|
||||
xhr.send();
|
||||
@@ -177,98 +204,43 @@ function markDeparted(id) {
|
||||
});
|
||||
}
|
||||
|
||||
function markLanded(id) {
|
||||
function markDeparted(id) {
|
||||
markAction(id, "departed", "Depart Aircraft at time", "Departed");
|
||||
}
|
||||
|
||||
const now = new Date();
|
||||
const currentTime = now.toISOString().slice(11, 16); // Extract HH:MM
|
||||
function markLanded(id) {
|
||||
markAction(id, "landed", "Land Aircraft at time", "Landed");
|
||||
}
|
||||
|
||||
Swal.fire({
|
||||
title: "Land Aircraft at time",
|
||||
html: `<input type="time" id="timepicker" class="swal2-input" value="${currentTime}">`,
|
||||
icon: "info",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#3085d6",
|
||||
cancelButtonColor: "#d33",
|
||||
confirmButtonText: "Landed",
|
||||
preConfirm: () => {
|
||||
const time = document.getElementById("timepicker").value;
|
||||
if (!time) {
|
||||
Swal.showValidationMessage("Please select a time");
|
||||
}
|
||||
return time;
|
||||
}
|
||||
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);
|
||||
}
|
||||
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
page="action.php?op=landed&id=" + id + "&time=" + encodeURIComponent(result.value);
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", page, false); // 'false' makes the request synchronous
|
||||
xhr.send();
|
||||
window.location.reload(true);
|
||||
}
|
||||
});
|
||||
}
|
||||
function markLanded(id) {
|
||||
function openDetail(id) {
|
||||
const page = `action.php?op=detail&id=${id}`;
|
||||
var popupWindow = window.open(page, "PopupWindow", "toolbar=no, location=no, directories=no,status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=600, height=1100");
|
||||
popupWindow.onload = function () {
|
||||
var contentHeight = popupWindow.document.body.scrollHeight;
|
||||
var contentWidth = popupWindow.document.body.scrollWidth;
|
||||
popupWindow.resizeTo(contentWidth + 20, contentHeight + 180); // Adding padding to prevent clipping
|
||||
};
|
||||
}
|
||||
</script>
|
||||
<center><h2>Tower Ops <?php echo date('l d M Y'); ?></h2></center>
|
||||
|
||||
const now = new Date();
|
||||
const currentTime = now.toISOString().slice(11, 16); // Extract HH:MM
|
||||
|
||||
Swal.fire({
|
||||
title: "Land Aircraft at time",
|
||||
html: `<input type="time" id="timepicker" class="swal2-input" value="${currentTime}">`,
|
||||
icon: "info",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#3085d6",
|
||||
cancelButtonColor: "#d33",
|
||||
confirmButtonText: "Landed",
|
||||
preConfirm: () => {
|
||||
const time = document.getElementById("timepicker").value;
|
||||
if (!time) {
|
||||
Swal.showValidationMessage("Please select a time");
|
||||
}
|
||||
return time;
|
||||
}
|
||||
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
page="action.php?op=landed&id=" + id + "&time=" + encodeURIComponent(result.value);
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", page, false); // 'false' makes the request synchronous
|
||||
xhr.send();
|
||||
window.location.reload(true);
|
||||
}
|
||||
});
|
||||
}
|
||||
function markCancel(id) {
|
||||
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) {
|
||||
page="action.php?op=detail&id=" + id;
|
||||
var popupWindow = window.open(page, "PopupWindow", "toolbar=no, location=no, directories=no,status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=600, height=1100");
|
||||
popupWindow.onload = function () {
|
||||
var contentHeight = popupWindow.document.body.scrollHeight;
|
||||
var contentWidth = popupWindow.document.body.scrollWidth;
|
||||
popupWindow.resizeTo(contentWidth + 20, contentHeight + 180); // Adding padding to prevent clipping
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<center><h2>Tower Ops <?php echo date('l d M Y'); ?></h2></center>
|
||||
|
||||
<!--
|
||||
<div class="checkbox-container">
|
||||
<label>
|
||||
<input type="checkbox" id="toggle-canceled" onchange="toggleRows('state-CANCELED', this.checked)"> Show CANCELED
|
||||
</label>
|
||||
<!--
|
||||
<div class="checkbox-container">
|
||||
<label>
|
||||
<input type="checkbox" id="toggle-canceled" onchange="toggleRows('state-CANCELED', this.checked)"> Show CANCELED
|
||||
</label>
|
||||
</div>
|
||||
-->
|
||||
-->
|
||||
|
||||
<div class="heading">Inbound PPR</div>
|
||||
<div class="heading">Inbound Aircraft</div>
|
||||
|
||||
<?php
|
||||
|
||||
@@ -281,7 +253,7 @@ if ($conn->connect_error) {
|
||||
}
|
||||
|
||||
// Define your SQL query
|
||||
$sql = "SELECT id, status, ac_reg, ac_type, ac_call, TIME_FORMAT(eta,'%H:%i') AS ETA, fuel, in_from, pob_in FROM submitted WHERE DATE(eta) = CURDATE() AND (status = 'NEW' OR status = 'CANCELED') ORDER BY eta ASC;"; // Replace with your table name
|
||||
$sql = "SELECT id, status, ac_reg, ac_type, ac_call, TIME_FORMAT(eta,'%H:%i') AS ETA, fuel, in_from, pob_in, notes FROM submitted WHERE DATE(eta) = CURDATE() AND (status = 'NEW' OR status = 'CANCELED') ORDER BY eta ASC;"; // Replace with your table name
|
||||
|
||||
// Execute the query
|
||||
$result = $conn->query($sql);
|
||||
@@ -296,7 +268,7 @@ if ($result->num_rows > 0) {
|
||||
// Output table headers (assuming column names are known)
|
||||
$fields = $result->fetch_fields();
|
||||
foreach ($fields as $field) {
|
||||
if ($field->name != 'status' && $field->name != 'id' && $field->name != 'ac_call') {
|
||||
if ($field->name != 'notes' && $field->name != 'status' && $field->name != 'id' && $field->name != 'ac_call') {
|
||||
echo '<th>' . htmlspecialchars($field->name ?? '') . '</th>';
|
||||
}
|
||||
|
||||
@@ -311,12 +283,14 @@ if ($result->num_rows > 0) {
|
||||
while ($row = $result->fetch_assoc()) {
|
||||
echo '<tr class="state-' . $row['status'] . '" data-id=' . $row['id'] . '>';
|
||||
foreach ($row as $key => $value) {
|
||||
if ($key != 'status' && $key != 'id' && $key != 'ac_call') {
|
||||
if ($key != 'notes' && $key != 'status' && $key != 'id' && $key != 'ac_call') {
|
||||
if ($key == 'ac_reg' && $row['ac_call'] != NULL) {
|
||||
echo '<td>' . htmlspecialchars($row['ac_call'] ?? '') . "<br><span class=acreg>" . $value . '</span></td>';
|
||||
} else if ($key == 'ac_reg' && !empty($row['notes'])) {
|
||||
echo '<td class="red-triangle" data-notes="' . htmlspecialchars($row['notes'] ?? '') . '">' . htmlspecialchars($value ?? '') . '</td>';
|
||||
} else {
|
||||
echo '<td>' . htmlspecialchars($value ?? '') . '</td>';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
echo '<td><img src="assets/cancel-icon.webp" title="Cancel PPR" style="width: 25px; height: auto;" onclick="markCancel(' . $row['id'] . ')"><img src="assets/arrive.png" title="Land" style="width: 30px; height: auto;" onclick="markLanded(' . $row['id'] . ')"></td>';
|
||||
@@ -330,14 +304,14 @@ if ($result->num_rows > 0) {
|
||||
|
||||
?>
|
||||
|
||||
<div class="heading">Booking Out</div>
|
||||
<div class="heading">Visiting Aircraft</div>
|
||||
|
||||
<div id="landed">
|
||||
|
||||
<?php
|
||||
|
||||
// Define your SQL query
|
||||
$sql = "SELECT id, status, ac_reg, ac_type, ac_call, TIME_FORMAT(etd,'%H:%i') AS ETD, fuel, out_to, pob_out FROM submitted WHERE DATE(eta) = CURDATE() AND status = 'LANDED' ORDER BY eta ASC;"; // Replace with your table name
|
||||
$sql = "SELECT id, status, ac_reg, ac_type, ac_call, TIME_FORMAT(etd,'%H:%i') AS ETD, fuel, out_to, pob_out, notes FROM submitted WHERE DATE(eta) = CURDATE() AND status = 'LANDED' ORDER BY eta ASC;"; // Replace with your table name
|
||||
|
||||
// Execute the query
|
||||
$result = $conn->query($sql);
|
||||
@@ -352,7 +326,7 @@ if ($result->num_rows > 0) {
|
||||
// Output table headers (assuming column names are known)
|
||||
$fields = $result->fetch_fields();
|
||||
foreach ($fields as $field) {
|
||||
if ($field->name != 'status' && $field->name != 'id' && $field->name != 'ac_call') {
|
||||
if ($field->name != 'notes' && $field->name != 'status' && $field->name != 'id' && $field->name != 'ac_call') {
|
||||
echo '<th>' . htmlspecialchars($field->name ?? '') . '</th>';
|
||||
}
|
||||
|
||||
@@ -367,12 +341,14 @@ if ($result->num_rows > 0) {
|
||||
while ($row = $result->fetch_assoc()) {
|
||||
echo '<tr class="state-' . $row['status'] . '" data-id=' . $row['id'] . '>';
|
||||
foreach ($row as $key => $value) {
|
||||
if ($key != 'status' && $key != 'id' && $key != 'ac_call') {
|
||||
if ($key != 'notes' && $key != 'status' && $key != 'id' && $key != 'ac_call') {
|
||||
if ($key == 'ac_reg' && $row['ac_call'] != NULL) {
|
||||
echo '<td>' . htmlspecialchars($row['ac_call'] ?? '') . "<br><span class=acreg>" . $value . '</span></td>';
|
||||
} else if ($key == 'ac_reg' && !empty($row['notes'])) {
|
||||
echo '<td class="red-triangle" data-notes="' . htmlspecialchars($row['notes'] ?? '') . '">' . htmlspecialchars($value ?? '') . '</td>';
|
||||
} else {
|
||||
echo '<td>' . htmlspecialchars($value ?? '') . '</td>';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
echo '<td><img src="assets/cancel-icon.webp" title="Cancel PPR" style="width: 25px; height: auto;" onclick="markCancel(' . $row['id'] . ')"><img src="assets/depart.png" title="Depart" style="width: 30px; height: auto;" onclick="markDeparted(' . $row['id'] . ')"></td>';
|
||||
|
||||
Reference in New Issue
Block a user