Full observability stack for Proxmox, TrueNAS, K3s, Raspberry Pi, @@ -362,6 +366,7 @@ // ── Layer filter tabs ────────────────────────────────────────── // Populated after NOC data loads. Filters the system grid by layer. let allSystems = []; + let activeLayer = "all"; // Track active filter across refreshes const originalLoad = window.loadNocStatus; @@ -372,7 +377,8 @@ if (cards.length > 0) { buildLayerTabs(); buildUptimePills(); - observer.disconnect(); + // Re-apply active filter after data refresh + reapplyFilter(); } }); @@ -380,6 +386,16 @@ if (grid) observer.observe(grid, { childList: true }); }); + function reapplyFilter() { + if (activeLayer !== "all") { + document.querySelectorAll(".noc-system-card").forEach(card => { + const layerEl = card.querySelector(".noc-system-top span:last-child"); + card.style.display = + layerEl && layerEl.textContent.trim() === activeLayer ? "" : "none"; + }); + } + } + function buildLayerTabs() { const cards = document.querySelectorAll(".noc-system-card"); const layers = new Set(["all"]); @@ -394,7 +410,7 @@ layers.forEach(layer => { const btn = document.createElement("button"); - btn.className = "layer-tab" + (layer === "all" ? " active" : ""); + btn.className = "layer-tab" + (layer === activeLayer ? " active" : ""); btn.dataset.layer = layer; btn.textContent = layer === "all" ? "All Systems" : layer; btn.addEventListener("click", () => filterByLayer(layer, btn)); @@ -403,6 +419,7 @@ } function filterByLayer(layer, activeBtn) { + activeLayer = layer; // Persist across refreshes document.querySelectorAll(".layer-tab").forEach(t => t.classList.remove("active")); activeBtn.classList.add("active"); diff --git a/scripts/generate-noc-status.py b/scripts/generate-noc-status.py index a8d2d7ba..35c0e630 100644 --- a/scripts/generate-noc-status.py +++ b/scripts/generate-noc-status.py @@ -12,7 +12,7 @@ SYSTEMS = [ "type": "Virtualization Platform", "host": "10.10.30.250", "port": 8006, - "address": "10.10.30.250:8006", + "display_name": "BigWorld", "layer": "Core Infrastructure", "label": "Hypervisor" }, @@ -21,7 +21,7 @@ SYSTEMS = [ "type": "Storage Platform", "host": "10.10.30.143", "port": 80, - "address": "10.10.30.143", + "display_name": "TrueNAS", "layer": "Storage", "label": "NAS" }, @@ -30,7 +30,7 @@ SYSTEMS = [ "type": "Reverse Proxy", "host": "10.10.30.210", "port": 81, - "address": "10.10.30.210:81", + "display_name": "NPM", "layer": "Access Layer", "label": "Proxy" }, @@ -39,7 +39,7 @@ SYSTEMS = [ "type": "Service Dashboard", "host": "10.10.30.61", "port": 4000, - "address": "10.10.30.61:4000", + "display_name": "Dashy", "layer": "Dashboard", "label": "Portal" }, @@ -48,7 +48,7 @@ SYSTEMS = [ "type": "Media Service", "host": "10.10.30.143", "port": 30013, - "address": "10.10.30.143:30013", + "display_name": "PrimeStation", "layer": "Application Service", "label": "App" }, @@ -57,7 +57,7 @@ SYSTEMS = [ "type": "Kubernetes API", "host": "10.10.30.72", "port": 6443, - "address": "10.10.30.72:6443", + "display_name": "k3s-django-1", "layer": "Compute Cluster", "label": "Cluster" }, @@ -66,7 +66,7 @@ SYSTEMS = [ "type": "RF Edge Gateway", "host": "10.10.30.129", "port": 8001, - "address": "KJ5JCO-10 / Direwolf KISS 8001", + "display_name": "KJ5JCO-10 iGate", "layer": "Edge / RF", "label": "iGate" }, @@ -75,7 +75,7 @@ SYSTEMS = [ "type": "APRS Internet Service", "host": "noam.aprs2.net", "port": 14580, - "address": "noam.aprs2.net:14580", + "display_name": "noam.aprs2.net", "layer": "Edge / RF", "label": "External" } @@ -141,7 +141,7 @@ def main(): systems.append({ "name": system["name"], "type": system["type"], - "address": system["address"], + "address": system["display_name"], "status": status, "severity": severity_from_status(online, latency), "layer": system["layer"],