src/PortalBundle/Resources/views/base.html.twig line 1

Open in your IDE?
  1. {% extends '@Core/DCSite/core-dc-template.html.twig' %}
  3. {% block head %}
  4.     <meta name="google-site-verification" content="VQNmMzLlDoUUKSHDh_Bno6EG39hJYE9s0beA96Dk_vM"/>
  5.     <meta name="facebook-domain-verification" content="zepah08oy5mc696rqnli2tv1jvovt1"/>
  6.     {% block seo %}
  7.         <title>{{ 'seo.main.title'|trans({},'portal_base') }}</title>
  8.         <meta name="description" content="{{ 'seo.main.description'|trans({},'portal_base') }}"/>
  9.     {% endblock seo %}
  10.     {% include '@Core/Core/preloader_style.html.twig' %}
  11.     <meta charset="utf-8">
  12.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.ico">
  13.     <link rel="icon" type="image/png" sizes="32x32" href="/icon-32x32.png">
  14.     <link rel="icon" type="image/png" sizes="16x16" href="/icon-16x16.png">
  15.     <link rel="manifest" href="/manifest.json">
  16.     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  18.     <meta name="theme-color" content="#ffffff">
  20.     <meta name="google-site-verification" content="ZnHsXhGdFYfiT15Ky8MUnybMBxinpxLLyl1YX0gInAs"/>
  21.     <script type="text/javascript" src="{{ asset('bundles/insurance/js/jquery.min.js') }}"></script>
  22.     {% include '@Core/Core/preloader.html.twig' %}
  24.     {% include '@DcSite/Modules/google-tag-manager.html.twig' with { 'domain': 'vidi.ua', 'gtmIdCode': 'GTM-TK6DGWW' } %}
  26. {% endblock head %}
  28. {% block body %}
  29.     {% if INCLUDE_ANALYTICS %}
  30.     <!-- Google Tag Manager (noscript) -->
  31.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK6DGWW"
  32.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  33.     <!-- End Google Tag Manager (noscript) -->
  34.     {% endif %}
  35.     {# Плашка Анонс бар #}
  36.     {% include '@Portal/header-top-bar.html.twig' with {'announcementBar' : announcementBar} %}
  39.     {% include '@Portal/new-header.html.twig' %}
  40.     {% block content %}
  41.     {% endblock content %}
  42.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/portal/css/modules/contacts-call.css') }}">
  43.     {% include '@Portal/Modules/callback-vidi.html.twig' %}
  44.     {% include '@DcSite/Modules/callback/widget.html.twig' %}
  45. {#    {% include '@Portal/Modules/help-crunch.html.twig' %}#}
  46.     {% include '@Portal/footer.html.twig' %}
  47.     {% include '@Portal/Modules/sps-popup-portal.html.twig' %}
  48.     {% include '@Portal/header-canvas-left.html.twig' %}
  49.     {% include '@Portal/arrow-top.html.twig' %}
  50.     {% include '@My/Modules/cookies-warning.html.twig' %}
  53.     {% block css %}
  55.     {% endblock %}
  56.     {% if INCLUDE_ANALYTICS %}
  57.     <!-- Google Tag Manager (noscript) -->
  58.     <noscript>
  59.         <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK6DGWW"
  60.                 height="0" width="0" style="display:none;visibility:hidden"></iframe>
  61.     </noscript>
  62.     <!-- Facebook Pixel Code -->
  63.     <script>
  64.         !function (f, b, e, v, n, t, s) {
  65.             if (f.fbq) return;
  66.             n = f.fbq = function () {
  67.                 n.callMethod ?
  68.                     n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  69.             };
  70.             if (!f._fbq) f._fbq = n;
  71.             n.push = n;
  72.             n.loaded = !0;
  73.             n.version = '2.0';
  74.             n.queue = [];
  75.             t = b.createElement(e);
  76.             t.async = !0;
  77.             t.src = v;
  78.             s = b.getElementsByTagName(e)[0];
  79.             s.parentNode.insertBefore(t, s)
  80.         }(window, document, 'script',
  81.             'https://connect.facebook.net/en_US/fbevents.js');
  82.         fbq('init', '2565496603726688');
  83.         fbq('track', 'PageView');
  84.     </script>
  85.     {% endif %}
  86. {% endblock body %}
  88. {% block coreBottomJs %}
  89.     <script>
  90.         app.onCustomEvent('appInit', function () {
  91.             app.loadCss('{{ asset('/bundles/portal/css/style.css') }}');
  92.             app.loadCss('{{ asset('/bundles/portal/css/new/style.css') }}');
  93.             app.loadCss('{{ asset('/bundles/portal/css/new/base.css') }}');
  94.             app.loadCss('{{ asset('/bundles/portal/css/modules/btn.css') }}');
  95.             app.loadCss('{{ asset('/bundles/portal/css/new-header.css') }}');
  96.             app.loadCss('{{ asset('/bundles/portal/css/menu.css') }}');
  97.             app.loadCss('{{ asset('/bundles/portal/css/lead-magnets.css') }}');
  98.             app.loadCss('https://use.fontawesome.com/releases/v5.2.0/css/all.css');
  99.             app.loadCss('{{ asset('/bundles/dcsite/css/modules/callback/timer-call.css') }}');
  101.             app.loadJs('/bundles/portal/js/callback-vidi.js', function () {
  102.                 callbackVIDI({
  103.                     createCallbackUrl: '{{ path('callback_widget_create_request') }}',
  104.                     getDepartmentUrl: '{{ path('callback_widget_department_vidi') }}',
  105.                     getCallbackStateUrl: '{{ path('callback_widget_get_state') }}',
  106.                     privacyUrl: '{{ path('portal_privacy_policy') }}',
  107.                     callBackMinute: '{{ 'callback_widget.title'|trans({}, 'dc_base')|raw }}',
  108.                     callBackWorkingHours: '{{ 'callback_widget.working_hours'|trans({}, 'dc_base') }}',
  109.                 });
  110.             });
  112.             app.loadJs('{{ asset('bundles/my/js/cookies-warning.js') }}', function () {
  113.                 initCookiesWarning({
  114.                     policyUrl: "{{ path('portal_privacy_policy') }}",
  115.                     site: 'VIDI.UA',
  116.                 });
  117.             });
  119.             if ($.fn.mask) {
  120.                 $('.phone.form-control').mask('+38(999)999-99-99');
  121.             }
  122.             $(".open-canvas-menu").click(function () {
  123.                 $('.dealer').addClass("over-f-none")
  124.             })
  125.             $(".open-canvas-menu").click(function () {
  126.                 $('.canvas-menu').addClass("canvas-menu-active")
  127.             })
  128.             $(".close-canvas-menu").click(function () {
  129.                 $('.canvas-menu').removeClass("canvas-menu-active")
  130.             })
  131.             $(".canvas-overlay").click(function () {
  132.                 $('.canvas-menu').removeClass("canvas-menu-active")
  133.             });
  134.             $(".canvas-overlay").click(function () {
  135.                 $('.dealer').removeClass("over-f-none")
  136.             });
  137.             $(".close-canvas-menu").click(function () {
  138.                 $('.dealer').removeClass("over-f-none")
  139.             });
  142.             $('#vidiCorePreload').hide();
  143.             setTimeout(function () {
  144.                 $('#vidiCorePreload').hide();
  145.             }, 2000);
  147.             $(".search-icon-mobile").click(function () {
  148.                 $(".search-mobile").toggleClass("active");
  149.             });
  151.             $('.dropdown-menu').on('click', function (e) {
  152.                 if ($(this).hasClass('dropdown-menu-open')) {
  153.                     e.stopPropagation();
  154.                 }
  155.             });
  157.             $('.navbar-toggler').on('click', function () {
  158.                 $(this).toggleClass('collapsed');
  159.                 $('#mainNav').toggleClass('collapse');
  160.                 $('body').toggleClass('lock');
  161.             });
  162.             /*PAGES FIXED MENU SCROLL*/
  163.             jQuery(window).scroll(function () {
  164.                 var $sections = $('section');
  165.                 $sections.each(function (i, el) {
  166.                     var top = $(el).offset().top - 100;
  167.                     var bottom = top + $(el).height();
  168.                     var scroll = $(window).scrollTop();
  169.                     var id = $(el).attr('id');
  170.                     if (scroll > top && scroll < bottom) {
  171.                         $('.pages-menu-fixed a.active').removeClass('active');
  172.                         $('.pages-menu-fixed a[href="#' + id + '"]').addClass('active');
  174.                     }
  175.                 })
  176.             });
  177.             $(".pages-menu-fixed").on("click", "a", function (event) {
  178.                 event.preventDefault();
  179.                 var id = $(this).attr('href');
  180.                 if ($(id).length == 0) {
  181.                     return false;
  182.                 }
  183.                 var top = $(id).offset().top - 30;
  184.                 $('body,html').animate({scrollTop: top}, 800);
  185.             });
  188.             $("#showLeadsBtn").on("click", function () {
  189.                 $("#lead-magnets").css("position", "inherit"), $("#lead-magnets-wr").removeClass("d-none")
  190.             }), $("#lead-magnets-wr .close").on("click", function () {
  191.                 $("#lead-magnets").css("position", "fixed"), $("#lead-magnets-wr").addClass("d-none")
  192.             }), $(".lead-magnets-group a.lead-magnet-static").on("click", function () {
  193.                 $("#lead-magnets").css("position", "fixed"), $("#lead-magnets-wr").addClass("d-none")
  194.             });
  196.             (function () {
  197.                 "use strict";
  198.                 var toggles = document.querySelectorAll(".c-hamburger");
  199.                 for (var i = toggles.length - 1; i >= 0; i--) {
  200.                     var toggle = toggles[i];
  201.                     toggleHandler(toggle);
  202.                 }
  203.                 ;
  205.                 function toggleHandler(toggle) {
  206.                     toggle.addEventListener("click", function (e) {
  207.                         e.preventDefault();
  208.                         (this.classList.contains("is-active") === true) ? this.classList.remove("is-active") : this.classList.add("is-active");
  209.                     });
  210.                 }
  211.             })();
  213.             $('.js-scroll-link').click(function (e) {
  214.                 e.preventDefault();
  216.                 var blockId = $(this).attr('href');
  217.                 $('html, body').stop().animate({
  218.                     scrollTop: $(blockId).offset().top - 50
  219.                 }, 750);
  220.             });
  221.         });
  223.         window.hj = window.hj || function () {
  224.             (hj.q = hj.q || []).push(arguments)
  225.         };
  227.         $('#loginBtn').click(function () {
  228.             hj('tagRecording', ['tag1', 'tag2']);
  229.         });
  232.         // burger menu
  233.         let mobileMenu = document.querySelector(".nav-mobile-menu");
  234.         let mainMenu = document.querySelector(".header__nav");
  236.         mobileMenu.addEventListener('click', function () {
  237.             mobileMenu.classList.toggle("active-menu");
  238.             if (mobileMenu.classList.contains("active-menu")) {
  239.                 mainMenu.classList.add("active-menu")
  240.             } else {
  241.                 mainMenu.classList.remove("active-menu")
  242.             }
  243.         });
  245.         $(".dropbtn").on("click", function (e) {
  247.             e.preventDefault();
  248.             let $this = $(this);
  249.             if (!$this.hasClass("active")) {
  250.                 $(".dropbtn").removeClass("active");
  251.             }
  252.             $this.toggleClass("active");
  253.         });
  255.         $(".nav-mobile-menu").click(function () {
  256.             $('body').toggleClass("overflow-hidden");
  257.         });
  259.         $("#closePopup").click(function () {
  260.             $('#modalSuccessMessagePopup').modal('hide');
  261.         });
  263.     // Плашка Анонс бар
  264.     document.addEventListener("DOMContentLoaded", function() {
  265.         const charityBar = document.querySelector('.charity_die');
  266.         const closeBtn = document.querySelector('.charity_btn_close');
  267.         const sessionKey = 'charityBarHidden';
  269.         if (sessionStorage.getItem(sessionKey)) {
  270.             charityBar.classList.add('charity_die_hiden');
  271.         } else {
  272.             charityBar.classList.remove('charity_die_hiden');
  273.         }
  275.         closeBtn.addEventListener('click', function() {
  276.             charityBar.classList.add('charity_die_hiden');
  277.             sessionStorage.setItem(sessionKey, 'charity_die_hiden');
  278.         });
  279.     });
  281.     </script>
  283.     {% block pageJS %}
  284.     {% endblock pageJS %}
  285.     {% block suChatJS %}
  286.     {% endblock %}
  288. {% endblock coreBottomJs %}