templates/FrontCommun/header-mobile.html.twig line 1

Open in your IDE?
  1. {#<link href="{{ asset('assets-commun/css/header-commun.css') }}" rel="stylesheet" type="text/css"/>#}
  2. <div class="container-fluid">
  3.     <div class="top-common visible-sm visible-xs">
  4.         <div class="row">
  5.             <ul class="social-custom list-inline text-center">
  6.                 {% if reseauxSociaux and reseauxSociaux.facebook  is not null %}
  7.                     <li class="list-inline-item">
  8.                         <a class="facebook" href="{{ reseauxSociaux.facebook }}">
  9.                             <i class="fab fa-facebook-f"></i>
  10.                         </a>
  11.                     </li>
  12.                 {% endif %}
  13.                 {% if reseauxSociaux and reseauxSociaux.twitter  is not null %}
  14.                     <li>
  15.                         <a class="twitter" href="{{ reseauxSociaux.twitter }}">
  16.                             <i class="fab fa-twitter"></i>
  17.                         </a>
  18.                     </li>
  19.                 {% endif %}
  20.                 {% if reseauxSociaux and reseauxSociaux.instagram  is not null %}
  21.                     <li>
  22.                         <a class="pinterest" href="{{ reseauxSociaux.instagram }}">
  23.                             <i class="fab fa-instagram"></i>
  24.                         </a>
  25.                     </li>
  26.                 {% endif %}
  27.                 {% if reseauxSociaux and reseauxSociaux.youtube  is not null %}
  28.                     <li>
  29.                         <a class="youtube" href="{{ reseauxSociaux.youtube }}">
  30.                             <i class="fab fa-youtube"></i>
  31.                         </a>
  32.                     </li>
  33.                 {% endif %}
  34.             </ul>
  35.         </div>
  36.     </div>
  37. </div>
  38. <header class="header-mobile visible-sm visible-xs" id="filtre-v1">
  39.     <div class="container">
  40.         <div class="navburger toggle-navbar">
  41.             <span></span>
  42.         </div>
  43.         <div class="monespace">
  44.             <span onclick="openNav()">
  45.                 <img src="{{ asset('assets-commun/images/icons/espace.svg') }}" class="social-icon-svg" alt="">
  46.             </span>
  47.         </div>
  48.         <div class="tel-mobile-header">
  49.             <span>
  50.                  <a href="tel:{{ getAgence().tel1 }}">
  51.                 <img src="{{ asset('assets-commun/images/icons/phone_mobile.svg') }}" class="social-icon-svg" alt="">
  52.                  </a>
  53.             </span>
  54.         </div>
  55.         <a href="/">
  56.             <img src="{{ src_logo }}" class="logo-responsive" alt="{{ alt_logo }}">
  57.         </a>
  58.         <nav class="navbar">
  59.             <ul class="menu-ul">
  60.                 <li class="{#active#}"><a href="/ ">{{ "ACCUEIL"|trans }}</a></li>
  61.                 {% if hasModule('sejour') %}
  62.                     <li><a href="{{ path('sejour_hotel_availability') }} ">{{ "HÔTELS"|trans }} </a></li>
  63.                 {% endif %}
  64.                 {% if hasModule('appartement') %}
  65.                     <li><a href="{{ path('sejour_appartement_availability') }} ">{{ "APPARTEMENTS"|trans }} </a></li>
  66.                 {% endif %}
  67.                 {% if hasModule('voyages-package') %}
  68.                     <li><a href="{{ path('front_package_liste') }} "> {{ "Pack VOYAGES ORGANISÉS"|trans }}</a></li>
  69.                 {% endif %}
  70.                 {% if hasModule('voyages-organise') %}
  71.                     <li><a href="{{ path('front_voyageorganise_liste') }}" class="navitem-vo">{{ "VOYAGES ORGANISÉS"|trans }}</a></li>
  72.                     <li><a href="{{ path('front_voyagecarte_liste') }}" class="navitem-vc">{{ "Voyages à la carte"|trans }}</a></li>
  73.                     <li><a href="{{ path('front_omraorganise_liste') }}" class="navitem-omra">{{ "Omra"|trans }}</a></li>
  74.                     <li><a href="{{ path('front_circuitorganise_liste') }}" class="navitem-circuits"> {{ "CIRCUITS"|trans }} </a></li>
  75.                     <li><a href="{{ path('front_croisieres_liste') }}" class="navitem-croisieres"> {{ "CROISIÈRES"|trans }} </a></li>
  76.                 {% endif %}
  77.                 {% if hasModule('vol') %}
  78.                     <li class="form_vol"><a href="{{ path('vol') }} ">  {{ "BILLETTERIE AVION"|trans }}</a></li>
  79.                     {% if hasModule('billetterie-avion-xml') %}
  80.                         <li><a href="{{ path('home_aerien') }}">{{ "VOL"|trans }}  </a></li>
  81.                     {% endif %}
  82.                 {% endif %}
  83.                 {% if hasModule('bien-etre') %}
  84.                     <li><a href="{{ path('front_bien_etre_liste') }} "> {{ "SPA"|trans }}</a></li>
  85.                 {% endif %}
  86.                 {% if hasModule('location-voiture') %}
  87.                     {% if hasModule('location-voiture-xml') %}
  88.                         <li><a href="{{ path('availibility') }} "> {{ "LOCATION VOITURE"|trans }}</a></li>
  89.                     {% endif %}
  90.                 {% endif %}
  91.                 {% if hasModule('billetterie-maritime-xml') %}
  92.                     <li><a href="{{ path('availibility_maritime') }} ">{{ "MARITIME"|trans }} </a></li>
  93.                 {% endif %}
  94.                 {% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
  95.                     {% if hasModule('tache') %}
  96.                         <li>  <a href="{{ path('ticket_liste') }}"> {{ "gestion des tickets"|trans }}   </a> </li>
  97.                     {% endif %}
  98.                 {% endif %}
  99.                 {% for article in ArticlesElement().desktop %}
  100.                     {% if article.code=="agence" %}
  101.                         {% for ele in article.elements %}
  102.                             <li><a href="{{ ele.texte|raw }}"> {{ "Nos Agences"|trans }} </a></li>
  103.                         {% endfor %}
  104.                     {% endif %}
  105.                 {% endfor %}
  106.                 {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  107.                     <li class="contact-display"><a href="{{ path('contact') }} ">{{ "CONTACT"|trans }}</a></li>
  108.                     {% for article in ArticlesElement().desktop %}
  109.                         {% if article.code=="Contactez-nous" %}
  110.                             {% for elem in article.elements %}
  111.                                 <li class="contact-article"><a href="{{ path('contact_us') }} "> {{ elem.titre }}</a>
  112.                                 </li>
  113.                             {% endfor %}
  114.                         {% endif %}
  115.                     {% endfor %}
  116.                 {% endif %}
  117.             </ul>
  118.         </nav>
  119.     </div>
  120.     <div id="myNav" class="overlay">
  121.         <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  122.         <div class="overlay-content">
  123.             <ul class="menu-ul">
  124.                 {% if  not is_granted('IS_AUTHENTICATED_FULLY') %}
  125.                     <li class="list-inline">
  126.                         <a href="{{ path('app_login') }}" class="btn btn-connect text-white"><img
  127.                                     src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
  128.                                     class="social-icon-svg"
  129.                                     alt=""> {{ "Se connecter"|trans }}</a>
  130.                     </li>
  131.                     {% if disableRegistration == 'false' %}
  132.                         <li class="list-inline">
  133.                             <a href="{{ path('app_register') }}" class="btn btn-connect text-white"><img
  134.                                         src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
  135.                                         class="social-icon-svg"
  136.                                         alt="">
  137.                                 {{ "S'inscrire"|trans }}</a>
  138.                         </li>
  139.                     {% endif %}
  140.                 {% else %}
  141.                     <li class="list-inline btn-group" id="dropdown-login">
  142.                         <div class="dropdown-toggle dropdown-login-btn" type="button"
  143.                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  144.                             <img src="{{ asset('assets-commun/images/icons/bienvenue.svg') }}"
  145.                                  class="social-icon-svg" alt=""> {{ "Bienvenue"|trans }} {{ client ? client.nomPrenom : '' }}
  146.                             <span class="caret"></span>
  147.                         </div>
  148.                         <ul class="dropdown-menu">
  149.                             {% if not client.hideListRservation %}
  150.                                 {% if hasModule('sejour') or hasModule('voyages-organise') or hasModule('voyages-package') or hasModule('vol-package') %}
  151.                                     <li class="dropdown-header text-orange">
  152.                                     </li>
  153.                                     {% for route in routeReservation() %}
  154.                                         <li class="{{ route.route_liste }}">
  155.                                             <a href="{{ path(route.route_liste) }}">
  156.                                                 {{ ("Réservations " ~ route.libelle)|trans }}
  157.                                             </a>
  158.                                         </li>
  159.                                     {% endfor %}
  160.                                     {% if app.request.server.has('FLIGHTS_WORLDSOFT_SUB_DOMAINE') and hasModule('vol') %}
  161.                                         <li class="flight-queue"><a
  162.                                                     href="{{ app.request.server.get('FLIGHTS_WORLDSOFT_SUB_DOMAINE') }}/#!/flight-queue">  {{ "Réservations Vol"|trans }}</a>
  163.                                         </li>
  164.                                     {% endif %}
  165.                                 {% endif %}
  166.                                 {% if is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') or is_granted('ROLE_CLIENT_B2B') %}
  167.                                     <li><a href="{{ path('espace_affilie_reglements') }}"> {{ "Réglements"|trans }} </a></li>
  168.                                     <li><a href="{{ path('espace_affilie_balance') }}"> {{ "Balance"|trans }}</a></li>
  169.                                     {% if not (amicale and amicale.configs.HIDE_LIST_FACTURE is defined and amicale.configs.HIDE_LIST_FACTURE|upper == 'TRUE') %}
  170.                                         <li><a href="{{ path('espace_affilie_factures') }}"> {{ "Factures et avoirs"|trans }}</a></li>
  171.                                     {% endif %}
  172.                                     {% if is_granted('ROLE_CLIENT_B2B_RESPONSABLE') or is_granted('ROLE_CLIENT_AMICALE_RESPONSABLE') %}
  173.                                         <li><a href="{{ path('espace_agence_utilisateurs') }}"> {{ "Utilisateurs"|trans }}</a></li>
  174.                                         <li><a href="{{ path('espace_agence_profile') }}"> {{ "Etablissement"|trans }}</a></li>
  175.                                         <li><a href="{{ path('espace_agence_marges') }}"> {{ "Marges"|trans }}</a></li>
  176.                                         {% if hasModule('billetterie-avion-xml') %}
  177.                                             <li><a href="{{ path('espace_agence_marges_aerien') }}"> {{ "Marges aérien"|trans }}</a></li>
  178.                                         {% endif %}
  179.                                     {% endif %}
  180.                                 {% endif %}
  181.                             {% endif %}
  182.                             <li><a href="{{ path('app_change_password') }}">{{ "Changer le mot de passe"|trans }}</a></li>
  183.                             <li><a href="{{ path('app_logout') }}">{{ "Se déconnecter"|trans }}</a></li>
  184.                         </ul>
  185.                     </li>
  186.                 {% endif %}
  187.                 {% if app.session.get('solde') %}
  188.                 {% set solde = app.session.get('solde') %}
  189.                 <li class="list-inline header-right header-right-solde">
  190.                     <div class="navi background-solde d-flex align-items-start">
  191.                         <a href="javascript:void(0);">
  192.                                          <span class="glyphicon glyphicon-refresh"
  193.                                                onclick="var $this=$(this);$this.addClass('fa-spin'); $.get('{{ path('espace_affilie_solde') }}',function(data) {
  194.                                                        $this.removeClass('fa-spin');
  195.                                                        $('.header-right-solde #date').html(data.date)
  196.                                                        $('.header-right-solde #time').html(data.time)
  197.                                                        $('.header-right-solde #solde').html(`${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
  198.                                                        $('.header-right-solde #disponible').html(`${parseFloat(data.disponible).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`)
  199.                                                        viewAlert(`Votre solde actuel est ${parseFloat(data.solde).toFixed({{ deviseAgence().scale }})} ${ data.deviseComptable }`,'success')
  200.                                                        })"></span>
  201.                         </a>
  202.                         <div class="btn-group" id="dropdown-login">
  203.                             <button class="btn btn-default btn-sm dropdown-toggle dropdown-login-btn dropdown-login-solde"
  204.                                     type="button" data-toggle="dropdown" aria-haspopup="true"
  205.                                     aria-expanded="false">
  206. {{ "Montant disponible"|trans }}
  207.                                 <span id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span>
  208.                                 <span class="caret"></span>
  209.                             </button>
  210.                             <ul class="dropdown-menu">
  211.                                 <li><a href=""> {{ "Votre solde le"|trans }} <span id="date">{{ solde.date }}</span> {{ "à"|trans }}
  212.                                         <span id="time">{{ solde.time }}</span></a></li>
  213.                                 <li><a href=""> {{ "Solde"|trans }} <span
  214.                                                 id="solde">{{ solde.solde|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
  215.                                 </li>
  216.                                 <li><a href=""> {{ "Montant disponible"|trans }} <span
  217.                                                 id="disponible">{{ solde.disponible|number_format(deviseAgence().scale,'.','') }} {{ solde.deviseComptable }}</span></a>
  218.                                 </li>
  219.                             </ul>
  220.                         </div>
  221.                     </div>
  222.                     {% endif %}
  223.                     {% if agence.langues %}
  224.                 <li class="list-inline btn-group" id="dropdown-login">
  225.                     <button class="btn btn-light btn-sm dropdown-toggle dropdown-login-btn" type="button"
  226.                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  227.                         {{ app.request.locale|upper }} <i class="fa fa-sort"></i>
  228.                     </button>
  229.                     <ul class="dropdown-menu">
  230.                         {% for langue in agence.langues|split(',') %}
  231.                             <li><a href="{{ path('change_langue',{langue:langue}) }}"><span
  232.                                             class="flag flag-{{ getLanguesTraduction()[langue].flag }}"></span> {% if getLanguesTraduction()[langue].libelle == 'Anglais' %}English {% else %}{{ getLanguesTraduction()[langue].libelle }}{% endif %}
  233.                                 </a>
  234.                             </li>
  235.                         {% endfor %}
  236.                     </ul>
  237.                 </li>
  238.                 {% endif %}
  239.                 {% if getDevise()|length > 1 %}
  240.                     <li class="btn-group list-inline" id="dropdown-login">
  241.                         <div class=" text-white dropdown-toggle dropdown-login-btn" type="button"
  242.                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  243.                             <img
  244.                                     src="{{ asset('assets-commun/images/icons/devise.svg') }}"
  245.                                     class="social-icon-svg"
  246.                                     alt=""> {{ "Devise"|trans }} ({{ deviseSelected().symbole }})
  247.                             <span class="caret"></span>
  248.                         </div>
  249.                         <ul class="dropdown-menu">
  250.                             {% for devise in getDevise() %}
  251.                                 {% if devise.symbole != deviseSelected().symbole %}
  252.                                     <li>
  253.                                         <a href="{{ path('change_devise',{code:devise.code}) }}"><b>{{ devise.symbole }}</b> {{ devise.libelle }}
  254.                                         </a>
  255.                                     </li>
  256.                                 {% endif %}
  257.                             {% endfor %}
  258.                         </ul>
  259.                     </li>
  260.                 {% endif %}
  261.             </ul>
  262.         </div>
  263.     </div>
  264. </header>
  265. <div class="navbar-overlay toggle-navbar"></div>
  266. <script>
  267.     function openNav() {
  268.         document.getElementById("myNav").style.width = "100vw";
  269.     }
  270.     function closeNav() {
  271.         document.getElementById("myNav").style.width = "0%";
  272.     }
  273. </script>