update html

This commit is contained in:
Siwat Sirichai 2024-05-18 16:17:12 +07:00
parent 2a497625de
commit ea2eef0ad1
2 changed files with 107 additions and 41 deletions

View file

@ -4,31 +4,43 @@
<h3>Device Information</h3>
<p style="text-align: left">
Hostname
<span style="float: right">$(hostname)$</span>
<span style="float: right" id="hostname">Loading ...</span>
</p>
<p style="text-align: left">
IP Address
<span style="float: right">$(ip_address)$</span>
<span style="float: right" id="ip_address">Loading ...</span>
</p>
<p style="text-align: left">
MAC Address
<span style="float: right">$(mac_address)$</span>
<span style="float: right" id="mac_address">Loading ...</span>
</p>
<p style="text-align: left">
Device
<span style="float: right">$(model)$</span>
Model
<span style="float: right" id="model">Loading ...</span>
</p>
<p style="text-align: left">
FW Version
<span style="float: right" id="fw_version">Loading ...</span>
</p>
<p style="text-align: left">
SDK Version
<span style="float: right" id="sdk_version">Loading ...</span>
</p>
<p style="text-align: left">
IDF Version
<span style="float: right" id="idf_version">Loading ...</span>
</p>
<p style="text-align: left">
API Server
<span style="float: right">$(mqtt_connection_string)$</span>
<span style="float: right" id="api_server">Loading ...</span>
</p>
<p style="text-align: left">
API Endpoint
<span style="float: right">$(base_topic)$</span>
<span style="float: right" id="api_endpoint">Loading ...</span>
</p>
<p style="text-align: left">
Centrally Managed
<span style="float: right">$(mqtt_connected)$</span>
<span style="float: right" id="centrally_managed">Loading ...</span>
</p>
<button type="button" class="conf" onclick="window.location.href='config'">Settings</button><br /><br />
<hr>
@ -48,6 +60,27 @@
<b>SIWAT SYSTEM 2023</b>
</form>
<script>
window.onload(function () {
fetch("/get_device_info")
.then(response => response.json())
.then(data => {
console.log(data);
document.getElementById("hostname").innerHTML = data.hostname;
document.getElementById("ip_address").innerHTML = data.ip_address;
document.getElementById("mac_address").innerHTML = data.mac_address;
document.getElementById("model").innerHTML = data.model;
document.getElementById("fw_version").innerHTML = data.fw_version;
document.getElementById("sdk_version").innerHTML = data.sdk_version;
document.getElementById("idf_version").innerHTML = data.idf_version;
document.getElementById("api_server").innerHTML = data.api_server+":"+data.api_port;
document.getElementById("api_endpoint").innerHTML = data.api_endpoint;
document.getElementById("centrally_managed").innerHTML = data.centrally_managed;
}).catch(error => {
console.error(error);
});
}
);
function sub(obj) {
var fileName = obj.value.split("\\");
document.getElementById("file-input").innerHTML =