https://iraero.ru/local/templates/main/js/common.js

1$(document).ready(function () {
2    
3    var w_width = $(window).width();
4    var w_height = $(window).height();
5
6	setTimeout(function () {
7        $('.preloader').addClass('hidden');
8    }, 3500);
9	setTimeout(function () {
10        $('.header-sub-menu.no-init').removeClass('no-init');
11    }, 1500);
12
13    if (w_width > 1099) {
14        $('.main-top-bg').css('min-height', w_height);
15        $('.main-top').css('min-height', w_height);
16    }
17
18
19
20
21    //маска для телефона
22    $('input[name="user_phone"],.phone_mask').mask('+7 (999) 999-99-99');
23    //маска для номера карты
24    $('input[name="card"]').mask('9999 9999 9999 9999');
25    //маска для индекса города
26    $('input[name="post_code"]').mask('999999');
27
28
29    //Слайдеры
30    var swiper_maintop = new Swiper('.main-top-slider', {
31        speed: 800,
32        slideActiveClass: 'swiper-active',
33        autoplay: {
34            delay: 5000,
35        },
36        effect: 'fade',
37        fadeEffect: {
38            crossFade: true
39        },
40        pagination: {
41            el: '.main-top-slider-dots',
42            type: 'bullets',
43            bulletActiveClass: 'active',
44            clickable: true
45        },
46        navigation: {
47            nextEl: '.main-top-slider-arrows .swiper-btn-next',
48            prevEl: '.main-top-slider-arrows .swiper-btn-prev'
49        }
50    });
51
52    $('.swiper-3').each(function () {
53        var swiper_3_slider = $(this);
54        var data_id = swiper_3_slider.attr('data-id');
55        var swiper_3 = new Swiper(this, {
56            speed: 800,
57            slideActiveClass: 'swiper-active',
58            autoplay: {
59                delay: 5000,
60            },
61            spaceBetween: 15,
62            slidesPerView: 1.2,
63            pagination: {
64                el: '.swiper-dots[data-id=' + data_id + ']',
65                type: 'bullets',
66                bulletActiveClass: 'active',
67                clickable: true
68            },
69            navigation: {
70                nextEl: '.swiper-arrows[data-id=' + data_id + '] .swiper-btn-next',
71                prevEl: '.swiper-arrows[data-id=' + data_id + '] .swiper-btn-prev'
72            },
73            breakpoints: {
74                1599: {
75                    spaceBetween: 24,
76                    slidesPerView: 3.5,
77                },
78                1299: {
79                    spaceBetween: 24,
80                    slidesPerView: 3.2,
81                },
82                899: {
83                    spaceBetween: 24,
84                    slidesPerView: 2.8,
85                },
86                799: {
87                    spaceBetween: 24,
88                    slidesPerView: 2.4,
89                },
90                599: {
91                    spaceBetween: 24,
92                    slidesPerView: 2,
93                },
94                349: {
95                    spaceBetween: 24,
96                    slidesPerView: 1.5,
97                }
98            }
99        });
100    });
101
102    var swiper_tariffs = new Swiper('.tariffs-table-slider', {
103        speed: 800,
104        slideActiveClass: 'swiper-active',
105        autoplay: {
106            delay: 5000,
107        },
108        spaceBetween: 15,
109        slidesPerView: .8,
110        pagination: {
111            el: '.tariffs-table-slider-dots',
112            type: 'bullets',
113            bulletActiveClass: 'active',
114            clickable: true
115        },
116        breakpoints: {
117            1300: {
118                spaceBetween: 24,
119                slidesPerView: 3,
120            },
121            1024: {
122                spaceBetween: 24,
123                slidesPerView: 2.7,
124            },
125            899: {
126                spaceBetween: 24,
127                slidesPerView: 2.2,
128            },
129            499: {
130                spaceBetween: 24,
131                slidesPerView: 1.2,
132            }
133        }
134    });
135
136    var swiper_specials = new Swiper('.main-specials-slider', {
137        speed: 800,
138        slideActiveClass: 'swiper-active',
139        autoplay: {
140            delay: 5000,
141        },
142        // effect: 'fade',
143        // fadeEffect: {
144        //     crossFade: true
145        // },
146        pagination: {
147            el: '.main-specials-slider-dots',
148            type: 'bullets',
149            bulletActiveClass: 'active',
150            clickable: true
151        },
152        navigation: {
153            nextEl: '.main-specials-slider-arrows .swiper-btn-next',
154            prevEl: '.main-specials-slider-arrows .swiper-btn-prev'
155        }
156    });
157
158    var swiper_card = new Swiper('.card-img-slider', {

159        speed: 800,
160        loop: true,
161        slideActiveClass: 'swiper-active',
162        spaceBetween: 15,
163        slidesPerView: 1.2,
164        pagination: {
165            el: '.card-img-slider-dots',
166            type: 'bullets',
167            bulletActiveClass: 'active',
168            clickable: true
169        },
170        autoplay: {
171            delay: 5000,
172        },
173        breakpoints: {
174            899: {
175                direction: 'vertical',
176                slidesPerView: 2,
177                spaceBetween: 24,
178            },
179            599: {
180                spaceBetween: 24,
181                slidesPerView: 1.4,
182            },
183        }
184    });
185
186
187    //Раскрывающийся список (аккордеон)
188    if ($('.listdown').length > 0) {
189        $('.listdown .head').click(function () {
190            var item = $(this).parent();
191
192            if (item.hasClass('active')) {
193                item.removeClass('active');
194                item.find('.body').eq(0).slideUp();
195            } else {
196                if (item.parent().hasClass('listdown_level2')) {
197                    $('.listdown_level2 .listdown').removeClass('active');
198                    $('.listdown_level2 .listdown .body').slideUp();
199                } else {
200                    $('.listdown').removeClass('active');
201                    $('.listdown .body').slideUp();
202                }
203                item.addClass('active');
204                item.find('.body').eq(0).slideDown();
205            }
206        });
207    }
208
209    //модальные окна
210    $('.magnific').magnificPopup({
211        type: 'inline',
212        mainClass: 'mfp-fade',
213        removalDelay: 250
214    });
215    $('.magnific_img').magnificPopup({
216        type: 'image',
217        mainClass: 'mfp-fade',
218        removalDelay: 250,
219        closeBtnInside: false,
220        gallery: {
221            enabled: true,
222            arrowMarkup: '<button title="%title%" type="button" class="mfp-gallery-arrow mfp-gallery-arrow-%dir%"></button>', // markup of an arrow button
223        }
224    });
225
226
227    //плавная прокрутка якорных ссылок
228    $(document).on('click', '.down', function (event) {
229        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
230            var target = $(this.hash);
231            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
232            if (target.length) {
233                $('html,body').animate({scrollTop: target.offset().top - 80}, 1000);
234                event.preventDefault();
235            }
236        }
237    });
238
239    // Высота заголовков в блоге
240    if ($('.blog-item').length > 0) {
241        var v_title_h = 0;
242        $('.blog-item').each(function () {
243            var item = $(this).find('.caption');
244            if (item.outerHeight() > v_title_h) {
245                v_title_h = item.outerHeight();
246            }
247        });
248        $('.blog-item .caption').css('min-height', v_title_h);
249    }
250    // Высота блоков на странице Платное питание
251    if ($('.meals-item').length > 0) {
252        var m_title_h = 0;
253        $('.meals-item').each(function () {
254            var m_item = $(this).find('.info');
255            if (m_item.outerHeight() > m_title_h) {
256                m_title_h = m_item.outerHeight();
257            }
258        });
259        $('.meals-item .info').css('min-height', m_title_h);
260    }
261    //Заголовки таблицы Заказ справки о перелете
262    if ($('.flight-enquiry-table').length > 0) {
263        var f_title_h = 0;
264        $('.flight-enquiry-table .td_caption').each(function () {
265            var item = $(this);
266            if (item.outerHeight() > f_title_h) {
267                f_title_h = item.outerHeight();
268            }
269        });
270        $('.flight-enquiry-table .td_caption').css('min-height', f_title_h);
271    }
272
273
274
275    //Всплывающие подсказки
276    $('.icon-tooltip').click(function () {
277        $('.tooltip-text').hide();
278        var par_pos_t = $(this).parent().parent().parent('.swiper-slide').offset().top;
279        var par_pos_l = $(this).parent().parent().parent('.swiper-slide').offset().left;
280        var pos_t = $(this).offset().top;
281        var pos_l = $(this).offset().left;
282        var t_width = $(this).next('.tooltip-text').width();
283        var t_height = $(this).next('.tooltip-text').height();
284        if (w_width > 799) {
285            var pad_t = 40;
286            var pad_l = 50;
287        } else {

288            var pad_t = 30;
289            var pad_l = 20;
290        }
291        $(this).next('.tooltip-text').css('left', pos_l - par_pos_l - t_width - pad_l).css('top', pos_t - par_pos_t - t_height - pad_t).show();
292    });
293    $('.tooltip-close').click(function () {
294        event.preventDefault();
295        $(this).parent().hide();
296    });
297    $('.checkbox-row-btn  .icon-tooltip').hover(function () {
298        $(this).next('.tooltip-text').show();
299    });
300    $('.checkbox-row-btn  .icon-tooltip').mouseleave(function () {
301        $(this).next('.tooltip-text').hide();
302    });
303
304    //поиск в шапке
305    $('.header-icon__search').click(function (e) {
306        if ($('.header-icon__lang').hasClass('active')) {
307            $('.header-icon__lang').removeClass('active');
308            $('.header-lang-sub').hide();
309        }
310        e.preventDefault();
311        $('.header-search').slideToggle();
312        $(this).toggleClass('active');
313    });
314
315    //язык в шапке
316    $('.header-icon__lang').click(function (e) {
317        if ($('.header-icon__search').hasClass('active')) {
318            $('.header-icon__search').removeClass('active');
319            $('.header-search').hide();
320        }
321        e.preventDefault();
322        $('.header .header-lang-sub').slideToggle();
323        $(this).toggleClass('active');
324        if ($(this).hasClass('active')) {
325            $(document).mouseup(function (e) {
326                var h_lang = $('.header-lang-sub');
327                if (!h_lang.is(e.target)
328                    && h_lang.has(e.target).length === 0) {
329                    h_lang.fadeOut();
330                }
331            });
332        }
333    });
334    // $('.header-lang-block a.current').insertBefore('.header-lang-block a:first-child');
335
336    //язык в подвале
337    $('.footer-lang').click(function (e) {
338        e.preventDefault();
339        $('.footer-lang-sub').slideToggle();
340        $(this).toggleClass('active');
341        if ($(this).hasClass('active')) {
342            $(document).mouseup(function (e) {
343                var f_lang = $('.footer-lang-sub');
344                if (!f_lang.is(e.target)
345                    && f_lang.has(e.target).length === 0) {
346                    f_lang.fadeOut();
347                }
348            });
349        }
350    });
351
352    //читать полностью
353    $('.read_more').click(function (e) {
354        e.preventDefault();
355        var btn = $(this),text_block = $(this).prev('.text-block-overflow'),show_text,hide_text;
356        if (text_block.hasClass('active')) {
357            show_text = btn.data('show');
358            text_block.removeClass('active');
359            if(show_text)
360                $(this).text('Читать полностью');
361        } else {
362            hide_text = btn.data('hide');
363            text_block.addClass('active');
364            if(hide_text)
365                $(this).text('Скрыть');
366        }
367    });
368
369    //масштабирование карты
370    $('.route-map-scale-btn').click(function () {
371        var btn = $(this);
372        var map = $(this).parent().parent().find('.geography-map-cities');
373        var map_width = map.width();
374        var map_height = map.height();
375        if (btn.hasClass('plus')) {
376            var map_width_new = map_width * 1.5;
377            var map_height_new = map_height * 1.5;
378            map.css('width', map_width_new);
379            map.css('height', map_height_new);
380        } else if (btn.hasClass('minus')) {
381            var map_width_new = map_width / 1.5;
382            var map_height_new = map_height / 1.5;
383            map.css('width', map_width_new);
384            map.css('height', map_height_new);
385        }
386    });
387
388    //Показать хар-ки самолета
389    $('.show_params').click(function () {
390        var params = $(this).prev('.aviapark-item-info-params');
391        if ($(this).hasClass('active')) {
392            // console.log('yes');
393            // $(this).removeClass('active');
394            // params.slideUp();
395            // $(this).text('Показать характеристики самолёта');
396        } else {
397            // console.log('no');
398            // $(this).addClass('active');
399            // params.slideDown();
400            // $(this).text('Скрыть характеристики самолёта');
401        }
402    });
403
404    //Стилизация input type file

405    $(document).on('change','input[type="file"]', function () {
406        var field = $(this).parents('.file-input'),
407            $file_value = field.find('.file-value'),
408            $file_label = field.find('.file-label'),
409            value = $(this).val();
410        var value_name = value.replace(/.*\\/, "");
411        $file_value.text(value_name);
412        $file_label.css('opacity',0);
413        $file_value.css('opacity',1);
414        if (value_name == '') {
415            $file_value.css('opacity',0);
416            $file_value.css('opacity',1);
417        }
418    });
419
420
421    //Редактирование полей в личном кабинете Информация пользователя
422    $('.personal-info-form .edit-btn').click(function () {
423        var input = $(this).parent().find('input');
424        $(this).addClass('inactive');
425        input.removeAttr('readonly').focus();
426    });
427    $('.personal-info-form input').focusout(function () {
428        var row = $(this).parent();
429        row.find('.edit-btn').removeClass('inactive');
430        $(this).attr('readonly', '');
431    });
432    $('.personal-info-form input').change(function () {
433        $('.personal-info-form .btn_blue').removeClass('inactive');
434    });
435
436    //Плавающие лэйблы для полей ввода
437    $(document).on('focus', '.form-row-flex-label input, .form-row-flex-label textarea', function () {
438        $(this).parents('.form-row-flex-label').addClass('focused');
439    });
440    $(document).on('focusout', '.form-row-flex-label input, .form-row-flex-label textarea',function () {
441        if ($(this).val() != '') {
442            $(this).parents('.form-row-flex-label').addClass('filled');
443        } else {
444            $(this).parents('.form-row-flex-label').removeClass('filled');
445        }
446        $(this).parents('.form-row-flex-label').removeClass('focused');
447    });
448    
449    $('.form-row-flex-label input, .form-row-flex-label textarea').each(function(k,el){
450        var imp = $(this);
451        if (imp.val() != '' && imp.hasClass('form_input--date')) {
452            imp.parents('.form-row-flex-label').addClass('filled');
453        } else {
454            imp.parents('.form-row-flex-label').removeClass('filled');
455        }
456    });
457
458    //Контакты - телефоны представительства - выбор города
459    $('.contacts-agency select[name="contacts_agency"]').change(function () {
460        var id = $(this).val();
461        if (id != '') {
462            $('.contacts-agency-item').hide();
463            $('.contacts-agency-item[data-name="' + id + '"]').show();
464        }
465    });
466
467    
468
469
470    
471
472    if (w_width > 799) {
473        if (w_width > 1349) {
474            $('.header-sub-menu').css('width', w_width - 168);
475            $('.header-sub-menu__small').css('width', w_width - 168 - 320);
476        } else {
477            $('.header-sub-menu').css('width', w_width - 80);
478            $('.header-sub-menu__small').css('width', w_width - 80 - 320);
479        }
480        var header_h = $('.header').outerHeight();
481
482        if (w_width > 1799) {
483            $('.header-sub-menu').css('top', header_h);
484        } else {
485            $('.header-sub-menu').css('top', header_h - 1);
486        }
487        $('.header-sub-menu').each(function () {
488            var pos_left = $(this).parent().offset().left;
489            var block_left = $('.header-block').offset().left;
490            $(this).css('left', block_left - pos_left);
491            if ($(this).hasClass('header-sub-menu__small')) {
492                $(this).css('left', block_left - pos_left + 320);
493            }
494        });
495    }
496
497    if (w_width < 1101) {
498        $('.booking-group-form-note').insertAfter('.booking-group-form-pass-info');
499        // $('.online-board-date').insertAfter('.online-board-direction');
500
501        $('.form-callback .form-row-email').insertAfter('.form-callback .form-row-phone');
502    }
503
504    if (w_width < 1001) {
505        $('.main-dopservices-block .swiper-wrapper').removeClass('flex-box');
506        var swiper_dopservices = new Swiper('.main-dopservices-block', {
507            speed: 800,
508            slideActiveClass: 'swiper-active',
509            autoplay: {
510                delay: 5000,
511            },
512            spaceBetween: 15,
513            slidesPerView: 1.5,
514            pagination: {

515                el: '.swiper-dots',
516                type: 'bullets',
517                bulletActiveClass: 'active',
518                clickable: true
519            },
520            navigation: {
521                nextEl: '.swiper-arrows .swiper-btn-next',
522                prevEl: '.swiper-arrows .swiper-btn-prev'
523            },
524            breakpoints: {
525                799: {
526                    spaceBetween: 24,
527                    slidesPerView: 3.2,
528                },
529                499: {
530                    spaceBetween: 24,
531                    slidesPerView: 2.2,
532                },
533                349: {
534                    spaceBetween: 24,
535                    slidesPerView: 1.5,
536                }
537            }
538        });
539
540        $('.social-large a.tg').insertAfter('.main-dopservices .social-large a:last-child');
541    }
542
543    if (w_width < 901) {
544        $('.payment .block-blue .btn_blue').each(function () {
545            var p_parent = $(this).parent().parent();
546            $(this).insertAfter(p_parent);
547        });
548
549        
550
551        $('.personal-order-list-item .head').each(function () {
552            var row = $(this);
553            var price = row.find('.price');
554            price.appendTo(row.find('.td_0'));
555        });
556    }
557
558
559    //фиксирование меню при скролле
560    function fixedMenu() {
561        var header_height = $('.header').outerHeight();
562        var header_mrg = -1 * $('.header').offset().top;
563        var elem = $('.header');
564        var top = $(this).scrollTop();
565        $(document).on('wheel', function (e) {
566            top = $(this).scrollTop();
567            if ((e.originalEvent.wheelDelta >= 0) && (top > w_height)) {
568                elem.addClass('fixed');
569                $('body').css('padding-top', header_h);
570            } else if (!$('body').hasClass('noscroll')) {
571                elem.removeClass('fixed');
572            }
573            if (top < 1) {
574                elem.removeClass('fixed');
575            }
576            if (top < w_height) {
577                $('body').css('padding-top', '0');
578            }
579        });
580    }
581
582    fixedMenu();
583
584    if (w_width < 801) {
585        $('.burger').click(function () {
586            $(this).toggleClass('active');
587            $('.header-nav-mobile').slideToggle();
588            $('body').toggleClass('noscroll');
589            $('.header').toggleClass('submenu_active');
590        });
591
592        $('.header-menu').appendTo('.header-nav-mobile-container');
593        var container_w = $('.container').width();
594        $('.header-search').css('width', container_w);
595
596        $('.header-nav-mobile').css('height', w_height - 52);
597
598        $('.header-sub-menu .social-block').insertAfter('.header-menu');
599
600        $('.header-menu-item').click(function () {
601            var item = $(this);
602            if (item.hasClass('active')) {
603                item.removeClass('active');
604                item.find('.header-sub-menu').slideUp();
605            } else {
606                $('.header-menu-item').removeClass('active');
607                $('.header-menu-item').find('.header-sub-menu').slideUp();
608                item.addClass('active');
609                item.find('.header-sub-menu').slideDown();
610            }
611        });
612
613        $('.footer-menu .caption').click(function () {
614            var item = $(this).parent();
615            if (item.hasClass('active')) {
616                item.removeClass('active');
617                item.find('.footer-menu-list').slideUp();
618            } else {
619                $('.footer-menu').removeClass('active');
620                $('.footer-menu-list').slideUp();
621                item.addClass('active');
622                item.find('.footer-menu-list').slideDown();
623            }
624        });
625
626        $('.news-filter').appendTo('.title-row');
627
628        $('.practic-form .form-row-txtarea').insertBefore('.practic-form .form-row.file-input');
629
630        $('.travel-content-slider-mobile-wrapper').addClass('swiper-wrapper');
631        $('.flight-slider-mobile-wrapper').addClass('swiper-wrapper');
632
633        var swiper_travel_imgs = new Swiper('.travel-content-slider-mobile', {

634            speed: 800,
635            slideActiveClass: 'swiper-active',
636            autoplay: {
637                delay: 5000,
638            },
639            spaceBetween: 15,
640            slidesPerView: 1.2,
641            pagination: {
642                el: '.travel-content-slider-mobile-dots',
643                type: 'bullets',
644                bulletActiveClass: 'active',
645                clickable: true
646            },
647            breakpoints: {
648                399: {
649                    spaceBetween: 24,
650                    slidesPerView: 1.2,
651                }
652            }
653        });
654
655        function flightSwiperInit() {
656            var swiper_flight = new Swiper('.flight-slider-mobile', {
657                speed: 800,
658                slideActiveClass: 'swiper-active',
659                autoplay: {
660                    delay: 5000,
661                },
662                spaceBetween: 24,
663                slidesPerView: 1,
664                pagination: {
665                    el: '.flight-slider-mobile-dots',
666                    type: 'bullets',
667                    bulletActiveClass: 'active',
668                    clickable: true
669                }
670            });
671            return swiper_flight;
672        }
673
674        if (w_width < 801) {
675            var swiper_flight = flightSwiperInit();
676        }
677
678        $('.custom-airtransport-text-block').insertAfter('.custom-airtransport-order');
679        $('.custom-airtransport-charter-item h3').click(function () {
680            $(this).next().slideToggle();
681            $(this).parent().toggleClass('active');
682        })
683    }
684
685    if (w_width < 551) {
686        $('.personal-order-list-item .head').each(function () {
687            var row = $(this);
688            var labels = row.find('.list-label');
689            labels.insertBefore(row.find('.price'));
690        });
691    }
692
693    if (w_width < 501) {
694        $('.footer-bottom .col-view').insertAfter('.footer-bottom .col-4:last-child');
695        $('.footer .copyright').appendTo('.footer-bottom .col-view');
696        $('.card-info-btns-addtocart .btn').text('В корзину');
697    }
698
699    if (w_width < 351) {
700        $('.subscribe .form .btn_orange').val('Подписаться на рекоммендации');
701    }
702
703
704    $('.aviapark-gallery-link').click(function () {
705        var id = $(this).attr('data-href');
706        var items = $('.aviapark-gallery[id=' + id + ']');
707        var gallery = $(this).attr('href');
708        items.magnificPopup({
709            delegate: 'a',
710            type: 'image',
711            mainClass: 'mfp-fade',
712            removalDelay: 250,
713            closeBtnInside: false,
714            gallery: {
715                enabled: true,
716                arrowMarkup: '<button title="%title%" type="button" class="mfp-gallery-arrow mfp-gallery-arrow-%dir%"></button>', // markup of an arrow button
717            }
718        }).magnificPopup('open');
719
720    });
721
722     $('.scroll-pane').jScrollPane();
723
724
725
726    //анимация самолета на Главной в 1-ом экране
727    if (w_width > 1099) {
728        var main_plain = $('.main-top-airplain');
729        if (main_plain != '') {
730            $(document).mousemove(function (e) {
731                var x = e.clientX / w_width;
732                var y = e.clientY / w_height;
733                main_plain.css('transform', 'translate(-' + x * 20 + 'px, -' + y * 20 + 'px)');
734            });
735        }
736    }
737
738    //Страница Доп багаж - выравнивание высоты ячеек таблицы
739    if ($('.tariffs-table-slider__luggage') != '') {
740        var k = $('.tariffs-table-slider__luggage .tariffs-table-item').eq(0).find('.td').length;
741        for (i = 0; i < k; i++) {
742            var lug_td_h = 0;
743            var lug_td_h_0 = $('.tariffs-table-slider__luggage .tariffs-table-item_0').find('.td').eq(i).outerHeight();
744            console.log(lug_td_h_0);
745            if (lug_td_h_0 > lug_td_h) {
746                lug_td_h = lug_td_h_0;
747            }
748            var lug_td_h_1 = $('.tariffs-table-slider__luggage .tariffs-table-item_1').find('.td').eq(i).outerHeight();
749            console.log(lug_td_h_1);
750            if (lug_td_h_1 > lug_td_h) {
751                lug_td_h = lug_td_h_1;
752            }
753            $('.tariffs-table-slider__luggage .tariffs-table-item').each(function () {
754                 // $(this).find('.td').eq(i).outerHeight(lug_td_h);
755            });
756
757        }
758    }
759
760
761    $(function () {
762        // $('.selectric').selectric();
763    });
764    $('.selectric').addClass('js-select-selectize').removeClass('selectric').removeClass('scroll-pane');
765    $('.js-select-selectize').selectize();
766});
767
768