https://campeaux.fr/tpl/4/js/main.js

1$(document).ready(function(){
2
3    $(".search-button").click(function(){
4        $(".search").toggleClass("hide");
5    });
6
7    $('.eventCarousel1').slick({
8        dots: false,
9        arrows: true,
10        infinite: true,
11        slidesPerRow: 2,
12        rows: 2,
13        responsive: [
14        {
15            breakpoint: 1024,
16            settings: {
17                slidesPerRow: 2,
18                rows: 2,
19            }
20            },
21            {
22            breakpoint: 600,
23            settings: {
24                slidesPerRow: 1,
25                rows: 1,
26            }
27            },
28            {
29            breakpoint: 480,
30            settings: {
31                slidesPerRow: 1,
32                rows: 1,
33            }
34        }
35    ]
36    });
37
38    $('.carousel-3').owlCarousel({
39        loop: false,
40        margin: 20,
41        dots: false,
42        nav: true,
43        // autoHeight: true,
44        navText: ['<i class="material-icons">chevron_left</i>','<i class="material-icons">chevron_right</i>'],
45        responsive: {
46            0:{
47                items:1
48            },
49            600:{
50                items:2
51            },
52            1000:{
53                items:3
54            }
55        }
56    })
57
58  // Carousel
59  $('.carousel-5').owlCarousel({
60    loop: false,
61    margin: 20,
62    nav: true,
63    navText: ['<i class="material-icons">chevron_left</i>','<i class="material-icons">chevron_right</i>'],
64    dots: false,
65    responsive: {
66        0:{
67            items:2
68        },
69        600:{
70            items:2
71        },
72        1000:{
73            items:5
74        }
75    }
76  })
77
78  $('.pictureGallery').each(function (element) {
79    let elm = $(this);
80    let carouselType = elm.data('type');
81
82    switch (carouselType) {
83        case 'simple':
84            elm.slick({
85                dots: false,
86                arrows: true,
87            });
88            break;
89        case 'multiple':
90            elm.slick({
91                infinite: true,
92                dots: false,
93                arrows: true,
94                slidesToShow: 3,
95                slidesToScroll: 3,
96                responsive: [
97                    {
98                        breakpoint: 1024,
99                        settings: {
100                            slidesToShow: 3,
101                            slidesToScroll: 3,
102                            infinite: true,
103                            dots: false,
104                            arrows: true,
105                        }
106                    },
107                    {
108                        breakpoint: 768,
109                        settings: {
110                            slidesToShow: 2,
111                            slidesToScroll: 2
112                        }
113                    },
114                    {
115                        breakpoint: 480,
116                        settings: {
117                            slidesToShow: 1,
118                            slidesToScroll: 1
119                        }
120                    }
121                ]
122            });
123            break;
124        case 'responsive':
125            elm.slick({
126                dots: false,
127                arrows: true,
128                infinite: false,
129                speed: 300,
130                slidesToShow: 4,
131                slidesToScroll: 4,
132                responsive: [
133                    {
134                        breakpoint: 1024,
135                        settings: {
136                            slidesToShow: 3,
137                            slidesToScroll: 3,
138                            infinite: true,
139                            dots: false,
140                            arrows: true,
141                        }
142                    },
143                    {
144                        breakpoint: 768,
145                        settings: {
146                            slidesToShow: 2,
147                            slidesToScroll: 2
148                        }
149                    },
150                    {
151                        breakpoint: 480,
152                        settings: {
153                            slidesToShow: 1,
154                            slidesToScroll: 1
155                        }
156                    }
157                ]
158            });
159            break;
160        case 'center':
161            elm.slick({
162                dots: false,
163                arrows: true,
164                centerMode: true,
165                centerPadding: '60px',
166                slidesToShow: 3,
167                responsive: [
168                    {
169                        breakpoint: 768,
170                        settings: {

171                            arrows: false,
172                            centerMode: true,
173                            centerPadding: '40px',
174                            slidesToShow: 3
175                        }
176                    },
177                    {
178                        breakpoint: 480,
179                        settings: {
180                            arrows: false,
181                            centerMode: true,
182                            centerPadding: '40px',
183                            slidesToShow: 1
184                        }
185                    }
186                ]
187            });
188            break;
189        case 'fade':
190            elm.slick({
191                dots: false,
192                arrows: true,
193                infinite: true,
194                speed: 500,
195                fade: true,
196                cssEase: 'linear'
197            });
198            break;
199    }
200  });
201
202});
203
204$(function () {
205    $('[data-toggle="tooltip"]').tooltip({
206        container: 'body'
207    });
208
209    $('[data-toggle="popover"]').popover({
210        container: 'body',
211        template:  '<div class="popover tooltip" role="tooltip"><div class="arrow"></div><div class="popover-body tooltip-inner"></div></div>'
212    });
213    $('*[data-type="PDF"] a, a[data-type="PDF"]').on('click', function(e) {
214        if ($('#pdfModal').length > 0) {
215            e.preventDefault();
216            $('#pdfModal').find('embed').attr('src', $(this).attr('data-href') || $(this).attr('href'));
217            $('#pdfModal').modal('show');
218        }
219    });
220});
221
222$(window).scroll(function (){
223
224    // Social media
225    if ($(this).scrollTop() > 100){
226        $('.navbar').addClass('sticky');
227    }else{
228        $('.navbar').removeClass('sticky');
229    }
230
231});
232
233window.addEventListener('load', function () {
234    setTimeout(function() {
235        let input_for_label = document.getElementsByName("g-recaptcha-response");
236        let label = document.createElement("label");
237        if (input_for_label.length) {
238            label.setAttribute('aria-label', 'CAPTCHA Label');
239            label.setAttribute('for', input_for_label[0].getAttribute('id'));
240            input_for_label[0].insertAdjacentElement("beforebegin", label);
241        }
242
243        input_for_label = document.getElementsByName("h-captcha-response");
244        if (input_for_label.length) {
245            label = document.createElement("label");
246            label.setAttribute('aria-label', 'CAPTCHA Label');
247            label.setAttribute('for', input_for_label[0].getAttribute('id'));
248            input_for_label[0].insertAdjacentElement("beforebegin", label);
249        }
250    }, 1000)
251})