iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: events visualization

Browse Source
This commit is contained in:
0x1d
2025-10-26 13:40:09 +01:00
parent 359d681c72
commit d1d5414a8c
5 changed files with 832 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
public/index.html
View File

@@ -39,6 +39,16 @@
</svg>
Topology
</a>
<a href="/events" class="nav-tab" data-view="events">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16" style="margin-right:6px;">
<circle cx="6" cy="6" r="2" fill="currentColor"/>
<circle cx="18" cy="6" r="2" fill="currentColor"/>
<circle cx="12" cy="18" r="2" fill="currentColor"/>
<line x1="6" y1="6" x2="12" y2="18"/>
<line x1="18" y1="6" x2="12" y2="18"/>
</svg>
Events
</a>
<a href="/monitoring" class="nav-tab" data-view="monitoring">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16" style="margin-right:6px;">
<path d="M3 12h3l2 7 4-14 3 10 2-6h4"/>
@@ -238,6 +248,16 @@
</div>
</div>
</div>
<div id="events-view" class="view-content">
<div class="view-section" style="height: 100%; display: flex; flex-direction: column;">
<div id="events-graph-container" style="flex: 1; min-height: 0;">
<div class="loading">
<div>Waiting for websocket events...</div>
</div>
</div>
</div>
</div>
</div>
<script src="./vendor/d3.v7.min.js"></script>
@@ -264,6 +284,7 @@
<script src="./scripts/components/ClusterStatusComponent.js"></script>
<script src="./scripts/components/TopologyGraphComponent.js"></script>
<script src="./scripts/components/MonitoringViewComponent.js"></script>
<script src="./scripts/components/EventComponent.js"></script>
<script src="./scripts/components/ComponentsLoader.js"></script>
<script src="./scripts/theme-manager.js"></script>
<script src="./scripts/app.js"></script>