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

feat: monitoring view

Browse Source
This commit is contained in:
0x1d
2025-09-20 12:49:44 +02:00
parent e0e86f88a9
commit c13d544e54
5 changed files with 920 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/index.html
View File

@@ -21,6 +21,7 @@
<button class="nav-tab active" data-view="cluster">🌐 Cluster</button>
<button class="nav-tab" data-view="topology">🔗 Topology</button>
<button class="nav-tab" data-view="firmware">📦 Firmware</button>
<button class="nav-tab" data-view="monitoring">📊 Monitoring</button>
</div>
<div class="nav-right">
<div class="theme-switcher">
@@ -138,6 +139,35 @@
</div>
</div>
</div>
<div id="monitoring-view" class="view-content">
<div class="monitoring-section">
<div class="monitoring-header">
<h2>📊 Monitoring</h2>
<button class="refresh-btn" id="refresh-monitoring-btn">
<svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M1 4v6h6M23 20v-6h-6" />
<path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" />
</svg>
Refresh
</button>
</div>
<div class="monitoring-content">
<div class="cluster-summary" id="cluster-summary">
<div class="loading">
<div>Loading cluster resource summary...</div>
</div>
</div>
<div class="nodes-monitoring" id="nodes-monitoring">
<div class="loading">
<div>Loading node resource data...</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="./vendor/d3.v7.min.js"></script>
@@ -156,6 +186,7 @@
<script src="./scripts/components/ClusterViewComponent.js"></script>
<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/ComponentsLoader.js"></script>
<script src="./scripts/theme-manager.js"></script>
<script src="./scripts/app.js"></script>