52 lines
No EOL
1.6 KiB
JavaScript
52 lines
No EOL
1.6 KiB
JavaScript
// Micro Modal [https://micromodal.vercel.app/]
|
|
MicroModal.init({
|
|
onShow: modal => $('.screens-slider').slick('setPosition'),
|
|
disableScroll: true, // default - false
|
|
awaitOpenAnimation: true, // default - false
|
|
awaitCloseAnimation: true // default - false
|
|
});
|
|
|
|
// Slick Slider [https://kenwheeler.github.io/slick/]
|
|
$(document).ready(function(){
|
|
let prevButton = '<span class="slick-prev icon-chevron-thin-left"><i class="icono-arrow-right"></i></span>';
|
|
let nextButton = '<span class="slick-next icon-chevron-thin-right"><i class="icono-arrow-left"></i></span>';
|
|
$('.screens-slider').slick({
|
|
prevArrow: prevButton,
|
|
nextArrow: nextButton,
|
|
centerMode: true,
|
|
slidesToShow: 3,
|
|
responsive: [
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
centerMode: false
|
|
}
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
// Prevent default for modal trigger button
|
|
const btnModal = document.querySelector('.btn-modal');
|
|
if (btnModal) {
|
|
btnModal.addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
});
|
|
}
|
|
|
|
// If #usb-butter exists and a request to thishost.tld/usb-butter returns status 200
|
|
// change display of #usb-butter to inherit
|
|
const usbButter = document.querySelector('#usb-butter');
|
|
const usbButterPlaceholder = document.querySelector('#usb-butter-placeholder');
|
|
if (usbButter && usbButterPlaceholder) {
|
|
fetch(usbButter.dataset.url)
|
|
.then(response => {
|
|
console.log(response);
|
|
if (response.status === 200) {
|
|
usbButter.style.display = 'flex';
|
|
usbButterPlaceholder.style.display = 'none';
|
|
}
|
|
}
|
|
);
|
|
} |