mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
terminando servicios manipulados y preimpresion
This commit is contained in:
@ -1,57 +0,0 @@
|
||||
/**
|
||||
* UI Modals
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
(function () {
|
||||
// Animation Dropdown
|
||||
const animationDropdown = document.querySelector('#animation-dropdown'),
|
||||
animationModal = document.querySelector('#animationModal');
|
||||
if (animationDropdown) {
|
||||
animationDropdown.onchange = function () {
|
||||
animationModal.classList = '';
|
||||
animationModal.classList.add('modal', 'animate__animated', this.value);
|
||||
};
|
||||
}
|
||||
|
||||
// On hiding modal, remove iframe video/audio to stop playing
|
||||
const youTubeModal = document.querySelector('#youTubeModal'),
|
||||
youTubeModalVideo = youTubeModal.querySelector('iframe');
|
||||
youTubeModal.addEventListener('hidden.bs.modal', function () {
|
||||
youTubeModalVideo.setAttribute('src', '');
|
||||
});
|
||||
|
||||
// Function to get and auto play youTube video
|
||||
const autoPlayYouTubeModal = function () {
|
||||
const modalTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="modal"]'));
|
||||
modalTriggerList.map(function (modalTriggerEl) {
|
||||
modalTriggerEl.onclick = function () {
|
||||
const theModal = this.getAttribute('data-bs-target'),
|
||||
videoSRC = this.getAttribute('data-theVideo'),
|
||||
videoSRCauto = `${videoSRC}?autoplay=1`,
|
||||
modalVideo = document.querySelector(`${theModal} iframe`);
|
||||
if (modalVideo) {
|
||||
modalVideo.setAttribute('src', videoSRCauto);
|
||||
}
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
// Calling function on load
|
||||
autoPlayYouTubeModal();
|
||||
|
||||
// Onboarding modal carousel height animation
|
||||
document.querySelectorAll('.carousel').forEach(carousel => {
|
||||
carousel.addEventListener('slide.bs.carousel', event => {
|
||||
// ! Todo: Convert to JS (animation) (jquery)
|
||||
var nextH = $(event.relatedTarget).height();
|
||||
$(carousel).find('.active.carousel-item').parent().animate(
|
||||
{
|
||||
height: nextH
|
||||
},
|
||||
500
|
||||
);
|
||||
});
|
||||
});
|
||||
})();
|
||||
Reference in New Issue
Block a user