76 lines
3.5 KiB
JavaScript
76 lines
3.5 KiB
JavaScript
// Gallery modal
|
|
document.addEventListener('click', function(e) {
|
|
var thumb = e.target.closest('.lw-gallery__thumb');
|
|
if (thumb) {
|
|
var modal = document.getElementById('lw-modal-gallery');
|
|
var img = modal.querySelector('.lw-modal__img');
|
|
img.src = thumb.dataset.full;
|
|
modal.classList.add('lw-modal--open');
|
|
document.body.style.overflow = 'hidden';
|
|
return;
|
|
}
|
|
var close = e.target.closest('.lw-modal__close, .lw-modal__overlay');
|
|
if (close) {
|
|
var modal = document.getElementById('lw-modal-gallery');
|
|
modal.classList.remove('lw-modal--open');
|
|
document.body.style.overflow = '';
|
|
return;
|
|
}
|
|
});
|
|
|
|
document.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Escape') {
|
|
var modal = document.getElementById('lw-modal-gallery');
|
|
if (modal.classList.contains('lw-modal--open')) {
|
|
modal.classList.remove('lw-modal--open');
|
|
document.body.style.overflow = '';
|
|
}
|
|
}
|
|
});
|
|
|
|
const btnCloseModalPrograms = document.querySelector('.btn-close-programs');
|
|
const btnCloseModalMentors = document.querySelector('.btn-close-mentors');
|
|
const modalPrograms = document.querySelector('.modal-programs');
|
|
const modalMentors = document.querySelector('.modal-mentors');
|
|
|
|
btnCloseModalPrograms.addEventListener("click", function (event) {
|
|
modalPrograms.classList.remove('open');
|
|
});
|
|
btnCloseModalMentors.addEventListener("click", function (event) {
|
|
modalMentors.classList.remove('open');
|
|
});
|
|
|
|
document.addEventListener("click", function (event) {
|
|
const target = event.target;
|
|
|
|
if (target.classList.contains("btn-program")) {
|
|
const card = target.closest('.programs__card');
|
|
modalPrograms.querySelector('.modal-programs__img').innerHTML = card.querySelector('.programs__image').outerHTML;
|
|
modalPrograms.querySelector('.programs__item_title').textContent = card.querySelector('.programs__name').textContent;
|
|
modalPrograms.querySelector('.programs__item_price').textContent = card.querySelector('.programs__price').textContent;
|
|
modalPrograms.querySelector('.programs__content').innerHTML = card.querySelector('.programs_content').innerHTML;
|
|
modalPrograms.classList.add('open');
|
|
return;
|
|
}
|
|
if (target.classList.contains("btn-mentors")) {
|
|
modalMentors.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.mentors__item_img').outerHTML;
|
|
modalMentors.querySelector('.modal-mentors_name').textContent = target.parentNode.querySelector('.mentors__item_name').textContent;
|
|
modalMentors.querySelector('.modal-mentors_job').textContent = target.parentNode.querySelector('.mentors__item_text').textContent;
|
|
modalMentors.querySelector('.mentors__about-col_text').textContent = target.parentNode.querySelector('.mentor_education').textContent;
|
|
|
|
modalMentors.querySelector('.modal-mentors__directions').innerHTML = target.parentNode.querySelector('.HTMLdirection').innerHTML;
|
|
modalMentors.querySelector('.mentors__experience-col_text').textContent = target.parentNode.querySelector('.mentor_experience').textContent;
|
|
modalMentors.querySelector('.modal-additional__education_list').innerHTML = target.parentNode.querySelector('.mentor_add_experience').innerHTML;
|
|
modalMentors.classList.add('open');
|
|
return;
|
|
}
|
|
});
|
|
document.querySelectorAll('.box__accordion_label').forEach(function(label) {
|
|
label.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Enter' || e.key === ' ') {
|
|
e.preventDefault();
|
|
this.click();
|
|
}
|
|
});
|
|
});
|