From 1f20b4397d1e45e254956e8c4590f7dea919ef2f Mon Sep 17 00:00:00 2001
From: SBCrumb <sbcrumb@kickthetree.com>
Date: Mon, 3 Nov 2025 19:05:43 -0500
Subject: [PATCH] update to web interface

---
 VERSION                        |  2 +-
 nfoguard-web/static/index.html |  6 ++---
 nfoguard-web/static/js/app.js  | 43 +++++++++++++++++++++++-----------
 3 files changed, 33 insertions(+), 18 deletions(-)
diff --git a/VERSION b/VERSION
index f1cc819..dc85448 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-2.10.0-skipped-tracking
+2.10.0-skipped-tracking-fix
diff --git a/nfoguard-web/static/index.html b/nfoguard-web/static/index.html
index d13ed65..6526f17 100644
--- a/nfoguard-web/static/index.html
+++ b/nfoguard-web/static/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>NFOGuard - Database Management</title>
-    <link rel="stylesheet" href="/static/css/styles.css?v=2.10.0-skipped-tracking">
+    <link rel="stylesheet" href="/static/css/styles.css?v=2.10.0-skipped-tracking-fix">
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 </head>
 <body>
@@ -12,7 +12,7 @@
         <!-- Header -->
         <header class="app-header">
             <div class="header-content">
-                <h1><i class="fas fa-shield-alt"></i> NFOGuard <span style="font-size: 0.5em; color: #888;">v2.10.0-skipped-tracking</span></h1>
+                <h1><i class="fas fa-shield-alt"></i> NFOGuard <span style="font-size: 0.5em; color: #888;">v2.10.0-skipped-tracking-fix</span></h1>
                 <p>Database Management & Reporting</p>
             </div>
             <div class="auth-status" id="auth-status" style="display: none;">
@@ -723,6 +723,6 @@
     <!-- Toast Notifications -->
     <div class="toast-container" id="toast-container"></div>
 
-    <script src="/static/js/app.js?v=2.10.0-skipped-tracking">
+    <script src="/static/js/app.js?v=2.10.0-skipped-tracking-fix">
 </body>
 </html>
\ No newline at end of file
diff --git a/nfoguard-web/static/js/app.js b/nfoguard-web/static/js/app.js
index 24f7793..293e5e7 100644
--- a/nfoguard-web/static/js/app.js
+++ b/nfoguard-web/static/js/app.js
@@ -62,22 +62,37 @@ function switchTab(tabName) {
 // Event listeners
 function initializeEventListeners() {
     // Search inputs
-    document.getElementById('movies-search').addEventListener('input', debounce(loadMovies, 500));
-    document.getElementById('movies-imdb-search').addEventListener('input', debounce(loadMovies, 500));
-    document.getElementById('series-search').addEventListener('input', debounce(loadSeries, 500));
-    document.getElementById('series-imdb-search').addEventListener('input', debounce(loadSeries, 500));
-    
+    const moviesSearch = document.getElementById('movies-search');
+    const moviesImdbSearch = document.getElementById('movies-imdb-search');
+    const seriesSearch = document.getElementById('series-search');
+    const seriesImdbSearch = document.getElementById('series-imdb-search');
+
+    if (moviesSearch) moviesSearch.addEventListener('input', debounce(loadMovies, 500));
+    if (moviesImdbSearch) moviesImdbSearch.addEventListener('input', debounce(loadMovies, 500));
+    if (seriesSearch) seriesSearch.addEventListener('input', debounce(loadSeries, 500));
+    if (seriesImdbSearch) seriesImdbSearch.addEventListener('input', debounce(loadSeries, 500));
+
     // Filter dropdowns
-    document.getElementById('movies-filter-date').addEventListener('change', loadMovies);
-    document.getElementById('movies-filter-source').addEventListener('change', loadMovies);
-    document.getElementById('series-filter-date').addEventListener('change', loadSeries);
-    document.getElementById('series-filter-source').addEventListener('change', loadSeries);
-    
+    const moviesFilterDate = document.getElementById('movies-filter-date');
+    const moviesFilterSource = document.getElementById('movies-filter-source');
+    const seriesFilterDate = document.getElementById('series-filter-date');
+    const seriesFilterSource = document.getElementById('series-filter-source');
+
+    if (moviesFilterDate) moviesFilterDate.addEventListener('change', loadMovies);
+    if (moviesFilterSource) moviesFilterSource.addEventListener('change', loadMovies);
+    if (seriesFilterDate) seriesFilterDate.addEventListener('change', loadSeries);
+    if (seriesFilterSource) seriesFilterSource.addEventListener('change', loadSeries);
+
     // Forms
-    document.getElementById('edit-form').addEventListener('submit', handleEditSubmit);
-    document.getElementById('bulk-update-form').addEventListener('submit', handleBulkUpdate);
-    document.getElementById('manual-scan-form').addEventListener('submit', handleManualScan);
-    document.getElementById('populate-form').addEventListener('submit', handlePopulateDatabase);
+    const editForm = document.getElementById('edit-form');
+    const bulkUpdateForm = document.getElementById('bulk-update-form');
+    const manualScanForm = document.getElementById('manual-scan-form');
+    const populateForm = document.getElementById('populate-form');
+
+    if (editForm) editForm.addEventListener('submit', handleEditSubmit);
+    if (bulkUpdateForm) bulkUpdateForm.addEventListener('submit', handleBulkUpdate);
+    if (manualScanForm) manualScanForm.addEventListener('submit', handleManualScan);
+    if (populateForm) populateForm.addEventListener('submit', handlePopulateDatabase);
 }
 
 // API calls
