Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 13:24:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

carousel: fix error

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-11-19 19:48:56 +01:00
parent da686ab3b5
commit 76179d389d
1 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js
View File

@ -14,32 +14,34 @@ import Carousel from 'bootstrap/js/src/carousel';
// ACHeaderSlider is a small slider used in banner of AccompanyingCourse Section // ACHeaderSlider is a small slider used in banner of AccompanyingCourse Section
// Initialize options, and show/hide controls in first/last slides // Initialize options, and show/hide controls in first/last slides
// //
let ACHeaderSlider = document.querySelector('#ACHeaderSlider'), let ACHeaderSlider = document.querySelector('#ACHeaderSlider');
controlPrev = ACHeaderSlider.querySelector('button[data-bs-slide="prev"]'), if (ACHeaderSlider) {
controlNext = ACHeaderSlider.querySelector('button[data-bs-slide="next"]'), let controlPrev = ACHeaderSlider.querySelector('button[data-bs-slide="prev"]'),
length = ACHeaderSlider.querySelectorAll('.carousel-item').length, controlNext = ACHeaderSlider.querySelector('button[data-bs-slide="next"]'),
last = length-1, length = ACHeaderSlider.querySelectorAll('.carousel-item').length,
carousel = new Carousel(ACHeaderSlider, { last = length-1,
interval: false, carousel = new Carousel(ACHeaderSlider, {
wrap: false, interval: false,
ride: false, wrap: false,
keyboard: false, ride: false,
touch: true 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');
}
})