From 76179d389dd49bbaee026fdcf2f2f1e7de752b2a Mon Sep 17 00:00:00 2001 From: Mathieu Jaumotte Date: Fri, 19 Nov 2021 19:48:56 +0100 Subject: [PATCH] carousel: fix error --- .../public/module/bootstrap/index.js | 58 ++++++++++--------- 1 file changed, 30 insertions(+), 28 deletions(-) diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js index 4a0a33d38..b003c2e02 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js +++ b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js @@ -14,32 +14,34 @@ import Carousel from 'bootstrap/js/src/carousel'; // ACHeaderSlider is a small slider used in banner of AccompanyingCourse Section // Initialize options, and show/hide controls in first/last slides // -let ACHeaderSlider = document.querySelector('#ACHeaderSlider'), - controlPrev = ACHeaderSlider.querySelector('button[data-bs-slide="prev"]'), - controlNext = ACHeaderSlider.querySelector('button[data-bs-slide="next"]'), - length = ACHeaderSlider.querySelectorAll('.carousel-item').length, - last = length-1, - carousel = new Carousel(ACHeaderSlider, { - interval: false, - wrap: false, - ride: false, - keyboard: false, - touch: true +let ACHeaderSlider = document.querySelector('#ACHeaderSlider'); +if (ACHeaderSlider) { + let controlPrev = ACHeaderSlider.querySelector('button[data-bs-slide="prev"]'), + controlNext = ACHeaderSlider.querySelector('button[data-bs-slide="next"]'), + length = ACHeaderSlider.querySelectorAll('.carousel-item').length, + last = length-1, + carousel = new Carousel(ACHeaderSlider, { + interval: false, + wrap: false, + ride: false, + keyboard: false, + touch: true + }) + ; + ACHeaderSlider.addEventListener('slid.bs.carousel', (e) => { + //console.log('from slide', e.direction, e.relatedTarget, e.from, e.to ); + switch (e.to) { + case 0: + controlPrev.classList.add('visually-hidden'); + controlNext.classList.remove('visually-hidden'); + break; + case last: + controlPrev.classList.remove('visually-hidden'); + controlNext.classList.add('visually-hidden'); + break; + default: + controlPrev.classList.remove('visually-hidden'); + controlNext.classList.remove('visually-hidden'); + } }) -; -ACHeaderSlider.addEventListener('slid.bs.carousel', (e) => { - //console.log('from slide', e.direction, e.relatedTarget, e.from, e.to ); - switch (e.to) { - case 0: - controlPrev.classList.add('visually-hidden'); - controlNext.classList.remove('visually-hidden'); - break; - case last: - controlPrev.classList.remove('visually-hidden'); - controlNext.classList.add('visually-hidden'); - break; - default: - controlPrev.classList.remove('visually-hidden'); - controlNext.classList.remove('visually-hidden'); - } -}) +}