Skip to content

Commit 82e984f

Browse files
committed
Updated frontend header with realtime info on server time and remaining seconds until next 1-minute interval call
1 parent 97077a6 commit 82e984f

File tree

1 file changed

+28
-2
lines changed

1 file changed

+28
-2
lines changed

classes/html.class.php

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ function confirmation(message, urlifok) {
2424
document.location = urlifok;
2525
}
2626
</script>
27+
<!-- <script src=\"https://code.jquery.com/jquery-3.4.1.slim.min.js\" integrity=\"sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=\" crossorigin=\"anonymous\"></script> -->
2728
</header>
2829
<body>
2930
";
@@ -34,9 +35,34 @@ function head() {
3435
$this->head_simple().
3536
"
3637
<div id=\"head\">
37-
<img src=\"gfx/img/logo_small.png\" class=\"logo\" title=\"Emailqueue\" />
38-
<div class=\"title\">Emailqueue v".VERSION."<br>".date("d.m.Y H'i\"s e", time())."<br><a href=\"".OFFICIAL_PAGE_URL."\" target=\"_newwindow\">official page</a></div>
38+
<img src=\"gfx/img/logo_small.png\" class=\"logo\" title=\"Emailqueue\" />
39+
<div class=\"title\">
40+
<div>Emailqueue v".VERSION." by <a href=\"https://tin.cat\" target=\"_newwindow\">Tin.cat</a> / <a href=\"".OFFICIAL_PAGE_URL."\" target=\"_newwindow\">Github</a></div>
41+
<div>Server time <span id=\"serverTime\"></span></div>
42+
<div><span id=\"serverRemainingSeconds\"></span> seconds until delivery</div>
43+
</div>
3944
</div>
45+
<script>
46+
var serverTimestamp = ".time().";
47+
var startTimestamp = Math.round((new Date()).getTime() / 1000);
48+
function updateClock() {
49+
var nowTimestamp = Math.round((new Date()).getTime() / 1000);
50+
var elapsedSeconds = nowTimestamp - startTimestamp;
51+
var serverNowTimestamp = serverTimestamp + elapsedSeconds;
52+
53+
var serverDateNow = new Date(serverNowTimestamp * 1000);
54+
var serverSeconds = ('0' + serverDateNow.getSeconds()).substr(-2);
55+
var serverRemainingSeconds = 60 - serverSeconds;
56+
57+
document.getElementById('serverRemainingSeconds').innerHTML = serverRemainingSeconds;
58+
59+
var formattedTime = serverDateNow.getHours() + ':' + ('0' + serverDateNow.getMinutes()).substr(-2) + ':' + ('0' + serverDateNow.getSeconds()).substr(-2);
60+
document.getElementById('serverTime').innerHTML = formattedTime;
61+
62+
setTimeout(updateClock, 1000);
63+
}
64+
updateClock();
65+
</script>
4066
";
4167
}
4268

0 commit comments

Comments
 (0)