host/julienmonnerie
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix Splide slider mounting

Browse source
This commit is contained in:
Paul Nicoué 2022-08-05 15:57:01 +02:00
parent 13e4c3cdc1
commit 043eb0b966
2 changed files with 31 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

30
public/assets/build/app.js
View file

File diff suppressed because one or more lines are too long

28
public/assets/js/app.js
View file

@ -58,7 +58,9 @@ function setUpSlider() {
} }
function mountSlider() { function mountSlider() {
slider.mount(); if (slider) {
slider.mount();
}
} }
function goToNextSlideOnClick() { function goToNextSlideOnClick() {
@ -69,14 +71,14 @@ function goToNextSlideOnClick() {
} }
} }
function turnLogoIconToBlack() { function turnLogoToBlack() {
if (logo) { if (logo) {
logo.classList.remove('logo__icon--white'); logo.classList.remove('logo__icon--white');
logo.classList.add('logo__icon--black'); logo.classList.add('logo__icon--black');
} }
} }
function turnLogoIconToWhite() { function turnLogoToWhite() {
if (logo) { if (logo) {
logo.classList.remove('logo__icon--black'); logo.classList.remove('logo__icon--black');
logo.classList.add('logo__icon--white'); logo.classList.add('logo__icon--white');
@ -86,9 +88,9 @@ function turnLogoIconToWhite() {
function editLogoColor(slide) { function editLogoColor(slide) {
if (slide) { if (slide) {
if (slide.getAttribute('data-logo-color') === 'white') { if (slide.getAttribute('data-logo-color') === 'white') {
turnLogoIconToWhite(); turnLogoToWhite();
} else if (slide.getAttribute('data-logo-color') === 'black') { } else if (slide.getAttribute('data-logo-color') === 'black') {
turnLogoIconToBlack(); turnLogoToBlack();
} }
} }
} }
@ -109,13 +111,13 @@ function editLogoColorOnSlideActive() {
} }
} }
function enableLogoIconRotation() { function enableLogoRotation() {
if (logo) { if (logo) {
logo.classList.add('logo__icon--rotate-horizontal-bottom'); logo.classList.add('logo__icon--rotate-horizontal-bottom');
} }
} }
function disableLogoIconRotation() { function disableLogoRotation() {
if (logo) { if (logo) {
logo.classList.remove('logo__icon--rotate-horizontal-bottom'); logo.classList.remove('logo__icon--rotate-horizontal-bottom');
} }
@ -124,11 +126,11 @@ function disableLogoIconRotation() {
function rotateLogoOnSliderMove() { function rotateLogoOnSliderMove() {
if (slider && logo) { if (slider && logo) {
slider.on('move', function(e) { slider.on('move', function(e) {
logo.removeEventListener('animationiteration', disableLogoIconRotation); logo.removeEventListener('animationiteration', disableLogoRotation);
enableLogoIconRotation(); enableLogoRotation();
}); });
slider.on('moved', function(e) { slider.on('moved', function(e) {
logo.addEventListener('animationiteration', disableLogoIconRotation); logo.addEventListener('animationiteration', disableLogoRotation);
}); });
} }
} }
@ -169,11 +171,11 @@ function loadExhibitionIframe() {
if (sidebarNavLinks.length > 0 && exhibitionIframe) { if (sidebarNavLinks.length > 0 && exhibitionIframe) {
for (let i = 0; i < sidebarNavLinks.length; i++) { for (let i = 0; i < sidebarNavLinks.length; i++) {
sidebarNavLinks[i].addEventListener('click', function(e) { sidebarNavLinks[i].addEventListener('click', function(e) {
logo.removeEventListener('animationiteration', disableLogoIconRotation); logo.removeEventListener('animationiteration', disableLogoRotation);
enableLogoIconRotation(); enableLogoRotation();
disableExhibitionIframeVisibility(); disableExhibitionIframeVisibility();
exhibitionIframe.addEventListener('load', function(e) { exhibitionIframe.addEventListener('load', function(e) {
logo.addEventListener('animationiteration', disableLogoIconRotation); logo.addEventListener('animationiteration', disableLogoRotation);
slimDownSidebar(); slimDownSidebar();
enableExhibitionIframeVisibility(); enableExhibitionIframeVisibility();
editBackgroundColor(sidebarNavLinks[i]); editBackgroundColor(sidebarNavLinks[i]);