mirror of
https://github.com/jomjol/AI-on-the-edge-device.git
synced 2025-12-11 14:07:00 +03:00
6e4df0ef87
* rename overview page * reload same page in iframe again after reloading index page Co-authored-by: CaCO3 <caco@ruinelli.ch>
102 lines
3.7 KiB
HTML
102 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
<title>AI on the edge</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="style.css" type="text/css" >
|
|
|
|
<script type="text/javascript" src="common.js"></script>
|
|
<script type="text/javascript" src="gethost.js"></script>
|
|
<script type="text/javascript" src="readconfigcommon.js"></script>
|
|
<script type="text/javascript" src="readconfigparam.js"></script>
|
|
|
|
<script>
|
|
async function loadPage(page) {
|
|
console.log("loadPage(" + page + ")");
|
|
document.cookie = page;
|
|
document.getElementById('maincontent').src = page;
|
|
|
|
[].forEach.call(document.querySelectorAll('.submenu'), function (el) {
|
|
el.style.visibility = 'hidden';
|
|
});
|
|
}
|
|
|
|
function resetMenu() {
|
|
[].forEach.call(document.querySelectorAll('.submenu'), function (el) {
|
|
el.style.visibility = 'visible';
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main">
|
|
|
|
<table style="border: none">
|
|
<tr><td style="padding-right: 10px;"><img src="favicon.ico"></td>
|
|
<td><h1 id="id_title"> Digitizer - AI on the edge</h1>
|
|
<h2>An ESP32 all inclusive neural network recognition system for meter digitalization</h2>
|
|
</td></tr>
|
|
</table>
|
|
|
|
<div class="menu" onmouseover="resetMenu()">
|
|
<ul>
|
|
<li><a href="#" onclick="loadPage('overview.html');">Overview</a></li>
|
|
<li><a>Settings <i class="arrow down"></i></a>
|
|
<ul class="submenu">
|
|
<li><a href="#" onclick="loadPage('prevalue_set.html');">Set Previous Value</a></li>
|
|
<li><a href="#" onclick="loadPage('edit_config_param.html');">Configuration</a></li>
|
|
<li><a>Alignment <i class="arrow right"></i></a>
|
|
<ul>
|
|
<li><a href="#" onclick="loadPage('edit_reference.html');">Reference Image</a></li>
|
|
<li><a href="#" onclick="loadPage('edit_alignment.html');">Alignment Marks</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a><strong>R</strong>egions <strong>O</strong>f <strong>I</strong>nterest <i class="arrow right"></i></a>
|
|
<ul>
|
|
<li><a href="#" onclick="loadPage('edit_digits.html');">Digital ROIs</a></li>
|
|
<li><a href="#" onclick="loadPage('edit_analog.html');">Analog ROIs</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<li><a href="#" onclick="loadPage('wasserzaehler.html?full');">Recognition</a></li>
|
|
<li><a href="#" onclick="loadPage('graph.html');">Data Graph</a></li>
|
|
<li><a href="#" onclick="loadPage('fileserver/');">File Server</a></li>
|
|
<li><a>System <i class="arrow down"></i></a>
|
|
<ul class="submenu">
|
|
<li><a href="#" onclick="loadPage('backup.html');">Backup/Restore</a></li>
|
|
<li><a href="#" onclick="loadPage('ota_page.html');">OTA Update</a></li>
|
|
<li><a href="#" onclick="loadPage('log.html');">Log Viewer</a></li>
|
|
<li><a href="#" onclick="loadPage('data.html');">Data Viewer</a></li>
|
|
<li><a href="#" onclick="loadPage('reboot_page.html');">Reboot</a></li>
|
|
<li><a href="#" onclick="loadPage('info.html');">Info</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<iframe name="maincontent" class="iframe" id="maincontent"></iframe>
|
|
|
|
<span id="Version" style="font-size: 10px; margin-top: -5px">Loading version...</span>
|
|
|
|
<script type="text/javascript">
|
|
LoadHostname();
|
|
LoadFwVersion();
|
|
LoadWebUiVersion();
|
|
|
|
if (document.cookie == "" || document.cookie == "reboot_page.html") {
|
|
document.cookie = "overview.html";
|
|
}
|
|
console.log("Loading page: " + document.cookie);
|
|
document.getElementById('maincontent').src = document.cookie;
|
|
</script>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|