update
This commit is contained in:
@@ -397,6 +397,9 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const totalCompetidores = 4;
|
||||||
|
const visitedSlides = new Set([0]);
|
||||||
|
|
||||||
const mySwiper = new Swiper(".cid1", {
|
const mySwiper = new Swiper(".cid1", {
|
||||||
effect: "slide",
|
effect: "slide",
|
||||||
autoHeight: true,
|
autoHeight: true,
|
||||||
@@ -407,13 +410,11 @@
|
|||||||
prevEl: '.btn-prev',
|
prevEl: '.btn-prev',
|
||||||
},
|
},
|
||||||
on: {
|
on: {
|
||||||
init: function () {
|
init: function () { },
|
||||||
if (this.slides[0]) this.slides[0].classList.add('visited', 'completed');
|
|
||||||
},
|
|
||||||
slideChange: function () {
|
slideChange: function () {
|
||||||
const activeIndex = this.activeIndex;
|
const activeIndex = this.activeIndex;
|
||||||
const slides = this.slides;
|
const slides = this.slides;
|
||||||
const totalSlides = this.slides.length;
|
const realTotal = $('.cid1 .swiper-slide').length;
|
||||||
|
|
||||||
// Controlar opacidad y clase disabled de botones
|
// Controlar opacidad y clase disabled de botones
|
||||||
if (activeIndex === 0) {
|
if (activeIndex === 0) {
|
||||||
@@ -422,17 +423,15 @@
|
|||||||
$('.btn-prev').addClass('visible').css('opacity', '1').removeClass('disabled');
|
$('.btn-prev').addClass('visible').css('opacity', '1').removeClass('disabled');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (activeIndex === totalSlides - 1) {
|
if (activeIndex === realTotal - 1) {
|
||||||
$('.btn-next').css('opacity', '.5').addClass('disabled');
|
$('.btn-next').css('opacity', '.5').addClass('disabled');
|
||||||
} else {
|
} else {
|
||||||
$('.btn-next').addClass('visible').css('opacity', '1').removeClass('disabled');
|
$('.btn-next').addClass('visible').css('opacity', '1').removeClass('disabled');
|
||||||
}
|
}
|
||||||
|
|
||||||
slides[activeIndex].classList.add("visited", "completed");
|
visitedSlides.add(activeIndex);
|
||||||
|
|
||||||
const completedSlides = $(".cid1 .swiper-slide.completed").length;
|
if (visitedSlides.size >= totalCompetidores) {
|
||||||
|
|
||||||
if (completedSlides == totalSlides) {
|
|
||||||
$('.btn-next').removeClass('animate__animated animate__pulse animate__infinite');
|
$('.btn-next').removeClass('animate__animated animate__pulse animate__infinite');
|
||||||
CourseNav.setSlideVisited();
|
CourseNav.setSlideVisited();
|
||||||
}
|
}
|
||||||
@@ -446,6 +445,9 @@
|
|||||||
$('.cid1').show();
|
$('.cid1').show();
|
||||||
mySwiper.update();
|
mySwiper.update();
|
||||||
$('.btn-next').addClass('visible');
|
$('.btn-next').addClass('visible');
|
||||||
|
if (visitedSlides.size >= totalCompetidores) {
|
||||||
|
CourseNav.setSlideVisited();
|
||||||
|
}
|
||||||
CourseNav.audioController.stopAllSoundsAndPlay(audios[0]);
|
CourseNav.audioController.stopAllSoundsAndPlay(audios[0]);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user