From 879c547e0839f0aa4f59957396a538d0a651fee4 Mon Sep 17 00:00:00 2001 From: ZGaetano Date: Wed, 20 May 2026 00:02:48 -0400 Subject: [PATCH] home: add Containers + Cluster cards, fix Editor link, extend loadStats --- services/web-ui/public/home.html | 88 ++++++++++++++++++++++++++++++-- 1 file changed, 85 insertions(+), 3 deletions(-) diff --git a/services/web-ui/public/home.html b/services/web-ui/public/home.html index 344bd9e..b757063 100644 --- a/services/web-ui/public/home.html +++ b/services/web-ui/public/home.html @@ -234,6 +234,14 @@ Tokens + + + Containers + + + + Cluster +
@@ -366,7 +374,7 @@
DeckLink SDI capture with manual scene control and per-device routing.
- +
Editor
@@ -410,6 +418,66 @@
Track proxy generation, thumbnails, and AMPP folder sync as they run.
 + +
Containers
+
+ + + + + + + + + + + + + + + + + + + + + -- running +
+
Manage Docker Compose services — start, stop, and restart containers.
+ + + +
Cluster
+
+ + + + + + + + + + + + + + + + + + + + + + + + + -- nodes +
+
Multi-server cluster registry. Monitor, federate, and scale Z-AMPP nodes.
+ +
Tokens
@@ -441,11 +509,13 @@ async function loadStats() { const setText = (id, val) => { const el = document.getElementById(id); if (el) el.textContent = val; }; try { - const [aRes, pRes, rRes, jRes] = await Promise.allSettled([ + const [aRes, pRes, rRes, jRes, cRes, nRes] = await Promise.allSettled([ fetch('/api/v1/assets?limit=1', { credentials: 'include' }), fetch('/api/v1/projects', { credentials: 'include' }), fetch('/api/v1/recorders', { credentials: 'include' }), fetch('/api/v1/jobs?status=active', { credentials: 'include' }), + fetch('/api/v1/system/containers', { credentials: 'include' }), + fetch('/api/v1/cluster', { credentials: 'include' }), ]); if (aRes.status === 'fulfilled' && aRes.value.ok) { @@ -469,7 +539,19 @@ setText('jobCount', arr.length); setText('ingestCount', arr.filter(x => (x.type || '').toLowerCase().includes('proxy')).length || arr.length); } - const tb = document.getElementById('tokenBurn'); if (tb) { tb.textContent = (14000 + Math.round(Math.random() * 8000)).toLocaleString(); } + if (cRes.status === 'fulfilled' && cRes.value.ok) { + const j = await cRes.value.json(); + const arr = Array.isArray(j) ? j : (j.containers ?? []); + const running = arr.filter(c => c.state === 'running').length; + setText('containerCount', running); + } + if (nRes.status === 'fulfilled' && nRes.value.ok) { + const j = await nRes.value.json(); + const arr = Array.isArray(j) ? j : (j.nodes ?? []); + const online = arr.filter(n => n.online).length; + setText('nodeCount', arr.length > 0 ? online + '/' + arr.length : '--'); + } + const tb = document.getElementById('tokenBurn'); if (tb) { tb.textContent = (14000 + Math.round(Math.random() * 8000)).toLocaleString(); } } catch (_) { /* leave dashes */ } } loadStats();