https://zegerscappel.fr/tpl/6/js/main.js

1$(document).ready(function(){
2
3    $('.scrollbar-inner').scrollbar();
4
5    let navbarTop = $('nav.navbar').offset().top;
6    $(window).scroll(function (){
7      // Social media
8      if ($(this).scrollTop() > navbarTop){
9          $('.navbar').addClass('sticky');
10          $('.oneclick-fixed').addClass('sticky');
11      }else{
12          $('.navbar').removeClass('sticky');
13          $('.oneclick-fixed').removeClass('sticky');
14      }
15    });
16
17    $('.pictureGallery').each(function (element) {
18        let elm = $(this);
19        let carouselType = elm.data('type');
20
21        switch (carouselType) {
22            case 'simple':
23                elm.slick({
24                    dots: true,
25                    arrows: false
26                });
27                break;
28            case 'multiple':
29                elm.slick({
30                    dots: true,
31                    arrows: false,
32                    infinite: true,
33                    slidesToShow: 3,
34                    slidesToScroll: 3,
35                    responsive: [
36                        {
37                            breakpoint: 1024,
38                            settings: {
39                                slidesToShow: 3,
40                                slidesToScroll: 3,
41                                infinite: true,
42                                dots: true,
43                                arrows: false,
44                            }
45                        },
46                        {
47                            breakpoint: 768,
48                            settings: {
49                                slidesToShow: 2,
50                                slidesToScroll: 2,
51                                dots: true,
52                                arrows: false,
53                            }
54                        },
55                        {
56                            breakpoint: 480,
57                            settings: {
58                                slidesToShow: 1,
59                                slidesToScroll: 1,
60                                dots: true,
61                                arrows: false,
62                            }
63                        }
64                    ]
65                });
66                break;
67            case 'responsive':
68                elm.slick({
69                    arrows: false,
70                    dots: true,
71                    infinite: false,
72                    speed: 300,
73                    slidesToShow: 4,
74                    slidesToScroll: 4,
75                    responsive: [
76                        {
77                            breakpoint: 1024,
78                            settings: {
79                                slidesToShow: 3,
80                                slidesToScroll: 3,
81                                infinite: true,
82                            }
83                        },
84                        {
85                            breakpoint: 768,
86                            settings: {
87                                slidesToShow: 2,
88                                slidesToScroll: 2
89                            }
90                        },
91                        {
92                            breakpoint: 480,
93                            settings: {
94                                slidesToShow: 1,
95                                slidesToScroll: 1
96                            }
97                        }
98                    ]
99                });
100                break;
101            case 'center':
102                elm.slick({
103                    arrows: false,
104                    dots: true,
105                    centerMode: true,
106                    centerPadding: '60px',
107                    slidesToShow: 3,
108                    responsive: [
109                        {
110                            breakpoint: 768,
111                            settings: {
112                                centerMode: true,
113                                centerPadding: '40px',
114                                slidesToShow: 3
115                            }
116                        },
117                        {
118                            breakpoint: 480,
119                            settings: {
120                                centerMode: true,
121                                centerPadding: '40px',
122                                slidesToShow: 1
123                            }
124                        }
125                    ]
126                });
127                break;
128            case 'fade':
129                elm.slick({

130                    arrows: false,
131                    dots: true,
132                    infinite: true,
133                    speed: 500,
134                    fade: true,
135                    cssEase: 'linear'
136                });
137                break;
138        }
139    });
140
141    $('.carousel-3').owlCarousel({
142      dots: true,
143      loop: false,
144      margin: 30,
145      nav: false,
146      responsive: {
147          0:{
148              items:1
149          },
150          600:{
151              items:2
152          },
153          1000:{
154              items:3
155          }
156      }
157    })
158
159    $('.carousel-5').owlCarousel({
160      dots: true,
161      loop: false,
162      margin: 30,
163      nav: false,
164      responsive: {
165          0:{
166              items:2
167          },
168          600:{
169              items:3
170          },
171          1000:{
172              items:5
173          }
174      }
175    })
176
177  });
178
179  $(function () {
180    $('[data-toggle="tooltip"]').tooltip({
181        container: 'body'
182    });
183
184    $('[data-toggle="popover"]').popover({
185        container: 'body',
186        template:  '<div class="popover tooltip" role="tooltip"><div class="arrow"></div><div class="popover-body tooltip-inner"></div></div>'
187    });
188      $('*[data-type="PDF"] a, a[data-type="PDF"]').on('click', function(e) {
189          if ($('#pdfModal').length > 0) {
190              e.preventDefault();
191              $('#pdfModal').find('embed').attr('src', $(this).attr('data-href') || $(this).attr('href'));
192              $('#pdfModal').modal('show');
193          }
194      });
195  })
196
197window.addEventListener('load', function () {
198    setTimeout(function() {
199        let input_for_label = document.getElementsByName("g-recaptcha-response");
200        let label = document.createElement("label");
201        if (input_for_label.length) {
202            label.setAttribute('aria-label', 'CAPTCHA Label');
203            label.setAttribute('for', input_for_label[0].getAttribute('id'));
204            input_for_label[0].insertAdjacentElement("beforebegin", label);
205        }
206
207        input_for_label = document.getElementsByName("h-captcha-response");
208        if (input_for_label.length) {
209            label = document.createElement("label");
210            label.setAttribute('aria-label', 'CAPTCHA Label');
211            label.setAttribute('for', input_for_label[0].getAttribute('id'));
212            input_for_label[0].insertAdjacentElement("beforebegin", label);
213        }
214    }, 1000)
215})