v9.47: fix graph modal (overlay, _getInstances, localStorage auth)

k8s/deployment.yaml

@@ -15,7 +15,7 @@ spec:
     spec:
       containers:
       - name: cloud-dashboard
-        image: naeel/cloud-dashboard:v9.46
+        image: naeel/cloud-dashboard:v9.47
         imagePullPolicy: Always
         ports:
         - containerPort: 8080

static/graph.js

@@ -75,16 +75,16 @@
   var graphCache = null;   // built SVG string, null = not built yet
   var building   = false;  // loading in progress flag
 
-  // ── Modal DOM ────────────────────────────────────────────────────────────
+  // ── DOM helpers ──────────────────────────────────────────────────────────
-  function getModal()  { return document.getElementById("graph-modal"); }
+  function getOverlay() { return document.getElementById("graph-overlay"); }
-  function getCanvas() { return document.getElementById("graph-canvas"); }
+  function getCanvas()  { return document.getElementById("graph-canvas"); }
-  function getStatus() { return document.getElementById("graph-status"); }
+  function getStatus()  { return document.getElementById("graph-status"); }
 
   // ── Open / Close ─────────────────────────────────────────────────────────
   function openGraph() {
-    var modal = getModal();
+    var overlay = getOverlay();
-    if (!modal) return;
+    if (!overlay) { console.error("[graph] #graph-overlay not found"); return; }
-    modal.style.display = "flex";
+    overlay.style.display = "flex";
     if (graphCache) {
       showCached();
     } else if (!building) {
@@ -93,8 +93,8 @@
   }
 
   function closeGraph() {
-    var modal = getModal();
+    var overlay = getOverlay();
-    if (modal) modal.style.display = "none";
+    if (overlay) overlay.style.display = "none";
   }
 
   function refreshGraph() {
@@ -130,7 +130,7 @@
       g.setNode(n.id, { width: n.w || NODE_W, height: n.h || NODE_H, label: n.id });
     });
     edges.forEach(function (e) {
-      g.setEdge(e.from, e.to);
+      if (g.hasNode(e.from) && g.hasNode(e.to)) g.setEdge(e.from, e.to);
     });
 
     dagre.layout(g);
@@ -297,10 +297,10 @@
     canvas.innerHTML = "";
     setStatus("Строю схему: загрузка инстансов…");
 
-    // Step 1: Use allInstances already loaded in memory
+    // Step 1: Use allInstances exposed from IIFE via window._getInstances()
-    var instances = (typeof allInstances !== "undefined") ? allInstances : [];
+    var instances = (typeof window._getInstances === "function") ? window._getInstances() : [];
-    if (!instances.length) {
+    if (!instances || !instances.length) {
-      setStatus("Нет данных. Обновите таблицу сначала.");
+      setStatus("Нет данных. Нажмите «Обновить» в таблице, затем откройте схему снова.");
       building = false;
       return;
     }
@@ -373,13 +373,11 @@
       }
 
       var uid = uidList[idx];
-      var token = (typeof getToken === "function") ? getToken() : (window.getToken ? window.getToken() : "");
-      var env   = (typeof getDeckEnv === "function") ? getDeckEnv() : (window.getDeckEnv ? window.getDeckEnv() : "test");
 
       fetch("/dashboard/api/instances/" + uid, {
         headers: {
-          "X-Deck-Token": token,
+          "X-Deck-Token": localStorage.getItem("deck_token") || "",
-          "X-Deck-Env":   env
+          "X-Deck-Env":   localStorage.getItem("deck_env")   || "test"
         }
       })
       .then(function (r) { return r.ok ? r.json() : null; })

static/index.html

@@ -1094,6 +1094,10 @@ window.navigateToDep = navigateToDep;
 window.navBack = navBack;
   window.copyParamValue = copyParamValue;
 
+// Expose live accessors for graph.js
+window._getInstances = function(){ return allInstances; };
+window._apiHeaders   = function(){ return { "X-Deck-Token": getToken(), "X-Deck-Env": getDeckEnv() }; };
+
 })();
 </script>