https://danses-en-l-r.fr/wp-content/themes/danse-en-l-r/charte/js/charte.js?1791565982

1const dateUrl = "/wp-json/wpc/v1/dates_de_representation/";
2
3$(function (){
4
5    agendaProcess();
6    creationProcess();
7    creationsProcess();
8    danseIntegranteProcess();
9
10    /* Timeout à cause du calendar */
11    setTimeout(function (){
12        homeProcess();
13    }, 1000);
14});
15
16function homeProcess(){
17    if($('#home_dance_slider').length > 0) {
18        const danceSwiper = new Swiper('#home_dance_slider', {
19            speed: 400,
20            spaceBetween: 100,
21            navigation: {
22                nextEl: '.swiper-button-next',
23                prevEl: '.swiper-button-prev',
24            },
25        });
26    }
27
28    if($('#home_creation_slider').length > 0) {
29        const creationSwiper = new Swiper('#home_creation_slider', {
30            speed: 400,
31            spaceBetween: 100,
32            slidesPerView: 1,
33            initialSlide: 1,
34            loop: true,
35            navigation: {
36                nextEl: '.swiper-button-next',
37                prevEl: '.swiper-button-prev',
38            },
39            breakpoints: {
40                480: {
41                    slidesPerView: 2,
42                    spaceBetween: 0
43                },
44                768: {
45                    slidesPerView: 3,
46                    spaceBetween: 100
47                }
48            }
49        });
50
51        $('#home_creation_slider .swiper-slide .crea').on('mousemove', function (e){
52            $(this).find('.tooltip').css('top', e.pageY -$(this).offset().top + 30).css('left', e.pageX - $(this).offset().left);
53        });
54    }
55
56    if($('#home_dates_section').length > 0) {
57        moment.locale('fr');
58
59        /* Initialisation du carousel */
60        const datesSwiper = new Swiper('#home_dates_slider', {
61            speed: 400,
62            spaceBetween: 100,
63            slidesPerView: 1,
64            loop: false
65        });
66        let events = [];
67
68        /* Initialisation du calendrier */
69        let calendarInitialized = false;
70        let dayClicked = false;
71        let homeCalendar = $('#home-calendar').clndr({
72            // template: $('#template-calendar').html(),
73            daysOfTheWeek: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
74            weekOffset: 1,
75            clickEvents: {
76                click: function (target) { /* Click sur un jour dans le calendrier */
77                    if($(target.element).hasClass('event')){ /* Uniquement les évènements */
78                        $('#home_dates_slider .swiper-slide:not(.swiper-slide-duplicate)').each(function (){
79                            if($(this).attr("data-date") == target.events[0].date){ /* Recherche dans le carousel */
80                                /* Sélection de la date dans le calendrier */
81                                $('#home-calendar .day').removeClass('selected');
82                                $(target.element).addClass('selected');
83                                /* Swip vers la date sélectionnée */
84                                datesSwiper.slideTo($(this).index());
85                                dayClicked = $(this).attr("data-date");
86                            }
87                        })
88                    }
89                },
90                onMonthChange: function(month) {
91                    if(events.length > 0) {
92                        /*
93                            Si une date n'est pas sélectionnée, on sélectionne la date par défaut
94                            Sinon on sélectionne celle-ci. A chaque changement de mois, le rendu du calendrier
95                            est réinitialisé.
96                        */
97                        if (dayClicked === false && $('.calendar-day-' + events[0].date).length > 0)
98                            $('.calendar-day-' + events[0].date).addClass('selected');
99                        else if(dayClicked !== false)
100                            $('.calendar-day-' + dayClicked).addClass('selected');
101
102                        $.each(events, function (evk, evv){ $('.calendar-day-'+evv.date).addClass(evv.creation_status); });
103                    }
104                }
105            },
106            ready: function() {
107                /* Initialition sur le 1er event */
108                if($('#home-calendar .day.event').length > 0) $('#home-calendar .day.event').eq(0).addClass('selected');
109            }
110        });
111
112        /* Chargement des évènements dans le calendrier */
113        $.get(dateUrl, function (d, s){
114            if(s == "success"){
115                events = d;
116                homeCalendar.setEvents(events);
117                $.each(d, function (evk, evv){ $('.calendar-day-'+evv.date).addClass(evv.creation_status); });
118            }
119            else console.error(d);
120        });
121
122        /* Changement de dates dans le calendrier quand on swipe */
123        datesSwiper.on('slideChange', function (){
124            setTimeout(function (){
125                dayClicked = $('#home_dates_slider .swiper-slide-active').attr('data-date');
126                $('#home-calendar .day').removeClass('selected');
127                $('#home-calendar .calendar-day-'+dayClicked).addClass('selected');
128            }, 200);
129        });
130    }
131}
132
133function creationProcess(){
134    if($('.gallery-swiper').length > 0) {
135        const creationSwiper = new Swiper('.gallery-swiper', {
136            autoHeight: true,
137            slidesPerView: 1,
138            loop: true,
139            navigation: {
140                nextEl: '.swiper-button-next',
141                prevEl: '.swiper-button-prev',
142            }
143        });
144    }
145}
146
147function agendaProcess(){
148    if($('#agenda-swiper').length > 0) {
149        const nbItemsDisplayedMax = 10;
150        let nbItemsDisplayed = $('#agenda-swiper .swiper-slide').length >= nbItemsDisplayedMax ? nbItemsDisplayedMax : $('#agenda-swiper .swiper-slide').length;
151        const creationSwiper = new Swiper('#agenda-swiper', {
152            slidesPerView: nbItemsDisplayed,
153            direction: 'vertical',
154            autoHeight: true,
155            loop: true,
156            navigation: {

157                nextEl: '.swiper-dates-button-next',
158                /*prevEl: '.swiper-dates-button-prev',*/
159            },
160            on:{
161                /*init:function(){setSlideHeight(this);},
162                /slideChangeTransitionEnd:function(){setSlideHeight(this);}*/
163            }
164        });
165
166        function setSlideHeight(that){
167            $('.swiper-slide').css({height:'auto'});
168            var currentSlide = that.activeIndex;
169            var newHeight = $(that.slides[currentSlide]).height();
170
171            $('.swiper-wrapper,.swiper-slide').css({ height : newHeight })
172            that.update();
173        }
174    }
175
176    if($('#news-swiper').length > 0) {
177        const creationSwiper = new Swiper('#news-swiper', {
178            slidesPerView: 1,
179            loop: true,
180            navigation: {
181                nextEl: '.swiper-button-next',
182                prevEl: '.swiper-button-prev',
183            }
184        });
185    }
186}
187
188function creationsProcess(){
189    if($('#creation_zoom_slider').length > 0){
190        const creationsSwiper = new Swiper('#creation_zoom_slider', {
191            slidesPerView: 1,
192            autoHeight: true,
193            autoplay: {delay: 5000},
194            pagination: {
195                el: '.swiper-pagination',
196                clickable: true
197            },
198        });
199    }
200}
201
202function danseIntegranteProcess(){
203    if($('#danse-zoom-swiper').length > 0){
204        const danseSwiper = new Swiper('#danse-zoom-swiper', {
205            slidesPerView: 1,
206            autoplay: {delay: 5000},
207            loop: 1
208        });
209    }
210}