debug mode fixed
This commit is contained in:
+14
-5
@@ -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);
|
||||||
@@ -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()">
|
||||||
|
|||||||
@@ -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');
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user