src/Aviatur/TwigBundle/Resources/views/octopus/Custom/App/header.html.twig line 1

Open in your IDE?
  1. {% if app.session.get('domainsecure') != app.session.get('domain')%}
  2.     {% set loginDomain = "https://" ~ app.session.get('domainsecure') %}
  3. {% elseif app.session.get('domainport') == "443"%}
  4.     {% set loginDomain = "https://" ~ app.session.get('domainsecure') %}
  5. {% else %}
  6.     {% set loginDomain = "http://" ~ app.session.get('domainsecure') %}
  7. {% endif %}
  8. <div class="page-head--responsive relative wrapper-flex-container" role="banner">
  9.     <div class="page-head__mobile-offset hidden-lap-and-up"></div>
  10.     <div class="page-head__container-mobile flex-row mx-sm-5 m-0">
  11.         {#<div class="page-head__bg-container--responsive    hidden-lap-and-up hide"><div class="page-head__bg__img    bg-img{{videoType}}    js-headerImg"></div></div>#}
  12.         <div class="col-4 col-md-2 hidden-desk hide">
  13.             <div class="flex-row type-white"><span>COP</span>
  14.             <span class="type-white material-symbols-outlined">arrow_drop_down</span>
  15.         </div>
  16.         </div>
  17.         {% if app.session.has('whitemark')!= 1 %}
  18.         <div class="col-12 sm-9 pt-2">
  19.             <a href="{{linkHeader}}">
  20.                 <div class="text-center">
  21.                     <div class="relative">
  22.                         <img class="page-head__aviatur block m:hidden s:hidden xs:hidden mt-3 mb-3 ml-3" src="{{ absolute_url(asset('assets/'~ agency_folder.assetStyle() ~'/img/custom/octopus-travel-logo.svg')) }}"  alt="{{ agencyDataInfo['agency_name'] }}"  alt="{{ agencyDataInfo['agency_name'] }}Tiquetes baratos a cualquier destino." title="{{ agencyDataInfo['agency_name'] }} - Tiquetes baratos a cualquier destino.">
  23.                         <img class="page-head__aviatur hidden m:block s:block xs:block mt-3 mb-3 ml-3" src="https://aviaturcdndev.z5.web.core.windows.net/assets/octopus_assets/img/custom/octopus-travel-logomobile.png"  alt="{{ agencyDataInfo['agency_name'] }}"  alt="{{ agencyDataInfo['agency_name'] }}Tiquetes baratos a cualquier destino." title="{{ agencyDataInfo['agency_name'] }} - Tiquetes baratos a cualquier destino.">
  24.                     </div>
  25.                 </div>
  26.             </a>
  27.         </div>
  28.         {% endif %}
  29.         {% if not app.user %}
  30.                 <div class="nav-top__login sp-vinset pull-right hide-lap-and-up">
  31.                     {% include twig_exists('@AviaturTwig/'~ agency_folder.twigFlux() ~'/General/Components/worldpaySelect.html.twig') with {'mobile': true } %}
  32.                 </div>
  33.             {% endif %}
  35.         {% if app.user is not null %}
  36.             {% if is_granted('ROLE_AVIATUR_ADMIN_ADMIN_AGENT_OPERATOR')%}
  37.                 <div class="alert-error-config-qse hide-palm">
  38.                     <a id="text-error-config" href="/aliados/comisiones/qse"><span class="icon icon_megaphone"></span> ¡Se requiere configurar valor para el QSE!</a>
  39.                 </div>
  40.             {% endif %}
  41.         {% endif %}
  42.         {# <div class="col-4 col-md-2 text-center hidden-desk">
  43.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav.html.twig') with {'isMobile': true } %}
  44.         </div>
  45.         <div class="col-6 hidden-portable">
  46.             {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/secondary-nav.html.twig') with {'isMobile': false } %}
  47.         </div> #}
  48.         {% if not app.user %}
  50.             {% if app.session.get('agencyId') == 76 %}
  51.             <div class="hidden-portable">
  52.                     <a href="{{loginDomain}}" class="btn btn-modallogin__open w-48" id="login">
  53.                         <span class="material-symbols-outlined">account_circle</span>
  54.                         <div  id="login-text-container">Afiliados Octopus</div>
  55.                     </a>
  56.                 </div>
  57.             {% else %}
  58.                 <div class="hidden-portable mr-1">
  59.                     <a href="{{loginDomain}}/login" class="btn btn-modallogin__open" id="login">
  60.                         <span class="material-symbols-outlined">account_circle</span>
  61.                         <div  id="login-text-container">Agencias</div>
  62.                     </a>
  63.                 </div>
  64.                 <div class="hidden-portable mr-2">
  65.                     <a href="{{loginDomain}}/register" class="btn btn-modallogin__open" id="login">
  66.                         <span class="material-symbols-outlined">account_circle</span>
  67.                         <div  id="login-text-container">Registrese</div>
  68.                     </a>
  69.                 </div>
  70.             {% endif %}
  71.         {% else %}
  72.             {# <span class="material-icons-round hide-desk js-active-profile" style="font-size: 32px;color: #0460b2;position: absolute;left: 4%;top: 2.8%;z-index: 100;">person_outline</span> #}
  73.             {# <li class="page-head__nbr-call right-align"><a id="js-customerLogout"    href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li> #}
  74.             <li class="page-head__nbr-call right-align hide"><a id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
  75.             <li id="nav-mail" class="page-head__nbr-call right-align">
  76.                 <div class="content-nav-profile">
  77.                     <a id="js-customerEdit"    href="{{path('aviatur_customer_edit_info')}}">
  78.                         {% if app.session.get('pictureRed') is defined %}
  79.                             {% if app.session.get('pictureRed')|length > 0 %}
  80.                                 <img src="{{app.session.get('pictureRed')}}" style="width:27px;height:27px;border-radius: 15px;margin-right: 4px;margin-top: -3px;" class="img-responsive">
  81.                             {% else %}
  82.                                 <span class="material-icons-round hide-desk" style="font-size: 26px;color: #0460b2;vertical-align: sub;">person_outline</span>
  83.                             {% endif %}
  84.                         {% endif %}
  85.                         {{app.user.firstname|capitalize}} {{app.user.lastname|capitalize}}
  86.                     </a>
  87.                     <ul id="nav-sub">
  88.                         <li class="left-align"><a href="/customer/account">Mi perfil</a></li>
  89.                         <li class="left-align"><a href="/customer/edit">Actualizar datos</a></li>
  90.                         <li class="left-align"><a href="/customer/booking">Mis reservas</a></li>
  91.                         <li class="left-align"><a href="/customer/mis-tarjetas">Mis tarjetas</a></li>
  92.                         {# <li class="left-align"><a href="/customer/tarifas-congeladas">Tarifas congeladas</a></li> #}
  93.                         <li class="left-align"><a id="js-customerLogout" href="{{path('fos_user_security_logout')}}">Cerrar sesión <i class="icon icon_door" style="float: right;"></i></a></li>
  94.                     </ul>
  95.                 </div>
  96.             </li>
  97.         {% endif %}
  98.         <div class="hidden-palm hidden-lap" style="border-right: 0px;">
  99.             {% if app.session.get('WorldChangeCoin') is defined and    app.session.get('WorldChangeCoin')    ==    true    %}
  100.                 {# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %} #}
  101.             {% endif %}
  102.         </div>
  103.     </div>
  104.     <div class="nav-top    pull-right hide-palm hide">
  105.         {% if app.session.get('domainsecure')!=app.session.get('domain')%}
  106.             {% set loginDomain = "https://" ~app.session.get('domainsecure')%}
  107.         {% elseif app.session.get('domainport')=="443"%}
  108.             {% set loginDomain="https://"~app.session.get('domainsecure')%}
  109.         {% else    %}
  110.             {% set loginDomain="http://"~app.session.get('domainsecure')%}
  111.         {% endif %}
  112.         {% if not app.user %}
  113.             <div class="nav-top__login hide sp-vinset pull-right">
  114.                 <ul class="list-inline">
  115.                     <li>
  116.                         {% if app.session.get('WorldChangeCoin') is    defined    and    app.session.get('WorldChangeCoin')==true %}
  117.                             {# {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/coin-list.html.twig') %} #}
  118.                         {%    endif    %}
  119.                         <span id="js-openCallUs2" class="link-quiet link-span" data-modal="#js-modalPhones">Contáctenos</span>
  120.                         <a href="{{loginDomain}}/login" class="link-quiet">Iniciar sesión</a>
  121.                     </li>
  122.                 </ul>
  123.             </div>
  124.         {% endif %}
  125.     </div>
  126.     {% set displayState=''%}
  127.     {% if 'aviatur_general_homepage' not in app.request.attributes.get('_route') or    app.request.query.has('anchor')    %}
  128.         {#hide palm menu    if not homepage    or anchored    link#}
  129.         {% set displayState = 'hidden-palm' %}
  130.     {% endif %}
  131.     {% set nameImgApp='menu-img-mobile5.jpg' %}
  132.     {% if blackFriday is defined %}
  133.         {% if blackFriday=='true' %}
  134.             {%    set    nameImgApp='menu-img-mobile_black_friday.jpg'%}
  135.         {% endif %}
  136.     {%    endif    %}
  137.     <div class="js-nav-main-state wrapper-row nav-main__border_top">
  138.         <a class="js-viewHomePromos hide" href="{% if 'aviatur_general_homepage'    not    in app.request.get('_route') %}{{ linkHeader }}?anchor{% endif %}#home-promos">
  139.             <div class="page-head__menu-img-mobile"    style="background-image:url('/assets/aviatur_assets/img/header/{{nameImgApp}}')"></div>
  140.         </a>
  141.          {% include twig_exists('@AviaturTwig/'~ agency_folder.twigStyle() ~'/App/header/nav-main.html.twig') %}
  142.     </div>
  143.     <div class="nav-top pull-right hide">
  144.         {% if app.user %}
  145.             <div class="nav-top__logged">
  146.                 <ul    class="list-inline">
  147.                     <li    class="hide-portable"><a class="link-quiet sp-inset--tiny" id="js-customerEdit"    href="{{path('aviatur_customer_edit_info')}}">{{app.user.username}}</a></li>
  148.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerReservations" href="{{path('aviatur_customer_booking_nocheck')}}">Mis reservas</a></li>
  149.                     <li><a class="link-quiet sp-inset--tiny" id="js-customerLogout"    href="{{path('fos_user_security_logout')}}">Cerrar sesión</a></li>
  150.                 </ul>
  151.             </div>
  152.         {% endif %}
  153.     </div>
  154. </div>
  156. <script>
  157.     jQuery( document ).ready(function() {
  159.         var ruta = jQuery('.nav-main__grid').last().find('a').attr('href');
  160.         if(sessionStorage.getItem('registro_agente')==null){
  161.             if(ruta == '/registro-agente'){
  162.                 jQuery('.js-globalOverlay').show();
  163.                 location.href = '/registro-agente';
  164.                 sessionStorage.setItem('registro_agente','true');
  165.             }
  166.         }
  168.         if(typeof jQuery('.alert-error-config-qse').find('a').html()!=='undefined'){
  169.             var contenido=jQuery('.alert-error-config-qse');
  170.             if(sessionStorage.getItem('active_alert')==null){
  171.                 sessionStorage.setItem('active_alert',false);
  172.                 jQuery.ajax({
  173.                     url: '/aliados/comisiones/qse/infoproduct',
  174.                     dataType:'json',
  175.                     success: function(result){
  176.                         contenido.css('display','none');
  177.                         if(result.active){
  178.                             sessionStorage.setItem('active_alert','true');
  179.                             contenido.css('display','block');
  180.                         }
  181.                     }
  182.                 });
  183.             }
  184.             else{
  185.                 contenido.css('display','none');
  186.                 if(sessionStorage.getItem('active_alert')=='true'){
  187.                     contenido.css('display','block');
  188.                 }
  189.             }
  190.         }
  191.         else{
  192.             if(sessionStorage.getItem('active_alert')!==null){
  193.                 sessionStorage.removeItem('active_alert');
  194.             }
  195.         }
  196.     });
  197. </script>