ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restore content visibility on page reload

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:29 -07:00
parent 22d9f549ec
commit bb92a6b4ba
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/index.js
View File

@ -9,7 +9,8 @@ const mapPlaceholder = document.querySelector('.map-placeholder'),
proneToggle = document.getElementById('toggle-prone-counter'), proneToggle = document.getElementById('toggle-prone-counter'),
object = document.querySelector('object'); object = document.querySelector('object');
object.addEventListener('load', function () { object.addEventListener('load', function (e) {
console.log('object load listener', e);
mapPlaceholder.remove(); mapPlaceholder.remove();
this.style.opacity = 1; this.style.opacity = 1;
@ -89,19 +90,23 @@ document.getElementById('toggle-prone-counter').addEventListener('input', functi
object.data = `${localStorage.getItem('map') || 'map1'}.svg`; object.data = `${localStorage.getItem('map') || 'map1'}.svg`;
document const contentVisToggleEl = document.querySelector('#content input[type="checkbox"].visible');
.querySelector('#content input[type="checkbox"].visible') contentVisToggleEl.checked = (localStorage.getItem('content-visibility') !== 'false');
.addEventListener('input', function () {
const divs = document.querySelectorAll('#content div');
divs.forEach(d => { const toggleContentVis = (function () {
document.querySelectorAll('#content div').forEach(div => {
if (this.checked) { if (this.checked) {
d.style.display = d.id == 'record-sheet' ? 'flex' : 'block'; div.style.display = div.id == 'record-sheet' ? 'flex' : 'block';
} else { } else {
d.style.display = 'none'; div.style.display = 'none';
} }
}); });
});
localStorage.setItem('content-visibility', this.checked);
}).bind(contentVisToggleEl);
toggleContentVis();
contentVisToggleEl.addEventListener('input', toggleContentVis);
const showButton = document.getElementById('show-dialog'), const showButton = document.getElementById('show-dialog'),
mapDialog = document.getElementById('map-dialog'), mapDialog = document.getElementById('map-dialog'),