server time format #954

This commit is contained in:
jokob-sk
2025-01-14 13:28:34 +11:00
parent 12cc71552c
commit 314372a0f2

View File

@@ -70,9 +70,6 @@
<!-- Theme style --> <!-- Theme style -->
<link rel="stylesheet" href="lib/AdminLTE/dist/css/AdminLTE.min.css"> <link rel="stylesheet" href="lib/AdminLTE/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
page. However, you can choose any other skin. Make sure you page. However, you can choose any other skin. Make sure you
apply the skin class to the body tag so the changes take effect. --> apply the skin class to the body tag so the changes take effect. -->
@@ -107,6 +104,8 @@
<!-- Servertime to the right of the hostname --> <!-- Servertime to the right of the hostname -->
<script> <script>
// -------------------------------------------------------------
// Updates the backend application state/status in the header
function updateState(){ function updateState(){
$.get('/php/server/query_json.php', { file: 'app_state.json', nocache: Date.now() }, function(appState) { $.get('/php/server/query_json.php', { file: 'app_state.json', nocache: Date.now() }, function(appState) {
@@ -117,19 +116,46 @@
}) })
} }
function show_pia_servertime() { // -------------------------------------------------------------
// updates the date and time in the header
function update_servertime() {
// Get the current date and time in the specified time zone
let timeZone = "<?php echo $timeZone ?>";
let now = new Date();
// datetime in timeZone in the "en-UK" locale // Convert to the specified time zone
let time = new Date().toLocaleString("en-UK", { timeZone: "<?php echo $timeZone?>" }); let formatter = new Intl.DateTimeFormat("en-UK", {
timeZone: timeZone,
day: "2-digit",
month: "short",
year: "numeric",
hour: "2-digit",
minute: "2-digit",
second: "2-digit",
hour12: false, // Use 24-hour format
});
let parts = formatter.formatToParts(now);
if (document.getElementById) { // Extract date components
document.getElementById("PIA_Servertime_place").innerHTML = '('+time+')'; let day = parts.find(p => p.type === "day").value;
} let month = parts.find(p => p.type === "month").value;
let year = parts.find(p => p.type === "year").value;
setTimeout("show_pia_servertime()", 1000);
// Extract time components
let hour = parts.find(p => p.type === "hour").value;
let minute = parts.find(p => p.type === "minute").value;
let second = parts.find(p => p.type === "second").value;
// Construct the date and time in DD-MMM-YYYY HH:MM:SS format
let formattedDateTime = `${day}-${month}-${year} ${hour}:${minute}:${second}`;
if (document.getElementById) {
document.getElementById("PIA_Servertime_place").innerHTML = '(' + formattedDateTime + ')';
}
setTimeout(update_servertime, 1000); // Call recursively every second
} }
</script> </script>
</head> </head>
@@ -137,7 +163,7 @@
<!-- ----------------------------------------------------------------------- --> <!-- ----------------------------------------------------------------------- -->
<!-- Layout Boxed Yellow --> <!-- Layout Boxed Yellow -->
<body class="hold-transition fixed <?php echo $pia_skin_selected;?> sidebar-mini" onLoad="show_pia_servertime();" > <body class="hold-transition fixed <?php echo $pia_skin_selected;?> sidebar-mini" onLoad="update_servertime();" >
<!-- Site wrapper --> <!-- Site wrapper -->
<div class="wrapper"> <div class="wrapper">
@@ -145,8 +171,6 @@
<!-- Main Header --> <!-- Main Header -->
<header class="main-header"> <header class="main-header">
<!-- ----------------------------------------------------------------------- --> <!-- ----------------------------------------------------------------------- -->
<!-- Logo --> <!-- Logo -->
<a href="devices.php" class="logo"> <a href="devices.php" class="logo">
@@ -468,7 +492,7 @@ function workInProgress() {
//-------------------------------------------------------------- //--------------------------------------------------------------
// Update server time in the header // Update server time in the header
show_pia_servertime() update_servertime()
// Update server state in the header // Update server state in the header
updateState() updateState()