Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/index.js56
1 files changed, 28 insertions, 28 deletions
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%)';
+ }
}
}));