bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

boucle frise calendrier

This commit is contained in:
ouidade 2024-09-20 23:50:02 +02:00
parent 75504e912b
commit f0632971f3
2 changed files with 62 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

23
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -288,7 +288,6 @@
//////////////////// start Timeline script /////////////////////// //////////////////// start Timeline script ///////////////////////
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
let currentSlide = 0; let currentSlide = 0;
@ -297,9 +296,9 @@
if (window.innerWidth <= 600) { if (window.innerWidth <= 600) {
return 1; // Show 1 slide on small screens return 1; // Show 1 slide on small screens
} else if (window.innerWidth <= 900) { } else if (window.innerWidth <= 900) {
return 4; // Show 2 slides on medium screens return 4; // Show 4 slides on medium screens
} else { } else {
return 4; // Show 3 slides on large screens return 4; // Show 4 slides on large screens
} }
} }
@ -309,8 +308,14 @@
const visibleSlides = getVisibleSlides(); const visibleSlides = getVisibleSlides();
const maxSlide = totalSlides - visibleSlides; const maxSlide = totalSlides - visibleSlides;
// Adjust the index to ensure it stays within bounds // Adjust the index to ensure it loops
currentSlide = Math.max(0, Math.min(index, maxSlide)); if (index > maxSlide) {
currentSlide = 0; // Go back to the first slide
} else if (index < 0) {
currentSlide = maxSlide; // Go to the last slide
} else {
currentSlide = index;
}
// Calculate the offset for the transform // Calculate the offset for the transform
const offset = currentSlide * -50 / visibleSlides; const offset = currentSlide * -50 / visibleSlides;
@ -321,10 +326,9 @@
document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`; document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`;
} }
// Enable/disable arrows based on the current slide // Enable/disable arrows based on the current slide
document.getElementById('arrowPrev').disabled = currentSlide === 0; document.getElementById('arrowPrev').disabled = false; // Always enabled now
document.getElementById('arrowNext').disabled = currentSlide === maxSlide; document.getElementById('arrowNext').disabled = false; // Always enabled now
} }
function prevSlide() { function prevSlide() {
@ -392,13 +396,10 @@ const config = { childList: true, subtree: true };
// Démarrer l'observateur sur le document entier ou sur un conteneur spécifique // Démarrer l'observateur sur le document entier ou sur un conteneur spécifique
observer.observe(document.body, config); observer.observe(document.body, config);
// Handle window resize // Handle window resize
window.addEventListener('resize', function() { window.addEventListener('resize', function() {
showSlides(currentSlide); // Recalculate the slides on resize showSlides(currentSlide); // Recalculate the slides on resize
}); });
// });
// Initialize // Initialize
showSlides(currentSlide); showSlides(currentSlide);