mirror of https://github.com/lumapu/ahoy.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
202 lines
8.5 KiB
202 lines
8.5 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>System</title>
|
|
{#HTML_HEADER}
|
|
</head>
|
|
<body>
|
|
{#HTML_NAV}
|
|
<div id="wrapper">
|
|
<div id="content">
|
|
<div id="info" class="col-sm-12 col-md-10 mt-3"></div>
|
|
<div id="html" class="mt-3 mb-3"></div>
|
|
</div>
|
|
</div>
|
|
{#HTML_FOOTER}
|
|
<script type="text/javascript">
|
|
function parseGeneric(obj) {
|
|
parseNav(obj)
|
|
parseESP(obj)
|
|
parseRssi(obj)
|
|
parseTitle(obj)
|
|
}
|
|
|
|
function parseUptime(up) {
|
|
var days = parseInt(up / 86400) % 365
|
|
var hrs = parseInt(up / 3600) % 24
|
|
var min = parseInt(up / 60) % 60
|
|
var sec = up % 60
|
|
var str = days + " day"
|
|
if(1 != days)
|
|
str += "s"
|
|
str += ", " + ("0"+hrs).substr(-2) + ":"
|
|
+ ("0"+min).substr(-2) + ":"
|
|
+ ("0"+sec).substr(-2)
|
|
|
|
return ml("span", {}, str)
|
|
}
|
|
|
|
function parseSysInfo(obj) {
|
|
lines = [
|
|
tr("{#DEVICE_NAME}", obj.device_name),
|
|
tr("{#UPTIME}", parseUptime(obj.generic.ts_uptime)),
|
|
tr("{#REBOOT_REASON}", obj.chip.reboot_reason),
|
|
tr("{#ENVIRONMENT}", obj.generic.env + " ({#BUILD_OPTIONS}: " + obj.generic.modules + ")"),
|
|
tr("Version", obj.generic.version + " - " + obj.generic.build),
|
|
tr("Chip", "CPU: " + obj.chip.cpu_freq + "MHz, " + obj.chip.cores + " Core(s)"),
|
|
tr("Chip Model", obj.chip.model)
|
|
]
|
|
|
|
document.getElementById("info").append(
|
|
headline("System Information"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, lines)
|
|
)
|
|
);
|
|
}
|
|
|
|
function headline(text) {
|
|
return ml("div", {class: "head p-2 mt-3"}, ml("div", {class: "row"}, ml("div", {class: "col a-c"}, text)))
|
|
}
|
|
|
|
function irqBadge(state) {
|
|
switch(state) {
|
|
case 0: return badge(false, "unknown", "warning"); break;
|
|
case 1: return badge(true, "true"); break;
|
|
default: return badge(false, "false"); break;
|
|
}
|
|
}
|
|
|
|
function parseRadio(obj) {
|
|
const dr = ["1 M", "2 M", "250 k"]
|
|
|
|
if(obj.radioNrf.en) {
|
|
lines = [
|
|
tr("NRF24L01", badge(obj.radioNrf.isconnected, ((obj.radioNrf.isconnected) ? "" : "{#NOT} ") + "{#CONNECTED}")),
|
|
tr("{#INTR_PIN_WORKING}", irqBadge(obj.radioNrf.irqOk)),
|
|
tr("NRF24 {#DATA_RATE}", dr[obj.radioNrf.dataRate] + "bps"),
|
|
tr("DTU {#RADIO} ID", obj.radioNrf.sn)
|
|
];
|
|
} else
|
|
lines = [tr("NRF24L01", badge(false, "{#NOT} {#ENABLED}"))];
|
|
|
|
document.getElementById("info").append(
|
|
headline("{#RADIO} NRF24"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, lines)
|
|
)
|
|
);
|
|
|
|
/*IF_ESP32*/
|
|
if(obj.radioCmt.en) {
|
|
cmt = [
|
|
tr("CMT2300A", badge(obj.radioCmt.isconnected, ((obj.radioCmt.isconnected) ? "" : "{#NOT} ") + "{#CONNECTED}")),
|
|
tr("{#INTR_PIN_WORKING}", irqBadge(obj.radioCmt.irqOk)),
|
|
tr("DTU {#RADIO} ID", obj.radioCmt.sn)
|
|
];
|
|
} else
|
|
cmt = [tr("CMT2300A", badge(false, "{#NOT} {#ENABLED}"))];
|
|
|
|
document.getElementById("info").append(
|
|
headline("{#RADIO} CMT"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, cmt)
|
|
)
|
|
);
|
|
/*ENDIF_ESP32*/
|
|
}
|
|
|
|
function parseNetwork(obj, gen) {
|
|
lines = [
|
|
tr("{#CONNECTION}", ((obj.wired) ? "{#WIRED}" : "{#WIFI} (SSID: " + obj.ssid + ", RSSI: " + gen.wifi_rssi + ", CH: " + obj.wifi_channel + ")")),
|
|
tr("Hostname", gen.host),
|
|
tr("IP {#ADDRESS}", obj.ip),
|
|
tr("MAC {#ADDRESS}", obj.mac)
|
|
]
|
|
|
|
document.getElementById("info").append(
|
|
headline("{#NETWORK}"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, lines)
|
|
)
|
|
);
|
|
}
|
|
|
|
function parseMqtt(obj) {
|
|
if(obj.enabled) {
|
|
lines = [
|
|
tr("{#CONNECTED}", badge(obj.connected, ((obj.connected) ? "true" : "false"))),
|
|
tr("#TX", obj.tx_cnt),
|
|
tr("#RX", obj.rx_cnt)
|
|
]
|
|
|
|
} else
|
|
lines = tr("enabled", badge(false, "false"));
|
|
|
|
document.getElementById("info").append(
|
|
headline("MqTT"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, lines)
|
|
)
|
|
);
|
|
}
|
|
|
|
function parseMemory(obj) {
|
|
lines = [
|
|
tr("{#FLASH_SIZE}", obj.flash_size / 1024 / 1024 + "MB"),
|
|
tr("{#CONFIG_PARTITION} (" + Math.round(obj.par_used_spiffs / 1024) + "kB of " + obj.par_size_spiffs / 1024 + "kB)", progress(obj.par_used_spiffs / obj.par_size_spiffs * 100)),
|
|
tr("{#FIRMWARE_PARTITION} (" + Math.round(obj.par_used_app0 / 1024) + "kB of " + obj.par_size_app0 / 1024 + "kB)", progress(obj.par_used_app0 / obj.par_size_app0 * 100)),
|
|
tr("Heap (" + Math.round(obj.heap_free / 1024) + "kB of " + Math.round(obj.heap_total / 1024) + "kB)", progress(obj.heap_free / obj.heap_total * 100)),
|
|
tr("Heap {#MAX_FREE_BLOCK}", Math.round(obj.heap_max_free_blk / 1024) + "kB (Fragmentation: " + obj.heap_frag + ")")
|
|
]
|
|
|
|
document.getElementById("info").append(
|
|
headline("{#MEMORY}"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, lines)
|
|
)
|
|
);
|
|
}
|
|
|
|
function parseIndex(obj) {
|
|
if(obj.ts_sunrise > 0) {
|
|
document.getElementById("info").append(
|
|
headline("Sun"),
|
|
ml("table", {class: "table"},
|
|
ml("tbody", {}, [
|
|
tr("{#SUNRISE}", new Date(obj.ts_sunrise * 1000).toLocaleString('de-DE')),
|
|
tr("{#SUNSET}", new Date(obj.ts_sunset * 1000).toLocaleString('de-DE')),
|
|
tr("{#COMMUNICATION_START}", new Date((obj.ts_sunrise + obj.ts_offsSr) * 1000).toLocaleString('de-DE')),
|
|
tr("{#COMMUNICATION_STOP}", new Date((obj.ts_sunset + obj.ts_offsSs) * 1000).toLocaleString('de-DE')),
|
|
tr("{#NIGHT_BEHAVIOR}", badge(obj.disNightComm, ((obj.disNightComm) ? "{#NOT}" : "") + " {#COMMUNICATING}", "warning"))
|
|
])
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
function parse(obj) {
|
|
if(null != obj) {
|
|
parseGeneric(obj.generic);
|
|
|
|
if(null != obj.refresh) {
|
|
var meta = document.createElement('meta');
|
|
meta.httpEquiv = "refresh"
|
|
meta.content = obj.refresh + "; URL=" + obj.refresh_url;
|
|
document.getElementsByTagName('head')[0].appendChild(meta);
|
|
} else if(null != obj.system) {
|
|
parseRadio(obj.system)
|
|
parseNetwork(obj.system.network, obj.system.generic)
|
|
parseMqtt(obj.system.mqtt)
|
|
parseMemory(obj.system.memory)
|
|
parseSysInfo(obj.system)
|
|
getAjax('/api/index', parseIndex)
|
|
}
|
|
document.getElementById("html").innerHTML = obj.html;
|
|
}
|
|
}
|
|
|
|
getAjax("/api/html" + window.location.pathname, parse);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|