@blueharford/scrypted-spatial-awareness 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueharford/scrypted-spatial-awareness",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Cross-camera object tracking for Scrypted NVR with spatial awareness",
   "author": "Joshua Seidel <blueharford>",
   "license": "Apache-2.0",

package/src/main.ts

@@ -380,20 +380,23 @@ export class SpatialAwarenessPlugin extends ScryptedDeviceBase
         </div>
         <script>
           window.openSATopologyEditor = function() {
-            // Remove existing modal if any
-            const existing = document.getElementById('sa-topology-modal');
+            var existing = document.getElementById('sa-topology-modal');
             if (existing) existing.remove();
-
-            // Create modal and append to body
-            const modal = document.createElement('div');
+            var modal = document.createElement('div');
             modal.id = 'sa-topology-modal';
             modal.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:2147483647;display:flex;align-items:center;justify-content:center;';
-            modal.innerHTML = \`
-              <div style="width:95vw;height:92vh;max-width:1800px;background:#1a1a2e;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 25px 50px rgba(0,0,0,0.5);">
-                <button onclick="document.getElementById('sa-topology-modal').remove()" style="position:absolute;top:15px;right:15px;z-index:2147483647;background:#e94560;color:white;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;">&times;</button>
-                <iframe src="/endpoint/@blueharford/scrypted-spatial-awareness/ui/editor" style="width:100%;height:100%;border:none;"></iframe>
-              </div>
-            \`;
+            var container = document.createElement('div');
+            container.style.cssText = 'width:95vw;height:92vh;max-width:1800px;background:#1a1a2e;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 25px 50px rgba(0,0,0,0.5);';
+            var closeBtn = document.createElement('button');
+            closeBtn.innerHTML = '&times;';
+            closeBtn.style.cssText = 'position:absolute;top:15px;right:15px;z-index:2147483647;background:#e94560;color:white;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;';
+            closeBtn.onclick = function() { modal.remove(); };
+            var iframe = document.createElement('iframe');
+            iframe.src = '/endpoint/@blueharford/scrypted-spatial-awareness/ui/editor';
+            iframe.style.cssText = 'width:100%;height:100%;border:none;';
+            container.appendChild(closeBtn);
+            container.appendChild(iframe);
+            modal.appendChild(container);
             modal.onclick = function(e) { if (e.target === modal) modal.remove(); };
             document.body.appendChild(modal);
           };