templates/includes/header.html.twig line 1

Open in your IDE?
  2. <header id="header">
  3.     <div class="apk-header">
  4.         <div class="apk-header-desktop uk-visible@l">
  5.             <div class="apk-header-top uk-light">
  6.                 <div class="uk-container">
  7.                     <div class="uk-navbar-transparent uk-navbar" uk-navbar>
  8.                         <div class="uk-navbar-left">
  9.                             <ul class="uk-navbar-nav">
  11.                                 <li><a class="uk-button uk-button-primary uk-button-collapsed" href="{{ path('dashboard') }}">{{ "Espace annonceurs"|trans }}</a></li>
  13.                                 {% if document.property('showSocialsHeader') %}
  14.                                     {% if document.property('facebookUrl') %}
  15.                                     <li class="uk-flex uk-flex-middle apk-socials">
  16.                                         <a class="uk-flex uk-flex-middle" href="{{ document.property('facebookUrl') }}" target="_blank" title="Facebook">
  17.                                             <img uk-svg width="26" height="26" src="/static/img/pictos/facebook.svg" alt="Facebook">
  18.                                         </a>
  19.                                     </li>
  20.                                     {% endif %}
  22.                                     {% if document.property('instagramUrl') %}
  23.                                     <li class="uk-flex uk-flex-middle apk-socials">
  24.                                         <a class="uk-flex uk-flex-middle uk-padding-remove" href="{{ document.property('instagramUrl') }}" target="_blank" title="Instagram">
  25.                                             <img uk-svg width="26" height="26" src="/static/img/pictos/instagram.svg" alt="Instagram">
  26.                                         </a>
  27.                                     </li>
  28.                                     {% endif %}
  29.                                 {% endif %}
  31.                             </ul>
  32.                         </div>
  33.                         {% if pimcore_website_config('messageAvailabilities') is null %}
  34.                             <span class="uk-navbar-item uk-width-expand"><strong>{{ pimcore_website_config('avalaibilitiesCount') }} {{ "places"|trans }}</strong>&nbsp;{{ "displonibles dès maintenant"|trans }}</span>
  35.                         {% else %}
  36.                             <span class="uk-navbar-item uk-width-expand"><strong>{{ "avalabilities.hidden"|trans }}</strong></span>
  37.                         {% endif %}
  38.                         <div class="uk-navbar-right">
  39.                             <ul class="uk-navbar-nav uk-flex-middle">
  40.                             {% if not app.user %}                                
  41.                                 <li><a class="uk-button uk-button-primary uk-button-collapsed" href="{{path('login')}}">{{ "Espace parents"|trans }}</a></li>
  42.                             {% else %}
  43.                                 <li>
  44.                                     <a href="#" type="button">{{app.user.firstname}} {{app.user.lastname}}</a>
  45.                                     <div class="uk-dropdown" uk-dropdown>
  46.                                         <ul class="uk-nav uk-dropdown-nav">                                    
  47.                                             <li><a href="{{path('account')}}">{{'Mon compte'|trans}}</a></li>
  48.                                             <li><a href="{{path('bookmark')}}">{{'Ma sélection'|trans}} (<span id="nbrFav">{{app.user.favorites |length}}</span>)</a></li>
  49.                                             <li><a href="{{path('logout')}}">{{ "Se déconnecter"|trans }}</a></li>
  50.                                         </ul>
  51.                                     </div>
  52.                                 </li>
  53.                             {% endif %}
  54.                                 <li>{{ get_language_switcher_html(document, 'dropdown', 'code')|raw }}</li>
  55.                             </ul>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.             <div class="apk-header-bottom" uk-sticky="show-on-up: true; animation: uk-animation-slide-top;">
  61.                 <div class="uk-container">
  62.                     <div class="uk-navbar-transparent uk-navbar" uk-navbar>
  63.                         <div class="uk-navbar-left">
  64.                             <a href="/{{ app.request.locale }}">
  65.                                 <img uk-svg width="240" height="80" src="{{ document.getProperty('headerLogo') }}" alt="{{ "Your website name"|trans }}">
  66.                                 {#<img uk-svg width="240" height="80" src="/static/img/logos/Logo_V3_cruves.svg" alt="{{ "Your website name"|trans }}">#}
  67.                             </a>
  68.                         </div>
  69.                         <div class="uk-navbar-right">
  70.                             {% include "includes/main-nav.html.twig" %}
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.         <div class="apk-header-mobile uk-hidden@l" uk-sticky="show-on-up: true; animation: uk-animation-slide-top;">
  77.             <div class="uk-container">
  78.                 <div class="uk-navbar-transparent uk-navbar" uk-navbar>
  79.                     <div class="uk-navbar-left">
  80.                         <div class="uk-logo">
  82.                             <a href="/{{ app.request.locale }}">
  83.                                 <img width="140" height="50" src="{{ document.getProperty('headerLogo').getThumbnail('headerLogo') }}" alt="{{ "Your website name"|trans }}">
  84.                             </a>
  85.                         </div>
  86.                     </div>
  87.                     <div class="uk-navbar-right">
  88.                         <div>
  89.                             <a href="#menu-mobile" uk-toggle>
  90.                                 <img uk-svg src="/static/img/pictos/menu-burger.svg" alt="menu">
  91.                             </a>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.             </div>
  96.         </div>
  97.     </div>
  98. </header>
  100. {% include "includes/offcanvas.html.twig" %}