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 2024-04-28 16:19:32 -07:00
parent 1d5d5a2cda
commit cf190d8e7a
1 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
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,20 +90,24 @@ 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 () {
if (this.checked) { document.querySelectorAll('#content div').forEach(div => {
d.style.display = d.id == 'record-sheet' ? 'flex' : 'block'; if (this.checked) {
} else { div.style.display = div.id == 'record-sheet' ? 'flex' : 'block';
d.style.display = 'none'; } else {
} 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'),
selectEl = mapDialog.querySelector('select'), selectEl = mapDialog.querySelector('select'),