mirror of
https://github.com/jokob-sk/NetAlertX.git
synced 2025-12-07 09:36:05 -08:00
131 lines
3.7 KiB
PHP
Executable File
131 lines
3.7 KiB
PHP
Executable File
<?php
|
|
//------------------------------------------------------------------------------
|
|
// check if authenticated
|
|
require_once $_SERVER['DOCUMENT_ROOT'] . '/php/templates/security.php';
|
|
?>
|
|
<!-- ----------------------------------------------------------------------- -->
|
|
|
|
|
|
<!-- Hide Connections -->
|
|
<div class="col-sm-12 col-xs-12">
|
|
<label class="col-sm-3 col-xs-10">
|
|
<?= lang('DevDetail_Events_CheckBox');?>
|
|
</label>
|
|
<input class="checkbox blue col-sm-1 col-xs-2" id="chkHideConnectionEvents" type="checkbox" onChange="loadEventsData()">
|
|
</div>
|
|
|
|
<!-- Datatable Events -->
|
|
<table id="tableEvents" class="table table-bordered table-hover table-striped ">
|
|
<thead>
|
|
<tr>
|
|
<th><?= lang("DevDetail_Tab_EventsTableDate");?></th>
|
|
<th><?= lang("DevDetail_Tab_EventsTableEvent");?></th>
|
|
<th><?= lang("DevDetail_Tab_EventsTableIP");?></th>
|
|
<th><?= lang("DevDetail_Tab_EventsTableInfo");?></th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
|
|
<script>
|
|
|
|
var eventsRows = 10;
|
|
var eventsHide = true;
|
|
var parEventsRows = 'Front_Details_Events_Rows';
|
|
var parEventsHide = 'Front_Details_Events_Hide';
|
|
|
|
|
|
|
|
// -----------------------------------------------------------------------------
|
|
function loadEventsData() {
|
|
const hideConnections = $('#chkHideConnectionEvents')[0].checked;
|
|
const hideConnectionsStr = hideConnections ? 'true' : 'false';
|
|
|
|
const rawSql = `
|
|
SELECT eve_DateTime, eve_EventType, eve_IP, eve_AdditionalInfo
|
|
FROM Events
|
|
WHERE eve_MAC = "${mac}"
|
|
AND (
|
|
(eve_EventType NOT IN ("Connected", "Disconnected", "VOIDED - Connected", "VOIDED - Disconnected"))
|
|
OR "${hideConnectionsStr}" = "false"
|
|
)
|
|
`;
|
|
|
|
const apiUrl = `php/server/dbHelper.php?action=read&rawSql=${btoa(encodeURIComponent(rawSql))}`;
|
|
|
|
// Manually load the data first
|
|
$.get(apiUrl, function (data) {
|
|
const parsed = JSON.parse(data);
|
|
|
|
console.log(parsed);
|
|
|
|
const rows = parsed.map(row => {
|
|
const rawDate = row.eve_DateTime;
|
|
const formattedDate = rawDate ? localizeTimestamp(rawDate) : '-';
|
|
return [
|
|
formattedDate,
|
|
row.eve_EventType,
|
|
row.eve_IP,
|
|
row.eve_AdditionalInfo
|
|
];
|
|
});
|
|
|
|
console.log(rows);
|
|
|
|
|
|
|
|
// Fill the table manually
|
|
const table = $('#tableEvents').DataTable();
|
|
table.clear();
|
|
table.rows.add(rows); // assuming each row is an array
|
|
table.draw();
|
|
});
|
|
}
|
|
|
|
function initializeSessionsDatatable () {
|
|
|
|
// Events datatable
|
|
$('#tableEvents').DataTable({
|
|
'paging' : true,
|
|
'lengthChange': true,
|
|
'lengthMenu' : [[10, 25, 50, 100, 500, -1], [10, 25, 50, 100, 500, 'All']],
|
|
'searching' : true,
|
|
'ordering' : true,
|
|
'info' : true,
|
|
'autoWidth' : false,
|
|
'order' : [[0,'desc']],
|
|
|
|
// Parameters
|
|
'pageLength' : eventsRows,
|
|
|
|
'columnDefs' : [
|
|
// Replace HTML codes
|
|
{targets: [0],
|
|
'createdCell': function (td, cellData, rowData, row, col) {
|
|
$(td).html (translateHTMLcodes (localizeTimestamp(cellData)));
|
|
} }
|
|
],
|
|
|
|
// Processing
|
|
'processing' : true,
|
|
'language' : {
|
|
processing: '<table><td width="130px" align="middle"><?= lang("DevDetail_Loading");?></td>'+
|
|
'<td><i class="ion ion-ios-loop-strong fa-spin fa-2x fa-fw">'+
|
|
'</td></table>',
|
|
emptyTable: 'No data',
|
|
"lengthMenu": "<?= lang('Events_Tablelenght');?>",
|
|
"search": "<?= lang('Events_Searchbox');?>: ",
|
|
"paginate": {
|
|
"next": "<?= lang('Events_Table_nav_next');?>",
|
|
"previous": "<?= lang('Events_Table_nav_prev');?>"
|
|
},
|
|
"info": "<?= lang('Events_Table_info');?>",
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
initializeSessionsDatatable();
|
|
loadEventsData();
|
|
|
|
</script>
|