peji/Alta-Proxy-Tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: render scalable Alta site and group hierarchy

Browse Source
This commit is contained in:
PageZ948
2026-08-20 01:15:01 +00:00
parent c65a813e5f
commit 8d256cd4ab
12 changed files with 614 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+13 -4
View File
@@ -12,13 +12,19 @@
<div class="main-layout">
<aside class="devices-sidebar">
<div class="sidebar-header"><h2>Available Devices</h2></div>
<div id="deviceStatus" class="status-message"></div>
<div id="deviceStatus" class="status-message" role="status" aria-live="polite"></div>
<div class="device-search-container">
<input type="text" id="deviceSearch" placeholder="Search devices..." class="device-search-input" autocomplete="off">
<label class="visually-hidden" for="deviceSearch">Search cameras</label>
<input type="search" id="deviceSearch" placeholder="Search cameras..." class="device-search-input" autocomplete="off" aria-controls="deviceList">
<p id="deviceResults" class="tree-results" role="status" aria-live="polite">Connect to load cameras</p>
</div>
<div class="device-list-container">
<div id="deviceList" class="device-list">
<p class="placeholder-text">Connect through the paired Chrome extension to load devices</p>
<div id="deviceList" class="device-list virtual-tree" role="tree" tabindex="0" aria-label="Alta camera hierarchy" aria-activedescendant="" aria-describedby="deviceResults">
<div id="treeSpacer" class="virtual-tree-spacer">
<div id="treeWindow" class="virtual-tree-window">
<p class="placeholder-text">Connect through the paired Chrome extension to load devices</p>
</div>
</div>
</div>
</div>
</aside>
@@ -103,6 +109,9 @@
</div>
<script src="renderer-controller.js"></script>
<script src="device-tree.js"></script>
<script src="sidebar-controller.js"></script>
<script src="sidebar-view.js"></script>
<script src="renderer.js"></script>
</body>
</html>