fix: lint errors in admin.js and admin.html

Signed-off-by: Vicky <[email protected]>

Author: Vicky

mcpgateway/static/admin.js

@@ -6899,63 +6899,73 @@ window.loadAuthHeaders = loadAuthHeaders;
 
 console.log("🛡️ ContextForge MCP Gateway admin.js initialized");
 
-
 // ===================================================================
 // BULK IMPORT MODAL WIRING
 // ===================================================================
 
 function clearBulkImportResult() {
-    const resultEl = safeGetElement("import-result", true);
-    if (resultEl) resultEl.innerHTML = "";
-    const indicator = safeGetElement("import-indicator", true);
-    if (indicator) indicator.classList.add("hidden");
+  const resultEl = safeGetElement("import-result", true);
+  if (resultEl) {
+    resultEl.innerHTML = "";
+  }
+  const indicator = safeGetElement("import-indicator", true);
+  if (indicator) {
+    indicator.classList.add("hidden");
+  }
 }
 
 function setupBulkImportModal() {
-    const openBtn  = safeGetElement("open-bulk-import", true);
-    const modal    = safeGetElement("bulk-import-modal", true);
-    const backdrop = safeGetElement("bulk-import-backdrop", true);
-    const closeBtn = safeGetElement("close-bulk-import", true);
-
-    if (!openBtn || !modal) return;
-    if (openBtn.dataset.wired === "1") return; // prevent double wiring
-    openBtn.dataset.wired = "1";
-
-    // OPEN → clear results, open modal, focus JSON/FILE
-    openBtn.addEventListener("click", (e) => {
-        e.preventDefault();
-        clearBulkImportResult();
-        openModal("bulk-import-modal");
-        setTimeout(() => {
-            const ta = modal.querySelector('textarea[name="tools_json"]');
-            const file = modal.querySelector('input[type="file"]');
-            (ta || file)?.focus?.();
-        }, 0);
+  const openBtn = safeGetElement("open-bulk-import", true);
+  const modal = safeGetElement("bulk-import-modal", true);
+  const backdrop = safeGetElement("bulk-import-backdrop", true);
+  const closeBtn = safeGetElement("close-bulk-import", true);
+
+  if (!openBtn || !modal) {
+    return;
+  }
+  if (openBtn.dataset.wired === "1") {
+    return; // prevent double wiring
+  }
+  openBtn.dataset.wired = "1";
+
+  // OPEN → clear results, open modal, focus JSON/FILE
+  openBtn.addEventListener("click", (e) => {
+    e.preventDefault();
+    clearBulkImportResult();
+    openModal("bulk-import-modal");
+    setTimeout(() => {
+      const ta = modal.querySelector('textarea[name="tools_json"]');
+      const file = modal.querySelector('input[type="file"]');
+      (ta || file)?.focus?.();
+    }, 0);
+  });
+
+  // CLOSE BUTTON → close & clear
+  if (closeBtn) {
+    closeBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      closeModal("bulk-import-modal", "import-result");
     });
+  }
 
-    // CLOSE BUTTON → close & clear
-    if (closeBtn) {
-        closeBtn.addEventListener("click", (e) => {
-            e.preventDefault();
-            closeModal("bulk-import-modal", "import-result");
-        });
-    }
+  // BACKDROP → close & clear
+  if (backdrop) {
+    backdrop.addEventListener("click", () => {
+      closeModal("bulk-import-modal", "import-result");
+    });
+  }
 
-    // BACKDROP → close & clear
-    if (backdrop) {
-        backdrop.addEventListener("click", () => {
-            closeModal("bulk-import-modal", "import-result");
-        });
+  // ESC → close & clear
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape" && AppState.isModalActive("bulk-import-modal")) {
+      closeModal("bulk-import-modal", "import-result");
     }
-
-    // ESC → close & clear
-    document.addEventListener("keydown", (e) => {
-        if (e.key === "Escape" && AppState.isModalActive("bulk-import-modal")) {
-            closeModal("bulk-import-modal", "import-result");
-        }
-    });
+  });
 }
 
 document.addEventListener("DOMContentLoaded", () => {
-    try { setupBulkImportModal(); } catch (_) { /* no-op */ }
+  try {
+    setupBulkImportModal();
+  } catch (_) {
+  }
 });

mcpgateway/templates/admin.html

@@ -966,49 +966,7 @@ <h3 class="text-lg font-bold dark:text-gray-200">Add New Tool</h3>
           >
             + Bulk Import Tools
           </button>
-          <!-- Right before </body> tag -->
-<script>
-// Super simple version - no dependencies
-window.addEventListener('load', function() {
-  console.log('Setting up bulk import...');
-  
-  const button = document.getElementById('open-bulk-import');
-  const modal = document.getElementById('bulk-import-modal');
-  
-  console.log('Button found:', !!button);
-  console.log('Modal found:', !!modal);
-  
-  if (button && modal) {
-    button.onclick = function(e) {
-      e.preventDefault();
-      console.log('Button clicked!');
-      modal.style.display = 'block';
-      modal.classList.remove('hidden');
-      return false;
-    };
-    
-    // Close button
-    const closeBtn = document.getElementById('close-bulk-import');
-    if (closeBtn) {
-      closeBtn.onclick = function() {
-        modal.style.display = 'none';
-        modal.classList.add('hidden');
-      };
-    }
-    
-    // Click backdrop to close
-    const backdrop = document.getElementById('bulk-import-backdrop');
-    if (backdrop) {
-      backdrop.onclick = function() {
-        modal.style.display = 'none';
-        modal.classList.add('hidden');
-      };
-    }
-  } else {
-    console.error('Missing elements!', {button: !!button, modal: !!modal});
-  }
-});
-</script>
+          
 
           </div>
 
@@ -1266,7 +1224,7 @@ <h3 class="text-base font-semibold dark:text-gray-100">Bulk Import Tools</h3>
               <textarea id="tools_json" name="tools_json" rows="8"
                 class="mt-1 block w-full rounded-md border border-gray-300 font-mono text-sm shadow-sm
                       focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300"
-                placeholder='[{"name":"tool_name","url":"https://...","integration_type":"REST","request_type":"GET"}]'></textarea>
+                placeholder="[{&quot;name&quot;:&quot;tool_name&quot;,&quot;url&quot;:&quot;https://...&quot;,&quot;integration_type&quot;:&quot;REST&quot;,&quot;request_type&quot;:&quot;GET&quot;}]"></textarea>
 
               <div>
                 <label class="block text-sm font-medium dark:text-gray-300" for="tools_file">Or upload JSON file</label>
@@ -3877,6 +3835,7 @@ <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">
         </div>
       </div>
     </div>
+  </div>
     <!-- Scripts -->
     <script>
       // Build mapping objects using your existing tools, resources, and prompts arrays