src/Aviatur/TwigBundle/Resources/views/aviatur/Flux/App/front_blog.html.twig line 1

Open in your IDE?
  1. {% extends twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/base.html.twig') %}
  2. {# head #}
  3. {% if pdfGenerator is not defined %}
  4. {% block head_title %}{% if seo_title is defined %}{{seo_title}}{% else %}Tiquetes Baratos, Hoteles, Paquetes Turísticos y Viajes | Aviatur{% endif %}{% endblock head_title %}
  5. {% block head_description_content %}{% if seo_description is defined %}{{seo_description}}{% else %}Agencia de viajes Aviatur. Encuentra ofertas de vuelos, hoteles, paquetes turísticos, cruceros, autos y más. Tiquetes baratos Nacionales e Internacionales{% endif %}{% endblock head_description_content %}
  6. {% block head_meta_title %}{% if seo_meta_title is defined %}{{seo_meta_title}}{% endif %}{% endblock head_meta_title %}
  7.     {% if is_mobile() %}
  8.         {% block head_viewport %}
  9.             <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
  10.             <link rel="apple-touch-icon" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone.png')) }}">
  11.             <link rel="apple-touch-icon" sizes="76x76" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-ipad.png')) }}">
  12.             <link rel="apple-touch-icon" sizes="120x120" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone-retina.png')) }}">
  13.             <link rel="apple-touch-icon" sizes="152x152" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-ipad-retina.png')) }}">
  14.             <link rel="apple-touch-icon" sizes="180x180" href="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/ios/touch-icon-iphone-plus-retina.png')) }}">
  15.         {% endblock head_viewport %}
  16.     {% endif %}
  17. {% endif %}
  18. {#{% block stylesheets %}
  19.     <link type="text/css" rel="stylesheet" href="{{ absolute_url(asset('assets/common_assets/css/vendor/owl-carousel/owl.carousel.css')) }}"/>
  20.     <link type="text/css" rel="stylesheet" href="{{ absolute_url(asset('assets/common_assets/css/vendor/owl-carousel/owl.theme.css')) }}"/>
  21.     {{ parent() }}
  22. {% endblock stylesheets %}#}
  23. {# END head #}
  24. {% block head_meta_label %}
  25.     <meta name="robots" content="index, follow">
  26. {% endblock head_meta_label %}
  27. {% block base_content %}
  28.     {% if pdfGenerator is not defined %}
  29.         <!--[if (!IE)|(gt IE 8)]><!-->
  30.         {% block header %}
  31.             {% set linkHeader = path('homepage') %}
  32.             {% set specialStyle = '' %}
  33.             {% set classMainNav = '' %}
  34.             {% set logoVersion = '' %}
  35.             <header class="page-head{{ specialStyle }}">
  36.                 <div class="page-head__bg-container hidden-palm">
  37.                    <div class="page-head__bg__img bg-img_blog js-headerImg"></div>
  38.                 </div>
  39.                 {% if app.session.has('operatorId') != 1 %}
  40.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header_blog.html.twig') %}
  41.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/Blog/Includes/modalBlog.html.twig') %}
  42.                 {% endif %}
  43.                 {% block searcher_header %}
  44.                 {% endblock %}
  45.             </header>
  46.         {% endblock %}
  47.     {% else %}
  48.         <section>
  49.         </section>
  50.     {% endif %}
  51.     {% set displayState = '' %}
  52.     {% if 'aviatur_general_homepage' in app.request.attributes.get('_route') and not app.request.query.has('anchor') %}
  53.         {% set displayState = 'hidden-palm' %}
  54.     {% endif %}
  55.     <div class="page__body js-page-body-toggle pt-[17px]{{ displayState }}">
  56.         <div class="ajax-loader spinOverlay sp-offset--big js-loadingChangeCoin" style="display: none;"></div>
  57.         {% block body %}{% endblock body %}
  58.         <div class="hidden-portable">
  59.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/App/needHelp.html.twig') %}
  60.         </div>
  61.     </div>
  63.     {% if pdfGenerator is not defined %}
  64.         {% if app.session.has('operatorId') != 1 and app.session.has('whitemark') != 1 %}
  65.             {% block footer %}
  66.                 {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/footer_blog.html.twig') %}
  67.             {% endblock footer %}
  68.         {% endif %}
  69.         {% block modal %}
  70.             {{ parent()}}
  71.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/callUsModal.html.twig') %}
  72.         {% endblock modal %}
  73.     {% endif %}
  74. {% endblock base_content %}
  75. {% block javascripts_bottom %}
  76.     {{ parent() }}
  77.     <script>
  78.         let miBoton = document.getElementById("miBoton");
  79.         let help = document.getElementById("needHelp");
  80.         let iconCall = document.getElementById("iconCall");
  81.         let openCall = document.getElementById("openCall");
  82.         let callDarkOpen = document.getElementById("callDarkOpen");
  83.         let callMenu = document.getElementById("callMenu");
  84.         let loLlamamos = document.getElementById("loLlamamos");
  85.         let loLlamamos_soporte_linea = document.getElementById("loLlamamos_soporte_linea");
  86.         let loLlamamos_palm = document.getElementById("loLlamamos_palm");
  87.         let loLlamamos_palm_soporte_linea = document.getElementById("loLlamamos_palm_soporte_linea");
  88.         let wsp = document.getElementById("wsp");
  89.         let comuniquese = document.getElementById("comuniquese");
  90.         let comuniquese_palm = document.getElementById("comuniquese_palm");
  91.         let showLoLlamamos = document.getElementById("showLoLlamamos");
  92.         let divFormLoLlamamos = document.getElementById("divFormLoLlamamos");
  93.         let formLoLlamamos = document.getElementById("formLoLlamamos");
  94.         let resultLoLlamamos = document.getElementById("resultLoLlamamos");
  95.         let closeModal = document.getElementById("closeModal");
  96.         let okCloseModal = document.getElementById("okCloseModal");
  97.         let showComuniquese = document.getElementById("showComuniquese");
  98.         let closeModalComuniquese = document.getElementById("closeModalComuniquese");
  100.         let screenWidth = window.innerWidth;
  102.         //boton principal ayuda
  103.         let activeCall = false;
  104.         miBoton.addEventListener("click", () => {
  105.             activeCall = !activeCall;
  107.             if (activeCall) {
  108.                 miBoton.classList.add("call-btn--close_active");
  109.                 help.style.display = "none";
  110.                 iconCall.setAttribute("width", "38")
  111.                 iconCall.setAttribute("height", "30")
  112.                 iconCall.style.viewBox = "0 -2 20 23"
  113.                 openCall.classList.add("call_bg--open")
  114.                 callDarkOpen.classList.add("call_bg-dark__open")
  115.                 callMenu.classList.add("call-menu--active")
  117.             } else {
  118.                 miBoton.classList.remove("call-btn--close_active");
  119.                 help.style.display = "block";
  120.                 iconCall.setAttribute("width", "22")
  121.                 iconCall.setAttribute("height", "20")
  122.                 openCall.classList.remove("call_bg--open")
  123.                 callDarkOpen.classList.remove("call_bg-dark__open")
  124.                 callMenu.classList.remove("call-menu--active")
  126.             }
  127.         });
  129.         wsp.addEventListener("click", () => {
  130.             if (screenWidth < 723) {
  131.                 wsp.setAttribute("href", "https://api.whatsapp.com/send?phone=5713821616&text=")
  132.             } else {
  133.                 wsp.setAttribute("href", "https://web.whatsapp.com/send?phone=5713821616&amp;text=")
  134.             }
  135.         })
  137.         // modal lo llamamos
  138.         let modalLoLlamamos = false
  140.         let openModalLollamamos = () =>{
  141.             modalLoLlamamos = !modalLoLlamamos;
  142.                 if (modalLoLlamamos) {
  143.                     showLoLlamamos.style.display = "flex";
  144.                 } else {
  145.                     showLoLlamamos.style.display = "none";
  146.                 }
  147.         }
  149.         formLoLlamamos.addEventListener('submit', function(event) {
  150.             event.preventDefault();
  151.             modalLoLlamamos = false;
  153.             if (formLoLlamamos.checkValidity()) {
  154.                 const nombre = formLoLlamamos.elements['Nombre'].value;
  155.                 const numeroCelular = formLoLlamamos.elements['NumeroCelular'].value;
  157.                 resultLoLlamamos.style.display = "block";
  158.                 divFormLoLlamamos.style.display = "none";
  160.                 jQuery.post("/formularios/llamar", ({
  161.                     "name": nombre,
  162.                     "phone": numeroCelular
  163.                 }), function(res){
  164.                     // alert(res);
  165.                 }).fail(function(xhr, status, error) {
  166.                     console.log('Error en la petición POST');
  167.                     console.error('Error en la petición POST:', error);
  168.                 });
  170.             } else {
  171.                 formLoLlamamos.reportValidity();
  172.             }
  173.         });
  176.         // Validador del tipo de texto que se permite en el input
  177.         const validationInputType = (e, type = "text") => {
  178.             if (type === "text") {
  179.                 if (!(e.which > 64 && e.which < 91) && e.which != 8 && e.which != 20 && e.which !== 32 && e.which !== 9) {
  180.                     e.preventDefault();
  181.                 }
  182.             }
  183.             if (type === "phone") {
  184.                 if (!(e.key > -1 && e.key < 10) && e.which != 8 && !(e.which > 95 && e.which < 106) && e.which !== 9) {
  185.                     e.preventDefault();
  186.                 }
  187.             }
  188.         }
  190.         closeModal.addEventListener("click", () => {
  191.             modalLoLlamamos = false
  192.             if (!modalLoLlamamos) {
  193.                 showLoLlamamos.style.display = "none";
  194.             }
  195.         })
  197.         okCloseModal.addEventListener("click", () => {
  198.             resultLoLlamamos.style.display = "none";
  199.             divFormLoLlamamos.style.display = "block"
  201.             formLoLlamamos.elements['Nombre'].value = '';
  202.             formLoLlamamos.elements['NumeroCelular'].value = '';
  204.             modalLoLlamamos = false
  205.             if (!modalLoLlamamos) {
  206.                 showLoLlamamos.style.display = "none";
  207.             }
  208.         })
  210.         // modal comuniquese
  211.         let modalComuniquese = false
  213.         const openModalComuniquese = () => {
  214.             modalComuniquese = !modalComuniquese;
  215.                 if (modalComuniquese) {
  216.                     showComuniquese.style.display = "flex";
  217.                 } else {
  218.                     showComuniquese.style.display = "none";
  219.                 }
  220.         }
  222.         closeModalComuniquese.addEventListener("click", () => {
  223.             modalComuniquese = false
  224.             if (!modalComuniquese) {
  225.                 showComuniquese.style.display = "none";
  226.             }
  227.         })
  229.         // desktop lo llamamos
  230.         loLlamamos.addEventListener("click", openModalLollamamos)
  231.         loLlamamos_soporte_linea.addEventListener("click", openModalLollamamos)
  233.         // desktop comuniquese
  234.         comuniquese.addEventListener("click", openModalComuniquese)
  236.         if (screenWidth < 1024) {
  237.             // mobile lo llamamos
  238.             comuniquese_palm.addEventListener("click", openModalComuniquese)
  240.             // mobile comuniquese
  241.             loLlamamos_palm.addEventListener("click", openModalLollamamos)
  242.             loLlamamos_palm_soporte_linea.addEventListener("click", openModalLollamamos)
  243.         }
  245.     </script>
  246. {% endblock javascripts_bottom %}