Good-Production/triumf-landing
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added play buttons

Browse Source
This commit is contained in:
Aliaksei Karzhou
2024-07-11 16:40:45 +03:00
parent 0cd253a653
commit 0b70e62905
5 changed files with 204 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/js/main.js
View File

@@ -4,6 +4,7 @@ import './team.js';
import './faq.js';
import './nav.js';
import './modals.js';
import './reviews.js';
const maskOptions = {
mask: '+{7} (000) 000 00 00',
@@ -16,3 +17,4 @@ const phoneInputs = phoneInputClassNames
.reduce((acc, array) => [...acc, ...array], []);
phoneInputs.forEach((inputElement) => IMask(inputElement, maskOptions));

22
assets/js/reviews.js Normal file
View File

@@ -0,0 +1,22 @@
const reviewsSlideVideos = document.querySelectorAll('.reviews__slide-video');
const whyProgramVideoContent = document.querySelector('.why-program__video-content');
reviewsSlideVideos.forEach((videoEl) => {
videoEl.addEventListener('click', (event) => {
if (whyProgramVideoContent) whyProgramVideoContent.classList.remove('active');
reviewsSlideVideos.forEach((video) => {
if (video === event.currentTarget) {
video.classList.add('active');
} else {
video.classList.remove('active');
}
});
});
});
if (whyProgramVideoContent) {
whyProgramVideoContent.addEventListener('click', (event) => {
event.currentTarget.classList.add('active');
reviewsSlideVideos.forEach((video) => video.classList.remove('active'));
});
}