zjamnik/GiteaPages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

debug mode fixed

Browse Source
This commit is contained in:
zjamnik
2022-11-09 16:26:09 +01:00
parent 7f4304f271
commit 2faaf21918
2 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+19 -10
View File
@@ -68,7 +68,7 @@
} }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
var debug = localStorage.getItem('debug') != null ? JSON.parse(localStorage.getItem('debug')) : false;
var themes = { var themes = {
"Czarny": "span{color:#222}.word{color:#222!important}.active{color:#fff!important}.seconds.active{color:#555!important}div{background-color:#000}", "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}", "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; var showSeconds = true;
function setActive(selector, state) { function setClass(selector, state, className) {
elems = document.querySelectorAll(selector); elems = document.querySelectorAll(selector);
if (state) { if (state) {
elems.forEach(elem => elem.classList.add('active')); elems.forEach(elem => elem.classList.add(className));
} }
else { 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) { function setTime(time) {
if (debug) { if (debug) {
dateTime = new Date('2022-07-17 ' + document.querySelector('#timeOverride').value); dateTime = new Date('2022-07-17 ' + document.querySelector('#timeOverride').value);
@@ -250,11 +258,11 @@
setActive('.seconds.active', false); setActive('.seconds.active', false);
} }
function toggleDebug() { function toggleDebug() {
setHidden('#timeOverride', debug); setHidden('#timeOverride', debug);
debug = !debug; debug = !debug;
localStorage.setItem('debug', JSON.stringify(debug)); localStorage.setItem('debug', JSON.stringify(debug));
} }
function log(text) { function log(text) {
document.getElementById('log').innerText = text; document.getElementById('log').innerText = text;
@@ -265,7 +273,8 @@
<body> <body>
<span id="log"></span> <span id="log"></span>
<div class="containerT"> <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"> <input type="text" id="timeOverride" class="hidden" value="01:45:00">
</div><br> </div><br>
<div class="containerTC" onclick="showButtons()"> <div class="containerTC" onclick="showButtons()">
zegar2.html
-1
View File
@@ -98,7 +98,6 @@
setClass(selector, state, 'active'); setClass(selector, state, 'active');
} }
function setHidden(selector, state) { function setHidden(selector, state) {
setClass(selector, state, 'hidden'); setClass(selector, state, 'hidden');
} }