You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
287 lines
8.1 KiB
287 lines
8.1 KiB
$(document).ready(function() {
|
|
var $hp_reservations_slider = $('.reservation-lists')
|
|
var hp_reservations_settings = {
|
|
slidesToShow: 4,
|
|
slidesToScroll: 4,
|
|
speed: 300,
|
|
responsive: [
|
|
{
|
|
breakpoint: 99999,
|
|
settings: "unslick"
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
infinite: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
variableWidth: true
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
// Init Slider
|
|
$hp_reservations_slider.slick(hp_reservations_settings);
|
|
|
|
// Reslick only if it's not slick()
|
|
$(window).on('resize', function() {
|
|
if (!$hp_reservations_slider.hasClass('slick-initialized')) {
|
|
return $hp_reservations_slider.slick(hp_reservations_settings);
|
|
}
|
|
});
|
|
|
|
|
|
var $past_workshop_slider = $('.mc-workshop-carousel')
|
|
var past_workshop_settings = {
|
|
slidesToShow: 4,
|
|
slidesToScroll: 4,
|
|
speed: 300,
|
|
responsive: [
|
|
{
|
|
breakpoint: 99999,
|
|
settings: "unslick"
|
|
},
|
|
{
|
|
breakpoint: 992,
|
|
settings: {
|
|
infinite: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
variableWidth: true
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
// Init Slider
|
|
$past_workshop_slider.slick(past_workshop_settings);
|
|
|
|
// Reslick only if it's not slick()
|
|
$(window).on('resize', function() {
|
|
if (!$past_workshop_slider.hasClass('slick-initialized')) {
|
|
return $past_workshop_slider.slick(past_workshop_settings);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
|
|
// CAROUSEL
|
|
// $('.mc-workshop-carousel').slick({
|
|
// // dots: true,
|
|
// infinite: false,
|
|
// speed: 300,
|
|
// slidesToShow: 3,
|
|
// slidesToScroll: 3,
|
|
// responsive: [
|
|
// {
|
|
// breakpoint: 991,
|
|
// settings: {
|
|
// slidesToShow: 1,
|
|
// slidesToScroll: 1,
|
|
// variableWidth: true
|
|
// }
|
|
// }
|
|
// // You can unslick at a given breakpoint now by adding:
|
|
// // settings: "unslick"
|
|
// // instead of a settings object
|
|
// ]
|
|
// });
|
|
|
|
$('.venue-img').slick({
|
|
infinite: false,
|
|
speed: 300,
|
|
slidesToShow: 2,
|
|
slidesToScroll: 2,
|
|
responsive: [
|
|
{
|
|
breakpoint: 540,
|
|
settings: {
|
|
infinite: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
variableWidth: true
|
|
}
|
|
}
|
|
]
|
|
});
|
|
// Comments Slider
|
|
var $comments_slider = $('.comment-lists')
|
|
var comments_slider_settings = {
|
|
slidesToShow: 1,
|
|
speed: 300,
|
|
responsive: [
|
|
{
|
|
breakpoint: 99999,
|
|
settings: "unslick"
|
|
},{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
variableWidth: true
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
// Init Slider
|
|
$comments_slider.slick(comments_slider_settings).on("setPosition", function () {
|
|
resizeSlider();
|
|
});
|
|
|
|
// Reslick only if it's not slick()
|
|
$(window).on('resize', function() {
|
|
if (!$comments_slider.hasClass('slick-initialized')) {
|
|
return $comments_slider.slick(comments_slider_settings)
|
|
}
|
|
});
|
|
|
|
|
|
function resizeSlider() {
|
|
// var slickHeight = $(".comment-lists .card-body").innerHeight();
|
|
|
|
$(".comment-lists .slick-track").css("display","flex");
|
|
$(".comment-lists .slick-track .slick-slide").css("height","auto");
|
|
// .css("height", slickHeight + "px");
|
|
}
|
|
|
|
|
|
// AUTHORS WORK
|
|
var $authors_work_slider = $('.author-works-carousel')
|
|
var authors_work_settings = {
|
|
slidesToShow: 4,
|
|
slidesToScroll: 4,
|
|
speed: 300,
|
|
responsive: [
|
|
{
|
|
breakpoint: 99999,
|
|
settings: "unslick"
|
|
},
|
|
{
|
|
breakpoint: 1200,
|
|
settings: {
|
|
infinite: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
variableWidth: true
|
|
}
|
|
}
|
|
// {
|
|
// breakpoint: 425,
|
|
// settings: {
|
|
// infinite: true,
|
|
// slidesToShow: 2,
|
|
// slidesToScroll: 2
|
|
// }
|
|
// }
|
|
]
|
|
};
|
|
|
|
// Init Slider
|
|
$authors_work_slider.slick(authors_work_settings);
|
|
|
|
// Reslick only if it's not slick()
|
|
$(window).on('resize', function() {
|
|
if (!$authors_work_slider.hasClass('slick-initialized')) {
|
|
return $authors_work_slider.slick(authors_work_settings);
|
|
}
|
|
});
|
|
|
|
// END OF AUTHORS WORK
|
|
|
|
$('.check-login-box').hide();
|
|
$('.show-prompt-login-reserver').click(function() {
|
|
$('.check-login-box').show();
|
|
});
|
|
$('.close_btn_login_box').click(function() {
|
|
$('.check-login-box').hide();
|
|
});
|
|
|
|
// var $this = $('.video-part-lists');
|
|
// if ($this.find('div').length > 2) {
|
|
// $('.show-more').css('display', 'block');
|
|
// }
|
|
// $('.video-part-lists .video-part-item').slice(0,3).addClass('shown');
|
|
// $('.video-part-lists .video-part-item').not('.shown').css('display', 'none');
|
|
// $('button.show-more').on('click',function(){
|
|
// $('.video-part-lists .video-part-item').not('.shown').css('display', 'block');
|
|
// });
|
|
|
|
// If more than 2 Education items, hide the remaining
|
|
|
|
|
|
// UI mobile workshop info sliding pop
|
|
$( ".toggleSliderWorkshopBox" ).click(function() {
|
|
$('.mobile-workshop-details').toggleClass('active');
|
|
});
|
|
|
|
// $('.ep-control-btn button').on('click', function() {
|
|
// var id = $(this).attr('data-ep-num')
|
|
// var duration = 10000;
|
|
// $(this).toggleClass('play-btn');
|
|
|
|
// if($(this).hasClass('play-btn')){
|
|
// $(this).text("Repremande");
|
|
// $('.video-progress-bar'+ '[data-vid-num='+ id + ']' ).animate({
|
|
// width: '100%'
|
|
// }, duration, function() {
|
|
// $('.video-progress-bar'+ '[data-vid-num='+ id + ']').css('background-color', 'white');
|
|
// $('.ep-control-btn button' + '[data-ep-num='+ id + ']').html('<span class="mr-1"><svg width="10" height="10" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9372 0L16.4004 1.47977L6.20039 12.75L0.000391006 6.47977L1.46359 5L6.20039 9.81553L14.9372 0Z" fill="#FCFCFD"/></svg></span><span>Vue</span>')
|
|
// });
|
|
// }
|
|
|
|
// if(!$(this).hasClass('play-btn')) {
|
|
// $(this).text("Lire a video");
|
|
// $('.video-progress-bar'+ '[data-vid-num='+ id + ']').stop();
|
|
// }
|
|
// });
|
|
|
|
var color = $('#title-atelier1 span').css("color");
|
|
$('.mc-moment-text').css('color',color)
|
|
$('.mc-workshop-link').css('color',color)
|
|
|
|
$('.mc-workshop-link svg path').css('fill',color)
|
|
|
|
$('.soir-card-block').hide();
|
|
$("#soir-distance").click(function() {
|
|
$('#mobile-soir-distance').prop('checked', true)
|
|
$('.form-check-label.soir-distance').addClass('active');
|
|
$('.form-check-label.soir-presentiel').removeClass('active');
|
|
$('.soir-card-block').show();
|
|
$('.p-location').hide();
|
|
$('.d-location').show();
|
|
$('.mc-btn-group').removeClass('b-top');
|
|
$('#workshopDetailedBox .modal-footer').addClass('shadow-top');
|
|
});
|
|
$("#soir-presentiel").click(function() {
|
|
$('#mobile-soir-presentiel').prop('checked', true)
|
|
$('.form-check-label.soir-presentiel').addClass('active');
|
|
$('.form-check-label.soir-distance').removeClass('active');
|
|
$('.soir-card-block').show();
|
|
$('.p-location').show();
|
|
$('.d-location').hide();
|
|
$('.mc-btn-group').removeClass('b-top');
|
|
$('#workshopDetailedBox .modal-footer').addClass('shadow-top');
|
|
});
|
|
$("#mobile-soir-distance").click(function() {
|
|
$('#soir-distance').prop('checked', true)
|
|
$('.form-check-label.soir-distance').addClass('active');
|
|
$('.form-check-label.soir-presentiel').removeClass('active');
|
|
$('.soir-card-block').show();
|
|
$('.p-location').hide();
|
|
$('.d-location').show();
|
|
$('.mc-btn-group').removeClass('b-top');
|
|
$('#workshopDetailedBox .modal-footer').addClass('shadow-top');
|
|
});
|
|
$("#mobile-soir-presentiel").click(function() {
|
|
$('#soir-presentiel').prop('checked', true)
|
|
$('.form-check-label.soir-presentiel').addClass('active');
|
|
$('.form-check-label.soir-distance').removeClass('active');
|
|
$('.soir-card-block').show();
|
|
$('.p-location').show();
|
|
$('.d-location').hide();
|
|
$('.mc-btn-group').removeClass('b-top');
|
|
$('#workshopDetailedBox .modal-footer').addClass('shadow-top');
|
|
});
|
|
});
|