Mirror/AI-on-the-edge-device
1
0
Fork 0
mirror of https://github.com/jomjol/AI-on-the-edge-device.git synced 2025-12-18 21:48:18 +03:00
Code Issues Packages Projects Releases Wiki Activity

close menu on click

Browse Source
This commit is contained in:
George Ruinelli
2022-09-22 22:49:57 +02:00
parent a08a233484
commit 19847652a9
1 changed files with 40 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
sd-card/html/index.html
View File

@@ -12,6 +12,22 @@
<script type="text/javascript" src="readconfigcommon.js"></script> <script type="text/javascript" src="readconfigcommon.js"></script>
<script type="text/javascript" src="readconfigparam.js"></script> <script type="text/javascript" src="readconfigparam.js"></script>
<script>
async function loadPage(page) {
document.getElementById('maincontent').src = page;
[].forEach.call(document.querySelectorAll('.submenu'), function (el) {
el.style.visibility = 'hidden';
});
await new Promise(r => setTimeout(r, 100));
[].forEach.call(document.querySelectorAll('.submenu'), function (el) {
el.style.visibility = 'visible';
});
}
</script>
</head> </head>
<body> <body>
@@ -26,35 +42,35 @@
<div class="menu"> <div class="menu">
<ul> <ul>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'wasserzaehler_roi.html';">Overview</a></li> <li><a href="#" onclick="loadPage('wasserzaehler_roi.html');">Overview</a></li>
<li><a>Settings <i class="arrow down"></i></a> <li><a>Settings <i class="arrow down"></i></a>
<ul> <ul class="submenu">
<li><a href="#"onclick="document.getElementById('maincontent').src = 'prevalue_set.html';">Set Previous Value</a></li> <li><a href="#" onclick="loadPage('prevalue_set.html');">Set Previous Value</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_config_param.html';">Configuration</a></li> <li><a href="#" onclick="loadPage('edit_config_param.html');">Configuration</a></li>
<li><a>Alignment <i class="arrow right"></i></a> <li><a>Alignment <i class="arrow right"></i></a>
<ul> <ul>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_reference.html';">Reference Image</a></li> <li><a href="#" onclick="loadPage('edit_reference.html');">Reference Image</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_alignment.html';">Alignment Marks</a></li> <li><a href="#" onclick="loadPage('edit_alignment.html');">Alignment Marks</a></li>
</ul> </ul>
</li> </li>
<li><a><strong>R</strong>egions <strong>O</strong>f <strong>I</strong>nterest <i class="arrow right"></i></a> <li><a><strong>R</strong>egions <strong>O</strong>f <strong>I</strong>nterest <i class="arrow right"></i></a>
<ul> <ul>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_digits.html';">Digital ROIs</a></li> <li><a href="#" onclick="loadPage('edit_digits.html');">Digital ROIs</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_analog.html';">Analog ROIs</a></li> <li><a href="#" onclick="loadPage('edit_analog.html');">Analog ROIs</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'wasserzaehler.html?full';">Recognition</a></li> <li><a href="#" onclick="loadPage('wasserzaehler.html?full');">Recognition</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'fileserver/';">File Server</a></li> <li><a href="#" onclick="loadPage('fileserver/');">File Server</a></li>
<li><a>System <i class="arrow down"></i></a> <li><a>System <i class="arrow down"></i></a>
<ul> <ul class="submenu">
<li><a href="#"onclick="document.getElementById('maincontent').src = 'backup.html';">Backup/Restore</a></li> <li><a href="#" onclick="loadPage('backup.html');">Backup/Restore</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'ota_page.html';">OTA Update</a></li> <li><a href="#" onclick="loadPage('ota_page.html');">OTA Update</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'fileserver/log/message/?readonly=true';">Log Viewer</a></li> <li><a href="#" onclick="loadPage('fileserver/log/message/?readonly=true');">Log Viewer</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'reboot_page.html';">Reboot</a></li> <li><a href="#" onclick="loadPage('reboot_page.html');">Reboot</a></li>
<li><a href="#"onclick="document.getElementById('maincontent').src = 'info.html';">Info</a></li> <li><a href="#" onclick="loadPage('info.html');">Info</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>