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

WIP: smoothe squad view

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2025-06-16 22:41:33 -07:00
parent fa483cc76f
commit e3de50ceef
6 changed files with 230 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/index.js
View File

@@ -279,6 +279,41 @@ document.querySelectorAll('#record-sheet [data-allegiance]').forEach(el => {
);
});
document.querySelectorAll('.view-squad').forEach(b => b.addEventListener('click', e => {
const currentSquad = b.closest('.records-header').querySelector('.squad-number text');
const currentSquadContainer = b.closest('[id$="-record"]').querySelector(`.records > .squad-${currentSquad.textContent}`);
if (b.value === 'next') {
//const toSquad = currentSquadContainer.nextElementSibling || b.closest('[id$="-record"]').querySelector('.records > :first-child');
const toSquad = currentSquadContainer.nextElementSibling;
if (!toSquad) return;
currentSquad.textContent = +toSquad.className.match(/\d+/);
currentSquadContainer.addEventListener('transitionend', e => {
console.log('transitionend', 'current', currentSquadContainer, 'next', toSquad);
currentSquadContainer.style.display = 'none';
toSquad.style.display = 'block';
b.closest('[id$="-record"]').querySelector('.records').scrollTo(0, 0);
toSquad.style.transform = 'translateX(0)';
}, { once: true });
currentSquadContainer.style.transform = 'translateX(-100%)';
} else {
const toSquad = currentSquadContainer.previousElementSibling;
if (!toSquad) return;
currentSquad.textContent = +toSquad.className.match(/\d+/);
currentSquadContainer.addEventListener('transitionend', e => {
currentSquadContainer.style.display = 'none';
toSquad.style.display = 'block';
b.closest('[id$="-record"]').querySelector('.records').scrollTo(0, 0);
toSquad.style.transform = 'translateX(0)';
}, { once: true });
currentSquadContainer.style.transform = 'translateX(100%)';
}
}));
contentVisToggleEl.addEventListener('input', toggleContentVis);
contentVisToggleEl.checked = (localStorage.getItem('content-visibility') !== 'false');
toggleContentVis();