security fixes, bugfixes

web/css/helpers.css

@@ -230,6 +230,19 @@ table .input-text {
     clear: both;
 }
 
+.blink {
+    animation: blinker 1.5s infinite;
+}
+
+@keyframes blinker {
+    0% {
+        background-color: var(--color-4);
+    }
+    100% {
+        background-color: var(--color-2);
+    }
+}
+
 @media only screen and (max-width: 960px) {
     .text-medium-big {
         font-size: 32px;

web/css/modal.css

@@ -1,3 +1,12 @@
+body.modal-open {
+    overflow: hidden;
+}
+
+.modal-panel, .modal-panel-chat {
+    max-height: 100vh;
+    overflow-y: auto;
+}
+
 .modal {
     display: none;
     position: fixed;
@@ -162,7 +171,7 @@
         width: 100%;
     }
     .modal-panel-chat {
-        height: 500px;
+        height: 550px;
     }
     #chat-chatbox {
         height: 333px !important;

web/js/chat.js

@@ -30,7 +30,7 @@ $(document).ready(function() {
         const isAdmin = messageData.admin ? '<span style="color: #bada55">[ADMIN]</span>' : '';
         
         if (messageData.type === 'clientIp') {
-            chatIdentityNickname.html(isAdmin + " " + savedNickname);
+            chatIdentityNickname.html(isAdmin).append(document.createTextNode(" " + savedNickname));
             chatIdentityNickname.attr('title', messageData.ip);
         } else {
             const chatMessage = `
@@ -49,7 +49,7 @@ $(document).ready(function() {
                     chatMessageCount++;
                     chatMessagesCount.text(chatMessageCount);
                     chatMessagesCount.attr("aria-label", "Chat (" + chatMessageCount + " unread)");
-                    chatButton.removeClass('bg-color-2').addClass('bg-color-4');
+                    chatButton.removeClass('bg-color-2').addClass('blink');
                 }
             }
         }

web/js/confighandler.js

@@ -38,22 +38,14 @@ function fetchConfig() {
 
 function populateFields(data, prefix = "") {
   $.each(data, (key, value) => {
-    if (key === "presets" && Array.isArray(value)) {
-      value.forEach((item, index) => {
-        const presetId = `${prefix}${prefix ? "-" : ""}${key}-${index + 1}`;
-        const $element = $(`#${presetId}`);
-
-        if ($element.length) {
-          $element.val(item);
-        }
-      });
-      return;
+    if (value === null) {
+      value = ""; // Convert null to an empty string
     }
 
     const id = `${prefix}${prefix ? "-" : ""}${key}`;
     const $element = $(`#${id}`);
 
-    if (typeof value === "object" && !Array.isArray(value)) {
+    if (typeof value === "object" && value !== null && !Array.isArray(value)) {
       populateFields(value, id); 
       return;
     }
@@ -96,7 +88,7 @@ function updateConfigData(data, prefix = "") {
       while (true) {
         const $presetElement = $(`#${prefix}${prefix ? "-" : ""}${key}-${index}`);
         if ($presetElement.length) {
-          data[key].push($presetElement.val());
+          data[key].push($presetElement.val() || null); // Allow null if necessary
           index++;
         } else {
           break;
@@ -117,12 +109,13 @@ function updateConfigData(data, prefix = "") {
       return;
     }
 
-    if (typeof value === "object" && !Array.isArray(value)) {
+    if (typeof value === "object" && value !== null && !Array.isArray(value)) {
       return updateConfigData(value, id);
     }
 
     if ($element.length) {
-      data[key] = typeof value === "boolean" ? $element.is(":checked") : $element.attr("data-value") ?? $element.val();
+      const newValue = $element.attr("data-value") ?? $element.val() ?? null;
+      data[key] = typeof value === "boolean" ? $element.is(":checked") : newValue;
     }
   });
 }

web/js/init.js

@@ -1,9 +1,9 @@
-var currentDate = new Date('Jan 11, 2025 21:00:00');
+var currentDate = new Date('Jan 16, 2025 21:00:00');
 var day = currentDate.getDate();
 var month = currentDate.getMonth() + 1; // Months are zero-indexed, so add 1
 var year = currentDate.getFullYear();
 var formattedDate = day + '/' + month + '/' + year; 
-var currentVersion = 'v1.3.3 [' + formattedDate + ']';
+var currentVersion = 'v1.3.3.1 [' + formattedDate + ']';
 
 getInitialSettings();
 removeUrlParameters();

web/js/modal.js

@@ -10,17 +10,18 @@ $(document).ready(function() {
   function openModal(panel) {
     modal.css("display", "block");
     panel.css("display", "block");
+    $("body").addClass("modal-open"); // Disable body scrolling
     setTimeout(function() {
       modal.css("opacity", 1);
     }, 10);
   }
-
-  // Function to close the modal
+  
   function closeModal() {
     modal.css("opacity", 0);
     setTimeout(function() {
       modal.css("display", "none");
       modalPanel.add(chatPanel).css("display", "none");
+      $("body").removeClass("modal-open"); // Enable body scrolling
     }, 300);
   }
 

web/js/setup.js

@@ -142,7 +142,7 @@ function toggleNav() {
     if (isMobile) {
       // Do nothing to .admin-wrapper on mobile (since we're overlaying)
       $(".admin-wrapper").css({
-        'margin-left': '0',
+        'margin-left': '32px',
         'width': '100%' // Reset content to full width on close
       });
       $("#navigation").css('margin-left', 'calc(64px - 100vw)');
@@ -216,6 +216,7 @@ async function loadConsoleLogs() {
       const logColors = {
         INFO: "lime",
         DEBUG: "cyan",
+        CHAT: "cyan",
         WARN: "yellow",
         ERROR: "red"
       };