PageSourceSearch

https://www.caringhotel.co.uk/templates/cadenas/air/js/gallery.js

js caringhotel.co.uk collected 2026-09-27 09:01:20 UTC 16,117 bytes, 285 lines download raw bytes

1$(document).ready(function() {
2    // sub bar interactions
3    (function( a, o, $ ){
4        if( o ){
5            
6            // filter gallery btns
7            for (var i = 0; i < a.length; i++) {
8                var option = a[i],
9                    space = 1;
10                option.onclick = function(){
11                    var selector = this.dataset.zone_selector;
12                    document.querySelector('body').classList.remove('noscroll');
13                    document.querySelector('.tgl-internbar-air').classList.remove('fn-open');
14                    $('.sta-internbar-air_links-element.active').removeClass('active');
15                    this.classList.add('active');
16                    
17                    if(selector === 'all'){
18                        if($('.js-sideboard-smallslider').length){
19                            $('.js-sideboard-smallslider').slick('unslick');
20                            $('.js-sideboard-smallslider .slick-list').remove();
21                        }
22                        $('[data-zone]:not(.slick-cloned)').appendTo('.sta-gallery-air_temp-container');
23                        $('[data-zone]:not(.slick-cloned) a').attr('data-lightbox', 'all');
24                    }else{
25                        if($('.js-sideboard-smallslider').length){
26                            $('.js-sideboard-smallslider').slick('unslick');
27                            $('.js-sideboard-smallslider .slick-list').remove();
28                        }
29                        $('[data-zone]:not(.slick-cloned)').appendTo('.sta-gallery-air_temp-trash');
30                        $('[data-zone="' + selector + '"]:not(.slick-cloned)').appendTo('.sta-gallery-air_temp-container');
31                        $('[data-zone="' + selector + '"]:not(.slick-cloned) a').attr('data-lightbox', selector);
32                    }
33
34                    if($('.js-sideboard-smallslider').length){
35                        setTimeout(function(){
36                            $('.js-sideboard-smallslider').slick({
37                                dots: false,
38                                arrows: true,
39                                appendArrows: '.sta-gallery-air_sideboard-list-arrows',
40                                prevArrow:"<div aria-label='left' class='sta-btn-circle slick-btn slick-prev' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-left'></i></div>",
41                                nextArrow:"<div aria-label='right' class='sta-btn-circle slick-btn slick-next' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-right'></i></div>",
42                                infinite: true,
43                                useTransform: true,
44                                fade: false,
45                                cssEase: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
46                                speed: 750,
47                                slidesToShow: 9,
48                                slidesToScroll: 1,
49                                autoplay: false,
50                                swipeToSlide: true,
51                                responsive: [
52                                    {
53                                        breakpoint: 1279,
54                                        settings: {
55                                            slidesToShow: 7,
56                                        }
57                                    },
58                                    {
59                                        breakpoint: 1023,
60                                        settings: {
61                                            slidesToShow: 5,
62                                        }
63                                    },
64                                    {
65                                        breakpoint: 767,
66                                        settings: {
67                                            slidesToShow: 1,
68                                            fade: true,
69                                        }
70                                    },
71                                ]
72                            });
73                        }, 0);
74                    }
75                    
76                    if($('.sta-gallery-air_highlights')){
77                       setTimeout(function(){
78                           var img_link = $('.sta-gallery-air_sideboard-element:first-child a').attr('href'),
79                               img_zone = $('.sta-gallery-air_sideboard-element:first-child a').attr('data-lightbox');
80                           $('.sta-gallery-air_sideboard-view-multimedia a').attr('href', img_link);
81                           $('.sta-gallery-air_sideboard-view-multimedia a').attr('data-lightbox', img_zone);
82                           $('.sta-gallery-air_view-multimedia-photo').css("background-image", "url('" + img_link + "')");
83                           $('.sta-gallery-air_sideboard-element:first-child a').attr('data-lightbox', '');
84                       }, 0);
85                    }
86                    
87                    if($('.sta-gallery-air_mosaic-list').length){
88                        setTimeout(function(){
89                            $('.sta-gallery-air_mosaic-list').masonry('reloadItems');
90                            $('.sta-gallery-air_mosaic-list').masonry({
91                                // options
92                                itemSelector: '.sta-gallery-air_mosaic-element',
93                                columnWidth: '.sta-gallery-air_mosaic-element',
94                                percentPosition: true,
95                                transitionDuration: '0.4s'
96                            });
97                        }, 10);
98                        setTimeout(function(){
99                            window.scrollTo({ top: space, behavior: 'smooth' });
100                            space = space + 1;
101                        }, 250);
102                    }
103                }
104                
105            }
106            
107            // filter gallery video
108            if(o.querySelector('.js-video-gallery')){
109                var video_btn = o.querySelector('.js-video-gallery'),
110                video_popup = document.querySelector('.sta-gallery-air_pop-video'),
111                video_popup_element = video_popup.querySelector('.sta-gallery-air_pop-element'),
112                video_btn_close = video_popup.querySelectorAll('.js-close_gallery-video');
113                
114                video_popup.style.display = 'block';
115                
116                video_btn.onclick = function(){
117                    var video_id = video_btn.dataset.video;
118                    
119                    video_popup.classList.add('fn-open');
120                    document.querySelector('body').classList.add('noscroll');
121                    
122                    document.querySelector('body').classList.remove('noscroll');
123                    document.querySelector('.tgl-internbar-air').classList.remove('fn-open');
124                    $('.sta-internbar-air_links-element.active').removeClass('active');
125                    this.classList.add('active');
126
127                    $(video_popup_element).append( $('<iframe></iframe>').attr('src',video_id) );
128                }
129                
130                for (var i = 0; i < video_btn_close.length; i++) {
131                    video_btn_close[i].onclick = function(){
132                        video_popup.classList.remove('fn-open');
133                        document.querySelector('body').classList.remove('noscroll');
134                        video_popup_element.querySelector('iframe').remove();
135                    }
136                }
137            }
138        }
139    })( document.querySelectorAll('.js-filter-gallery'), document.querySelector('.tgl-internbar-air'), jQuery );
140    
141    // load mosaic interface
142    (function( o, $ ){
143        if( o ){
144            
145            // load gallery //
146            var elem = o;
147            loadScript("https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js", loadmasonry);
148            
149            function loadmasonry(){
150                var msnry = new Masonry( elem, {
151                    // options
152                    itemSelector: '.sta-gallery-air_mosaic-element',
153                    columnWidth: '.sta-gallery-air_mosaic-element',
154                    percentPosition: true,
155                    horizontalOrder: true,
156                    transitionDuration: '0.8s'
157                });
158            }
159            
160            // count gallery //
161            var counter = document.querySelectorAll('.sta-gallery-air_mosaic-element').length;
162            document.querySelector('.sta-gallery-air_mosaic-header-num').innerHTML = counter;
163        }
164    })( document.querySelector('.sta-gallery-air_mosaic-list'), jQuery );
165    
166    // load highlight interface
167    (function( o, $ ){
168        if( o ){
169            var module = o,
170                slider_parent = module.querySelectorAll('.sta-gallery-air_highlights-sideboard');
171            
172            loadScript("/js/libraries/slick/slick.min.js", load_slider);
173            loadStyle("/templates/cadenas/air/css/libraries/slick.min.css");
174            
175            // load modules slider
176            function load_slider(){
177                for (var i = 0; i < slider_parent.length; i++) {
178                    
179                    //init view
180                    var view_selector = slider_parent[i].querySelector('.sta-gallery-air_view-multimedia-photo'),
181                        view_link = slider_parent[i].querySelector('.sta-gallery-air_sideboard-view-multimedia a'),
182                        view_img = slider_parent[i].querySelector('.sta-gallery-air_sideboard-element:first-child a').href;
183                    
184                    view_selector.style.backgroundImage = "url('" + view_img + "')";
185                    view_link.href = view_img;
186                    
187                    //init slider
188                    if(document.querySelector('.sta-gallery-air_sideboard-list-container').classList.contains('js-sideboard-slider')){
189                        var slider_selector = slider_parent[i].querySelector('.js-sideboard-slider'),
190                        arrows = slider_parent[i].querySelector('.sta-gallery-arrows');
191                        $(slider_selector).slick({
192                            dots: false,
193                            arrows: true,
194                            appendArrows: arrows,
195                            prevArrow:"<div aria-label='left' class='sta-btn-circle slick-btn slick-prev' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-left'></i></div>",
196                            nextArrow:"<div aria-label='right' class='sta-btn-circle slick-btn slick-next' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-right'></i></div>",
197                            infinite: true,
198                            useTransform: true,
199                            fade: false,
200                            cssEase: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
201                            speed: 750,
202                            slidesToShow: 5,
203                            slidesToScroll: 1,
204                            autoplay: false,
205                            swipeToSlide: true,
206                            responsive: [
207                                {
208                                    breakpoint: 1279,
209                                    settings: {
210                                        slidesToShow: 4,
211                                    }
212                                },
213                                {
214                                    breakpoint: 767,
215                                    settings: {
216                                        slidesToShow: 3
217                                    }
218                                },
219                            ]
220                        });
221                    }else if(document.querySelector('.sta-gallery-air_sideboard-list-container').classList.contains('js-sideboard-smallslider')){
222                        var slider_selector = slider_parent[i].querySelector('.js-sideboard-smallslider'),
223                        arrows = slider_parent[i].querySelector('.sta-gallery-arrows');
224                        $(slider_selector).slick({
225                            dots: false,
226                            arrows: true,
227                            appendArrows: arrows,
228                            prevArrow:"<div aria-label='left' class='sta-btn-circle slick-btn slick-prev' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-left'></i></div>",
229                            nextArrow:"<div aria-label='right' class='sta-btn-circle slick-btn slick-next' role='button' tabindex='0'><i class='sta-btn-circle_icon icon-pointer-right'></i></div>",
230                            infinite: true,
231                            useTransform: true,
232                            fade: false,
233                            cssEase: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
234                            speed: 750,
235                            slidesToShow: 9,
236                            slidesToScroll: 1,
237                            autoplay: false,
238                            swipeToSlide: true,
239                            responsive: [
240                                {
241                                    breakpoint: 1279,
242                                    settings: {
243                                        slidesToShow: 7,
244                                    }
245                                },
246                                {
247                                    breakpoint: 1023,
248                                    settings: {
249                                        slidesToShow: 5,
250                                    }
251                                },
252                                {
253                                    breakpoint: 767,
254                                    settings: {
255                                        slidesToShow: 3
256                                    }
257                                },
258                            ]
259                        });
260                    }
261                
262                    var view_btn = slider_parent[i].querySelectorAll('.sta-gallery-air_sideboard-element');
263                    for (var x = 0; x < view_btn.length; x++) {
264                        var btn = view_btn[x];
265                        
266                        btn.addEventListener('click', function(){
267                            var btn_img = $(this).find('a').attr('href'),
268                                btn_view_selector = $(this).parents('.sta-gallery-air_sideboard-list').siblings('.sta-gallery-air_sideboard-view').find('.sta-gallery-air_view-multimedia-photo'),
269                                btn_link_selector = $(this).parents('.sta-gallery-air_sideboard-list').siblings('.sta-gallery-air_sideboard-view').find('a'),
270                                btn_zone_selector = $(this).find('a').attr('data-lightbox');
271                            
272                            $(this).parents('.sta-gallery-air_sideboard-list-container').find('.sta-gallery-air_sideboard-element a').attr('data-lightbox', btn_zone_selector);
273                            $(this).find('a').attr('data-lightbox', '');
274                            btn_view_selector.css("background-image", "url('" + btn_img + "')");
275                            btn_link_selector.attr('href', btn_img);
276                            $(this).parents('.sta-gallery-air_sideboard-list-container').find('.sta-gallery-air_sideboard-element').css('pointer-events', 'auto');
277                            $(this).css('pointer-events', 'none');
278                        });
279                    }
280                    
281                };
282            }
283        }
284    })( document.querySelector('.sta-gallery-air_highlights'), jQuery );
285});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.