Use last selected course in export CSV report modal, seasonal theme button tooltip, update help icon and link, fix Reports unknown segment, improve general page load speed, autoselect dialog input, run return function when skipping welcome intro, autofocus use reserved seat code button

faisalnjs · web-flow · commit 53be310b1055 · 2025-12-15T21:38:07.000-05:00
diff --git a/admin/archive.html b/admin/archive.html
@@ -378,7 +378,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/backups.html b/admin/backups.html
@@ -297,7 +297,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/courses.html b/admin/courses.html
@@ -296,7 +296,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/editor.html b/admin/editor.html
@@ -365,7 +365,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/index.html b/admin/index.html
@@ -452,7 +452,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/logs.html b/admin/logs.html
@@ -344,7 +344,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/passwords.html b/admin/passwords.html
@@ -298,7 +298,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/questions.html b/admin/questions.html
@@ -369,7 +369,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/reports.html b/admin/reports.html
@@ -377,7 +377,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/responses.html b/admin/responses.html
@@ -448,7 +448,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/admin/users.html b/admin/users.html
@@ -295,7 +295,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/index.html b/index.html
@@ -462,7 +462,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
diff --git a/src/checker/admin.js b/src/checker/admin.js
@@ -61,6 +61,35 @@ try {
     //   storage.set("created", Date.now());
     // }
 
+    function getAdminFields() {
+      switch ((window.location.pathname.split('/admin/')[1] || '').split('?')[0].split('/')[0]) {
+        case 'editor':
+          return ["courses", "segments", "questions", "settings"];
+        case 'users':
+          return ["users", "courses"];
+        case 'logs':
+          return ["logs"];
+        case 'backups':
+          return ["backups"];
+        case 'passwords':
+          return ["passwords"];
+        case 'questions':
+          return ["questions", "answers", "segments", "courses"];
+        case 'responses':
+          return ["responses", "courses", "segments", "questions", "answers"];
+        case 'reports':
+          return ["responses", "courses", "segments", "questions"];
+        case 'archive':
+          return ["archive"];
+        case 'courses':
+          return ["courses", "segments", "rosters"];
+        case 'upload':
+          return ["courses"];
+        default:
+          return ["courses", "segments", "questions", "settings", "ai"];
+      }
+    }
+
     await fetch(domain + '/bulk_load', {
       method: "POST",
       headers: {
@@ -69,6 +98,7 @@ try {
       body: JSON.stringify({
         usr: storage.get("usr"),
         pwd: storage.get("pwd"),
+        fields: getAdminFields()
       }),
     })
       .then(async (r) => {
@@ -88,19 +118,19 @@ try {
         return await r.json();
       })
       .then(async bulkLoad => {
-        courses = bulkLoad.courses;
-        segments = bulkLoad.segments;
-        questions = bulkLoad.questions;
-        var users = bulkLoad.users;
-        logs = bulkLoad.logs;
-        aiInfo = bulkLoad.ai;
-        var passwords = bulkLoad.passwords;
-        var backups = bulkLoad.backups;
-        var archive = bulkLoad.archive;
-        rosters = bulkLoad.rosters;
-        answers = bulkLoad.answers;
-        responses = bulkLoad.responses;
-        settings = bulkLoad.settings;
+        courses = bulkLoad.courses || [];
+        segments = bulkLoad.segments || [];
+        questions = bulkLoad.questions || [];
+        var users = bulkLoad.users || [];
+        logs = bulkLoad.logs || [];
+        aiInfo = bulkLoad.ai || {};
+        var passwords = bulkLoad.passwords || [];
+        var backups = bulkLoad.backups || [];
+        var archive = bulkLoad.archive || {};
+        rosters = bulkLoad.rosters || [];
+        answers = bulkLoad.answers || [];
+        responses = bulkLoad.responses || [];
+        settings = bulkLoad.settings || {};
         if (document.querySelector('.users')) {
           if (document.getElementById('add-user-button')) document.getElementById('add-user-button').addEventListener('click', addUserModal);
 
@@ -327,7 +357,12 @@ try {
         if (!polling) ui.toast("Data restored.", 1000, "info", "bi bi-cloud-arrow-down");
         if (polling && (expandedReports.length > 0)) {
           expandedReports.forEach(er => {
-            if (document.getElementById(er)) document.getElementById(er).classList.add('active');
+            if (document.getElementById(er)) {
+              document.getElementById(er).classList.remove('active');
+              setTimeout(() => {
+                document.getElementById(er).click();
+              }, 1000);
+            }
           });
         }
         if (document.getElementById("course-period-input") && !loadedSegmentEditor && !loadedSegmentCreator && !noReloadCourse) {
@@ -546,6 +581,7 @@ try {
       });
       coursesArchivesList.querySelectorAll('[data-restore-item]').forEach(item => item.addEventListener('click', unarchiveModal));
     }
+    if (document.getElementById("export-report-course")) updateExportReportCourses();
   }
 
   function updateSegments() {
@@ -909,7 +945,12 @@ try {
       segmentsArchivesList.querySelectorAll('[data-restore-item]').forEach(item => item.addEventListener('click', unarchiveModal));
     }
     expandedReports.forEach(er => {
-      if (document.getElementById(er)) document.getElementById(er).classList.add('active');
+      if (document.getElementById(er)) {
+        document.getElementById(er).classList.remove('active');
+        setTimeout(() => {
+          document.getElementById(er).click();
+        }, 1000);
+      }
     });
     document.querySelectorAll('[data-add-segment-input]').forEach(a => a.addEventListener('click', addSegment));
     document.querySelectorAll('[data-remove-segment-input]').forEach(a => a.addEventListener('click', removeSegment));
@@ -2324,7 +2365,12 @@ try {
       responsesArchivesList.querySelectorAll('[data-restore-item]').forEach(item => item.addEventListener('click', unarchiveModal));
     }
     expandedReports.forEach(er => {
-      if (document.getElementById(er)) document.getElementById(er).classList.add('active');
+      if (document.getElementById(er)) {
+        document.getElementById(er).classList.remove('active');
+        setTimeout(() => {
+          document.getElementById(er).click();
+        }, 1000);
+      }
     });
     document.querySelectorAll('#mark-correct-button').forEach(a => a.addEventListener('click', markCorrect));
     document.querySelectorAll('#mark-incorrect-button').forEach(a => a.addEventListener('click', markIncorrect));
@@ -3079,7 +3125,7 @@ try {
         detailedReport += questions.find(q => String(q.id) === String(r.question_id))?.number ? `<div class="detailed-report-question">
           <div class="color">
             <span class="color-box ${(r.status === 'Correct') ? 'correct' : (r.status === 'Incorrect') ? 'incorrect' : r.status.includes('Recorded') ? 'waiting' : 'other'}"></span>
-            <span class="color-name">Segment ${segments.find(s => String(s.id) === String(r.segment))?.number || r.segment} #${questions.find(q => String(q.id) === String(r.question_id))?.number}<p class="showonhover"> (${time.unixToString(r.timestamp)})</p>: ${escapeHTML(r.response)}</span>
+            <span class="color-name">Segment ${segments.find(s => String(s.id) === String(r.segment))?.number || segments.find(s => s.question_ids.includes(String(r.question_id)))?.number || r.segment} #${questions.find(q => String(q.id) === String(r.question_id))?.number}<p class="showonhover"> (${time.unixToString(r.timestamp)})</p>: ${escapeHTML(r.response)}</span>
           </div>
           <div class="color">
             <span class="color-name">${timeTaken}</span>
@@ -3337,7 +3383,12 @@ try {
       </div>` : ''}`;
     });
     expandedReports.forEach(er => {
-      if (document.getElementById(er)) document.getElementById(er).classList.add('active');
+      if (document.getElementById(er)) {
+        document.getElementById(er).classList.remove('active');
+        setTimeout(() => {
+          document.getElementById(er).click();
+        }, 1000);
+      }
     });
     document.querySelectorAll('[report]').forEach(a => a.addEventListener('click', toggleDetailedReport));
     if (!loadedSegmentEditor && !loadedSegmentCreator) ui.setUnsavedChanges(false);
@@ -4031,6 +4082,7 @@ try {
       option.innerHTML = course.name;
       document.getElementById("export-report-course").appendChild(option);
     });
+    document.getElementById("export-report-course").value = document.getElementById("course-period-input").value;
   }
 
   async function exportReport() {
diff --git a/src/checker/checker.js b/src/checker/checker.js
@@ -377,7 +377,7 @@ try {
     if (regex.test(input)) {
       if (input.includes('0')) {
         ui.view("");
-        ui.modal({
+        var reservedSeatCodeModal = ui.modal({
           title: 'Reserved Seat Code',
           body: '<p>An invalid seat code was entered. Are you sure you want to use this code?</p>',
           buttons: [
@@ -408,6 +408,7 @@ try {
             },
           ],
         });
+        reservedSeatCodeModal.querySelector('.submit-button').focus();
       } else {
         // Close all modals
         ui.view("");
@@ -436,7 +437,7 @@ try {
       const bulkLoadResponse = await fetch(`${domain}/bulk_load`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({}),
+        body: JSON.stringify({ fields: ["courses", "segments", "questions", "settings"] }),
       });
       const bulkLoad = await bulkLoadResponse.json();
       courses = bulkLoad.courses;
diff --git a/src/checker/ta.js b/src/checker/ta.js
@@ -80,6 +80,7 @@ try {
       body: JSON.stringify({
         usr: storage.get("code"),
         pwd: storage.get("pwd"),
+        fields: ["courses", "segments", "questions", "answers", "responses"]
       }),
     })
       .then(async (r) => {
@@ -195,7 +196,7 @@ try {
     if (regex.test(input)) {
       if (input.includes('0')) {
         ui.view("");
-        ui.modal({
+        var reservedSeatCodeModal = ui.modal({
           title: 'Reserved Seat Code',
           body: '<p>An invalid seat code was entered. Are you sure you want to use this code?</p>',
           buttons: [
@@ -226,6 +227,7 @@ try {
             },
           ],
         });
+        reservedSeatCodeModal.querySelector('.submit-button').focus();
       } else {
         // Close all modals
         ui.view("");
diff --git a/src/design.css b/src/design.css
@@ -1409,6 +1409,10 @@ hidden,
   width: -webkit-fill-available;
 }
 
+.detailed-report-question .color:last-of-type .color-name {
+  min-width: max-content;
+}
+
 .checkboxGroup {
   display: flex;
   flex-direction: row;
diff --git a/src/modules/ui.js b/src/modules/ui.js
@@ -346,6 +346,8 @@ export function show(dialog, title, buttons, actions, blur, effects = true) {
     dialog.setAttribute("data-open", "");
   }
 
+  dialog.querySelector('input')?.select();
+
   dialog.addEventListener("cancel", (e) => {
     e.preventDefault();
     close();
@@ -913,6 +915,7 @@ export async function launchWelcome(returnFunction = null) {
   document.body.appendChild(welcomeContainer);
   welcomeContainer.querySelectorAll('[data-skip]').forEach(a => a.addEventListener('click', () => {
     removeWelcome();
+    if (returnFunction) returnFunction();
   }));
   welcomeContainer.querySelectorAll('[data-next]').forEach(a => a.addEventListener('click', () => {
     toWelcomeSlide(Number(welcomeContainer.getAttribute('step')) + 1);
diff --git a/src/themes/themes.js b/src/themes/themes.js
@@ -305,16 +305,19 @@ try {
 
   var seasonalTheme = "";
   var seasonalEmoji = "";
+  var seasonalName = "";
 
   if ((Date.now() < new Date(`${new Date().getFullYear()}-10-31`).getTime()) && (Date.now() > new Date(`${new Date().getFullYear()}-10-23`).getTime())) {
+    seasonalName = "Halloween";
     seasonalTheme = "halloween";
     seasonalEmoji = "🎃";
   } else if ((Date.now() < new Date(`${new Date().getFullYear()}-12-25`).getTime()) && (Date.now() > new Date(`${new Date().getFullYear()}-12-01`).getTime())) {
+    seasonalName = "Festive";
     seasonalTheme = "festive";
     seasonalEmoji = "🎄";
   }
 
-  if ((seasonalTheme != "") && (seasonalEmoji != "")) {
+  if ((seasonalTheme != "") && (seasonalEmoji != "") && (seasonalName != "")) {
     var seasonalThemeButton = document.createElement("button");
     seasonalThemeButton.className = "icon";
     seasonalThemeButton.onclick = function () {
@@ -324,6 +327,7 @@ try {
       storage.set("theme", seasonalTheme);
     };
     seasonalThemeButton.innerHTML = seasonalEmoji;
+    seasonalThemeButton.setAttribute("tooltip", `${seasonalName} Theme (Limited Time)`);
     document.getElementById("controls-container")?.appendChild(seasonalThemeButton);
   }
 } catch (error) {
diff --git a/ta/index.html b/ta/index.html
@@ -428,7 +428,7 @@ <h1 class="text-placeholder">000</h1>
     <div class="row center" style="gap: 7.5px; margin-top: 5px;">
       <a href="https://github.com/faisalnjs/virtual-checker/issues" class="icon" tooltip="GitHub Issues"><i
           class="bi bi-github"></i></a>
-      <a href="https://faisaln.com/discord" class="icon" tooltip="Discord Server"><i class="bi bi-discord"></i></a>
+      <a href="https://dangoweb.com/community" class="icon" tooltip="Support Communities"><i class="bi bi-life-preserver"></i></a>
       <a href="mailto:contact@faisaln.com" class="icon" tooltip="Email"><i class="bi bi-envelope-fill"></i></a>
     </div>
   </dialog>
