bugfixes, UI improvements, logging improvements

web/js/settings.js

@@ -155,6 +155,13 @@ $(document).ready(() => {
     $('.version-string').text(currentVersion);
     
     setBg();
+
+    updateIconState();
+        
+        // Update icons when the checkbox state changes
+    $('input[type="checkbox"]').change(function() {
+        updateIconState();
+    });
 });
 
 function getQueryParameter(name) {
@@ -162,6 +169,17 @@ function getQueryParameter(name) {
     return urlParams.get(name);
 }
 
+function updateIconState() {
+    $('input[type="checkbox"]').each(function() {
+        var icon = $(this).siblings('label').find('i');
+        if ($(this).is(':checked')) {
+            icon.removeClass('fa-toggle-off').addClass('fa-toggle-on');
+        } else {
+            icon.removeClass('fa-toggle-on').addClass('fa-toggle-off');
+        }
+    });
+}
+
 function setTheme(themeName) {
     const themeColors = themes[themeName];
     if (themeColors) {
@@ -191,4 +209,5 @@ function setBg() {
     } else {
         $('body').css('background', 'var(--color-main)');
     }
-}
+}
+