add uptime feature

This commit is contained in:
Siwat Sirichai 2024-10-07 15:08:12 +07:00
parent 520fd76b91
commit 8ea85254a0
4 changed files with 503 additions and 417 deletions

View file

@ -14,6 +14,10 @@
MAC Address
<span style="float: right" id="mac_address">Loading ...</span>
</p>
<p style="text-align: left">
Uptime
<span style="float: right" id="uptime">Loading ...</span>
</p>
<p style="text-align: left">
Model
<span style="float: right" id="model">Loading ...</span>
@ -60,7 +64,7 @@
<b>SIWAT SYSTEM 2023</b>
</form>
<script>
window.onload =function () {
window.onload = function () {
fetch("/get_device_info")
.then(response => response.json())
.then(data => {
@ -75,6 +79,19 @@
document.getElementById("api_server").innerHTML = data.mqtt_server + ":" + data.mqtt_port;
document.getElementById("api_endpoint").innerHTML = data.base_topic;
document.getElementById("centrally_managed").innerHTML = data.mqtt_connected;
var uptime = data.uptime;
var uptime_string = "";
// Uptime is in seconds, convert it to X days, HH:MM:SS
var days = Math.floor(uptime / (24 * 3600));
uptime -= days * 24 * 3600;
var hours = Math.floor(uptime / 3600);
uptime -= hours * 3600;
var minutes = Math.floor(uptime / 60);
uptime -= minutes * 60;
var seconds = uptime;
if (days > 0) uptime_string += days + " days, ";
uptime_string += hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0") + ":" + seconds.toString().padStart(2, "0");
document.getElementById("uptime").innerHTML = uptime_string;
}).catch(error => {
console.error(error);
});