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