Student-side maintenance mode modal

faisalnjs · faisalnjs · commit f62d28f492a8 · 2026-01-01T22:44:27.000-05:00
#458
diff --git a/admin/archive.html b/admin/archive.html
@@ -383,6 +383,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/backups.html b/admin/backups.html
@@ -302,6 +302,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/courses.html b/admin/courses.html
@@ -301,6 +301,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/editor.html b/admin/editor.html
@@ -371,6 +371,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/index.html b/admin/index.html
@@ -457,6 +457,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" class="active" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/logs.html b/admin/logs.html
@@ -355,6 +355,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/passwords.html b/admin/passwords.html
@@ -303,6 +303,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/questions.html b/admin/questions.html
@@ -380,6 +380,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/reports.html b/admin/reports.html
@@ -382,6 +382,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/responses.html b/admin/responses.html
@@ -465,6 +465,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/admin/users.html b/admin/users.html
@@ -300,6 +300,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/admin/" tooltip="Segments"><i class="bi bi-list-check"></i></a>
diff --git a/index.html b/index.html
@@ -483,6 +483,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="https://click.vssfalcons.com/" tooltip="Virtual Clicker">
diff --git a/src/modules/auth.js b/src/modules/auth.js
@@ -776,6 +776,11 @@ export async function bulkLoad(fields = [], usr = null, pwd = null, isAdmin = fa
         if ((fetchedBulkLoad.error === "Access denied.") || (fetchedBulkLoad.message === "Access denied.")) ifAccessDenied();
         return false;
     }
+    if (fetchedBulkLoad.maintenanceMode) {
+        ui.startLoader();
+        ui.view("maintenance-mode");
+        return false;
+    }
     var updatedBulkLoad = {};
     for (const table in fetchedBulkLoad) {
         if (table === 'asOf' || table === 'syncDeleted') continue;
diff --git a/src/modules/ui.js b/src/modules/ui.js
@@ -407,7 +407,7 @@ export function view(path = "") {
       });
   }
   const previous = pages.slice(0, pages.length - 1).join("/");
-  const buttons = (title === 'API Offline') ? [] : [
+  const buttons = ((path === 'api-fail') || (path === 'maintenance-mode')) ? [] : [
     {
       text: `<i class="bi bi-x-lg"></i>`,
       class: "icon",
diff --git a/ta/index.html b/ta/index.html
@@ -444,6 +444,11 @@ <h1 class="text-placeholder">000</h1>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
+  <dialog data-modal-page="maintenance-mode" data-page-title="Maintenance">
+    <p>
+      The Virtual Checker is undergoing maintenance. Please try again later.
+    </p>
+  </dialog>
   <dialog data-modal-page="menu" data-page-title="Virtual Checker">
     <div class="menu-icons">
       <a href="/ta/" class="active" tooltip="TAs"><i class="bi bi-person-check"></i></a>
