From 2faaf219182ee18ecb617702711b52fac2527b50 Mon Sep 17 00:00:00 2001
From: zjamnik <zjamnik@gmail.com>
Date: Wed, 9 Nov 2022 16:26:09 +0100
Subject: [PATCH] debug mode fixed

---
 index.html  | 29 +++++++++++++++++++----------
 zegar2.html |  1 -
 2 files changed, 19 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 7b2cf90..1f68409 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,7 @@
             }
         </style>
         <script type="text/javascript">
-
+            var debug = localStorage.getItem('debug') != null ? JSON.parse(localStorage.getItem('debug')) : false;
             var themes = {
                 "Czarny": "span{color:#222}.word{color:#222!important}.active{color:#fff!important}.seconds.active{color:#555!important}div{background-color:#000}",
                 "Biały": "span{color:#eee}.word{color:#eee!important}.active{color:#000!important}.seconds.active{color:#ccc!important}div{background-color:#fff}",
@@ -77,16 +77,24 @@
 
             var showSeconds = true;
 
-            function setActive(selector, state) {
+            function setClass(selector, state, className) {
                 elems = document.querySelectorAll(selector);
                 if (state) {
-                    elems.forEach(elem => elem.classList.add('active'));
+                    elems.forEach(elem => elem.classList.add(className));
                 }
                 else {
-                    elems.forEach(elem => elem.classList.remove('active'));
+                    elems.forEach(elem => elem.classList.remove(className));
                 }
             }
 
+            function setActive(selector, state) {
+                setClass(selector, state, 'active');
+            }
+
+            function setHidden(selector, state) {
+                setClass(selector, state, 'hidden');
+            }
+
             function setTime(time) {
                 if (debug) {
                     dateTime = new Date('2022-07-17 ' + document.querySelector('#timeOverride').value);
@@ -250,11 +258,11 @@
                 setActive('.seconds.active', false);
             }
 
-                function toggleDebug() {
-                    setHidden('#timeOverride', debug);
-                    debug = !debug;
-                    localStorage.setItem('debug', JSON.stringify(debug));
-                }
+            function toggleDebug() {
+                setHidden('#timeOverride', debug);
+                debug = !debug;
+                localStorage.setItem('debug', JSON.stringify(debug));
+            }
 
             function log(text) {
                 document.getElementById('log').innerText = text;
@@ -265,7 +273,8 @@
     <body>
         <span id="log"></span>
         <div class="containerT">
-            <div class="buttons hidden"><button onclick="makeFullscreen()">Fullscreen</button><button><a href="./zegar2.html">Mały zegar</a></button><button onclick="toggleSeconds()">Sekundy</button><button onclick="toggleDebug()">Debug</button></div><div class="containerTC" onclick="showButtons()">
+            <div class="buttons hidden"><button onclick="makeFullscreen()">Fullscreen</button><button><a href="./zegar2.html">Mały zegar</a></button><button onclick="toggleSeconds()">Sekundy</button><button onclick="toggleDebug()">Debug</button></div>
+            <div class="containerTC" onclick="showButtons()">
                 <input type="text" id="timeOverride" class="hidden" value="01:45:00">
             </div><br>
             <div class="containerTC" onclick="showButtons()">
diff --git a/zegar2.html b/zegar2.html
index c15ca1e..bf7ae1d 100644
--- a/zegar2.html
+++ b/zegar2.html
@@ -98,7 +98,6 @@
                 setClass(selector, state, 'active');
             }
 
-
             function setHidden(selector, state) {
                 setClass(selector, state, 'hidden');
             }
