Web Dev Solutions

Catalin Mititiuc

From c6cdbcf492a1830bcc16259d018980072485e4fb Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Mon, 5 Aug 2024 17:12:39 -0700 Subject: Don't throw error when no squads to view --- src/index.js | 56 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 28 insertions(+), 28 deletions(-) (limited to 'src') diff --git a/src/index.js b/src/index.js index decc0f8..88cfced 100644 --- a/src/index.js +++ b/src/index.js @@ -263,34 +263,34 @@ document.querySelectorAll('.view-squad').forEach(b => b.addEventListener('click' 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%)'; + if (currentSquadContainer) { + if (b.value === 'next') { + const toSquad = currentSquadContainer.nextElementSibling; + 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%)'; + } 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%)'; + } } })); -- cgit v1.2.3