templates/includes/header.html.twig line 1

Open in your IDE?
  3. <header id="header">
  4.     <div class="apk-container-language-switcher">
  5.         {{ get_language_switcher_html(document, 'inline', 'code')|raw }}
  6.     </div>
  7.     <div class="apk-header">
  8.         <div class="apk-header-top">
  9.             <div class="uk-flex uk-flex-middle">
  10.                 <a class="apk-logo uk-width-auto" href="/{{ app.request.locale }}" title="{{ "Logo"|trans }}">
  11.                     <img src="/static/img/logos/logo-crb.svg">
  12.                 </a>
  14.                 <div class="header-menu uk-width-expand uk-flex uk-flex-center">
  15.                     <nav uk-navbar>
  16.                         <ul class="uk-navbar-nav uk-margin-remove-bottom uk-child-width-auto">
  17.                             {% include "includes/main-nav.html.twig" %}  
  18.                         </ul>
  19.                     </nav>
  20.                 </div>
  22.                 <div class="uk-child-width-auto" uk-grid>
  23.                     <div class="apk-btn-plasma uk-margin-small-right">
  24.                         <div id="plasma-status" class=" apk-btn-meteo">
  25.                             <div class="text-btn">
  26.                                 <span class="reserve-de-plasma">{{"Prévision don plasma"|trans}}</span>
  27.                                 <span class="meteo-type">{{"Chargement"|trans}}</span>
  28.                             </div>
  29.                         </div>
  30.                     </div>
  31.                     <a href="{{ document.property('link-prendre-rdv') }}" class="uk-button uk-button-large uk-margin-small-top" style="padding: 0 20px;">
  32.                         {{"Je prends rendez-vous"|trans}}
  33.                     </a>
  34.                 </div>
  35.    
  36.             </div>
  37.         </div>
  38.         <div class="apk-header-bottom">
  39.             <div class="uk-flex-middle" uk-grid>
  40.                 <div class="uk-width-1-6@m uk-text-right">
  41.                     <a href="/">
  42.                         <div class="service-header uk-text-center">
  43.                             {{"Le Service du Sang"|trans}}
  44.                         </div>
  45.                     </a>
  46.                 </div>
  47.                 <div class="uk-width-5-6@m">
  48.                     {% if document.getProperty("is-homepage") == false %}
  49.                     <div uk-grid>
  50.                         <div class="uk-width-expand">
  51.                             {% set navStartNode = document.getProperty('mainNavStartNode') %}
  52.                             {% set mainNavigation = pimcore_build_nav({
  53.                                 active: document,
  54.                                 root: navStartNode,
  55.                             }) %}
  56.                             <div class="apk-breadcrumbs">
  57.                                 <a href="/{{ app.request.locale }}">{{ 'Home'|trans }}</a>
  59.                                 {% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  60.                                     {% if pimcore_render_nav(mainNavigation, 'breadcrumbs') != "" %}
  61.                                         > {{ pimcore_render_nav(mainNavigation, 'breadcrumbs') }}
  62.                                     {% else %}
  63.                                         > {{ document.title }}
  64.                                     {% endif %}
  65.                                 {% endif %}
  66.                             </div>
  67.                         </div>
  68.                         <div class="uk-width-auto">
  69.                             <div class="uk-flex apk-link-croix-rouge">
  70.                                 <div>
  71.                                     <p>{{"Voir les activités de la Croix-Rouge"|trans}}</p>
  72.                                 </div>
  73.                                 <div>
  74.                                     <a href="{{ document.property('link-donner-sang') }}" target="_blank">
  75.                                         {{"Je donne mon sang"|trans}}
  76.                                     </a>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                     {% else %}
  82.                         <div uk-grid>
  83.                             <div class="uk-width-expand">
  84.                                 {{"Home"|trans}}
  85.                             </div>
  86.                             <div class="uk-width-auto">
  87.                                 <div class="uk-flex apk-link-croix-rouge">
  88.                                     <div>
  89.                                         <p>{{"Voir les activités de la Croix-Rouge"|trans}}</p>
  90.                                     </div>
  91.                                     <div>
  92.                                         <a href="{{ document.property('link-donner-sang') }}" target="_blank">
  93.                                             {{"Je donne mon sang"|trans}}
  94.                                         </a>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  99.                     {% endif %}
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div> <!-- fin div desktop -->
  105.     <div class="uk-background-muted apk-header-mobile"  uk-sticky="end: !.uk-height-large;">
  106.         <div class="uk-position-z-index">
  107.             <div>
  108.                 <div uk-grid>
  109.                     <div class="uk-width-expand">
  110.                         <a class="apk-logo uk-margin-top uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Logo"|trans }}">
  111.                             <img class="uk-margin-small-right" src="/static/img/logos/logo-crb.svg">
  112.                         </a>
  113.                     </div>
  114.                     <div class="uk-width-auto">
  115.                         <a width="30" height="30" uk-toggle="target: #offcanvas-nav-primary"><img src="/static/img/pictos/menu-burger.svg" alt=""></a>
  116.                     </div>
  117.                 </div>
  118.             </div>
  120.             <div id="offcanvas-nav-primary" class="apk-menu-mobile" uk-offcanvas="overlay: true; flip: true">
  121.             <div class="uk-offcanvas-bar uk-flex uk-flex-column">
  123.                 <a class="apk-logo uk-padding-remove" href="/{{ app.request.locale }}" title="{{ "Démo"|trans }}">
  124.                     <img class="uk-margin-small-right" width="108px" height="49px" src="/static/img/logos//logo-crb.svg">
  125.                 </a>
  127.                 {% include "includes/main-nav-sidebar.html.twig" %}
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133. </header>