2026-01-24 11:22:35 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2026-01-24 14:26:38 -08:00
|
|
|
<title>Tendrils Network</title>
|
2026-01-30 11:38:09 -08:00
|
|
|
<link rel="stylesheet" href="style.css">
|
2026-01-24 11:22:35 -08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2026-01-25 18:49:39 -08:00
|
|
|
<div id="connection-status" class="disconnected">
|
|
|
|
|
<div class="dot"></div>
|
|
|
|
|
<span class="text">Connecting...</span>
|
|
|
|
|
</div>
|
2026-01-25 19:40:39 -08:00
|
|
|
<div id="broadcast-stats">
|
|
|
|
|
<div class="rate-row">
|
|
|
|
|
<div class="rate-item">
|
|
|
|
|
<span class="label">Broadcast:</span>
|
|
|
|
|
<span class="value" id="broadcast-pps">0 pps</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rate-item">
|
|
|
|
|
<span class="value" id="broadcast-bps">0 B/s</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2026-01-25 20:16:53 -08:00
|
|
|
<div class="buckets" id="broadcast-buckets"></div>
|
2026-01-25 19:40:39 -08:00
|
|
|
</div>
|
2026-01-29 10:27:31 -08:00
|
|
|
<div id="top-bar">
|
|
|
|
|
<div class="selector-group" id="mode-selector">
|
|
|
|
|
<button id="mode-network" class="active">Network</button>
|
|
|
|
|
<button id="mode-dante">Dante</button>
|
|
|
|
|
<button id="mode-artnet">Art-Net</button>
|
|
|
|
|
<button id="mode-sacn">sACN</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selector-group" id="view-selector">
|
|
|
|
|
<button id="view-map" class="active">Map</button>
|
|
|
|
|
<button id="view-table">Table</button>
|
|
|
|
|
</div>
|
2026-01-25 18:22:22 -08:00
|
|
|
</div>
|
2026-01-25 18:43:23 -08:00
|
|
|
<div id="error-panel">
|
|
|
|
|
<div id="error-header">
|
|
|
|
|
<span id="error-count">0 Errors</span>
|
|
|
|
|
<button id="clear-all-errors">Clear All</button>
|
|
|
|
|
<button id="toggle-errors">Hide</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="error-list"></div>
|
|
|
|
|
</div>
|
2026-01-24 14:26:38 -08:00
|
|
|
<div id="error"></div>
|
2026-01-29 10:27:31 -08:00
|
|
|
<div id="table-container"></div>
|
2026-01-25 17:16:21 -08:00
|
|
|
<div id="container"></div>
|
2026-01-24 11:22:35 -08:00
|
|
|
|
2026-01-30 11:38:09 -08:00
|
|
|
<script type="module" src="js/app.js"></script>
|
2026-01-24 11:22:35 -08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
