add debug mode toggle in advanced settings (#740)

* fix titled img elements not being removed * Fix syntax error * syntax error * ft: debug mode toggle * Move debug mode option to the top Co-authored-by: Oleg Anashkin <oleg.anashkin@gmail.com>
extesy · Jun 12, 2021 · 5bebc5c · 5bebc5c
1 parent ee6e510
commit 5bebc5c
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 7 deletions.
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
@@ -359,6 +359,10 @@
         "message": "Enable albums support",
         "description": "[options] Enable albums support option"
     },
+    "optDebugMode": {
+        "message": "Enable debug mode",
+        "description": "[options] Enable debug mode option"
+    },
     "optPicturesOpacity": {
         "message": "Zoomed pictures opacity:",
         "description": "[options] Zoomed pictures opacity option"

diff --git a/html/options.html b/html/options.html
@@ -272,6 +272,12 @@ <h1 class="ten columns text-center" data-i18n="optTitle"></h1>
                         <fieldset>
                             <legend data-i18n="optSectionAdvanced"></legend>
                             <ul>
+                                <li class="field">
+                                    <label class="checkbox" for="chkDebugMode">
+                                        <input type="checkbox" id="chkDebugMode"><span></span>
+                                        <div style="display:inline" data-i18n="optDebugMode"></div>
+                                    </label>
+                                </li>
                                 <li class="field">
                                     <label class="checkbox" for="chkUpdateNotifications">
                                         <input type="checkbox" id="chkUpdateNotifications"><span></span>

diff --git a/js/hoverzoom.js b/js/hoverzoom.js
@@ -1,27 +1,26 @@
 var hoverZoomPlugins = hoverZoomPlugins || [],
-    debug = false,
     logger = Logger();
 
 function cLog(msg) {
-    if (debug) {
+    if (options.debugMode) {
         console.log(msg);
     }
 }
 
 function cTime(msg) {
-    if (debug) {
+    if (options.debugMode) {
         console.time(msg);
     }
 }
 
 function cTimeLog(msg) {
-    if (debug) {
+    if (options.debugMode) {
         console.timeLog(msg);
     }
 }
 
 function cTimeEnd(msg) {
-    if (debug) {
+    if (options.debugMode) {
         console.timeEnd(msg);
     }
 }
@@ -32,7 +31,7 @@ function getFuncName() {
 
 function Logger() {
     this.logger = {};
-    if (debug) {
+    if (options.debugMode) {
 
         for (var m in console)
             if (typeof console[m] == 'function')

diff --git a/js/options.js b/js/options.js
@@ -112,9 +112,10 @@ function saveOptions() {
     options.filterNSFW = $('#chkFilterNSFW')[0].checked;
     options.alwaysPreload = $('#chkAlwaysPreload')[0].checked;
     options.enableGalleries = $('#chkEnableGalleries')[0].checked;
+    options.debugMode = $('#chkDebugMode')[0].checked;
     options.picturesOpacity = $('#txtPicturesOpacity')[0].value / 100;
     options.captionLocation = $('#selectCaptionLocation').val();
-    options.displayImageLoader = $('#chkDisplayImageLoader')[0].checked;    
+    options.displayImageLoader = $('#chkDisplayImageLoader')[0].checked;
     options.downloadFolder = $('#txtDownloadFolder')[0].value;
     options.addDownloadOrigin = $('#chkAddDownloadOrigin')[0].checked;
     options.addDownloadSize = $('#chkAddDownloadSize')[0].checked;
@@ -197,6 +198,7 @@ function restoreOptions(optionsFromFactorySettings) {
     $('#chkFilterNSFW').trigger(options.filterNSFW ? 'gumby.check' : 'gumby.uncheck');
     $('#chkAlwaysPreload').trigger(options.alwaysPreload ? 'gumby.check' : 'gumby.uncheck');
     $('#chkEnableGalleries').trigger(options.enableGalleries ? 'gumby.check' : 'gumby.uncheck');
+    $('#chkDebugMode').trigger(options.debugMode ? 'gumby.check' : 'gumby.uncheck');
     $('#txtPicturesOpacity').val(parseInt(options.picturesOpacity * 100));
     $('#chkDisplayImageLoader').trigger(options.displayImageLoader ? 'gumby.check' : 'gumby.uncheck');
     $('#chkEnlargementThresholdEnabled').trigger(options.enlargementThresholdEnabled ? 'gumby.check' : 'gumby.uncheck');