116 lines
4.2 KiB
PHP
Executable File
116 lines
4.2 KiB
PHP
Executable File
<?php
|
|
require 'php/templates/header.php';
|
|
?>
|
|
|
|
<!-- Datatable -->
|
|
<link rel="stylesheet" href="lib/AdminLTE/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
|
|
<link rel="stylesheet" href="lib/AdminLTE/bower_components/datatables.net/css/select.dataTables.min.css">
|
|
<script src="lib/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
|
|
<script src="lib/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
|
|
<script src="lib/AdminLTE/bower_components/datatables.net/js/dataTables.select.min.js"></script>
|
|
|
|
<div id="notifications" class="content-wrapper">
|
|
<div class="box-body table-responsive">
|
|
<table id="notificationsTable" class="table table-bordered table-hover table-striped display">
|
|
<thead>
|
|
<tr>
|
|
<th>Timestamp</th>
|
|
<th>GUID</th>
|
|
<th>Read</th>
|
|
<th>Level</th>
|
|
<th>Content</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Data will be inserted here by DataTables -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<button id="clearNotificationsBtn" class="btn btn-danger">Clear All Notifications</button>
|
|
</div>
|
|
<script>
|
|
function fetchData(callback) {
|
|
$.ajax({
|
|
url: '/api/user_notifications.json?nocache=' + Date.now(),
|
|
method: 'GET',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
console.log(response);
|
|
if (response == "[]" || response == "") {
|
|
callback([]);
|
|
} else if (response.error) {
|
|
alert("Error: " + response.error);
|
|
callback([]);
|
|
} else if (!Array.isArray(response)) {
|
|
alert("Unexpected response format");
|
|
callback([]);
|
|
} else {
|
|
callback(response);
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.log("An error occurred while fetching data: " + error);
|
|
callback([]);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
const table = $('#notificationsTable').DataTable({
|
|
"columns": [
|
|
{ "data": "timestamp" },
|
|
{ "data": "guid" },
|
|
{ "data": "read" },
|
|
{ "data": "level" },
|
|
{
|
|
"data": "content",
|
|
"render": function(data, type, row) {
|
|
if (data.includes("Report:")) {
|
|
var guid = data.split(":")[1].trim();
|
|
return `<a href="/report.php?guid=${guid}">Click to see Sent Report</a>`;
|
|
} else {
|
|
return data;
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"columnDefs": [
|
|
{ "width": "10%", "targets": [0] }, // Set width of the first four columns to 10%
|
|
{ "width": "20%", "targets": [1] }, // Set width of the first four columns to 10%
|
|
{ "width": "5%", "targets": [2, 3] }, // Set width of the first four columns to 10%
|
|
{ "width": "60%", "targets": 4 } // Set width of the "Content" column to 60%
|
|
]
|
|
});
|
|
|
|
fetchData(function(data) {
|
|
table.clear().rows.add(data).draw();
|
|
});
|
|
|
|
|
|
const phpEndpoint = 'php/server/utilNotification.php';
|
|
|
|
// Function to clear all notifications
|
|
$('#clearNotificationsBtn').click(function() {
|
|
$.ajax({
|
|
url: phpEndpoint,
|
|
type: 'GET',
|
|
data: {
|
|
action: 'notifications_clear'
|
|
},
|
|
success: function(response) {
|
|
// Clear the table and reload data
|
|
table.clear().draw();
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.log("An error occurred while clearing notifications: " + error);
|
|
// You can display an error message here if needed
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<?php
|
|
require 'php/templates/footer.php';
|
|
?>
|