templates/component/header.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: header
  3.     
  4. #}
  6. {% set props = {
  7. }|merge(props|default({}))  %}
  9. <header data-component="header" class="Header-component">
  10.     <div class="l-container u-fh">
  12.         <div
  13.             class="Header-main">
  15.             {# Left part #}
  16.             <div
  17.                 class="Header-part">
  19.                 {# Nav trigger #}
  20.                 <div class="ButtonContainer">
  21.                     <button class="Header-navTrigger" title="Ouvrir le menu" ref="openMenu">
  22.                         <div class="Header-navTriggerBar"></div>
  23.                         <div class="Header-navTriggerBar"></div>
  24.                         <div class="Header-navTriggerBar"></div>
  25.                     </button>
  26.                 </div>
  28.                 {# Lang selector #}
  29.                 <div class="Header-langSelector">
  30.                     {% set versions = [] %}
  31.                     {% if props.langs is defined  and page_versions is not defined %}
  32.                         {% set versions = props.langs
  33.                     %}
  34.                     {% endif %}
  35.                     {% if (page_versions is defined and page_versions) %}
  36.                         {% set versions = page_versions %}
  37.                     {% endif %}
  38.                     {% include "component/header/lang_selector.html.twig" with {
  39.                         props:{
  40.                             langs: versions 
  41.                         }
  42.                      } %}
  43.                 </div>
  44.             </div>
  46.             {# Middle part #}
  47.             <div class="Header-part">
  49.                 <a href={{ frontservice.getHome(app.request.getLocale())['to'] }} title='{{"home.render.title"|trans}}' class="Header-logo">
  51.                     {% include "component/image.html.twig" with {
  52.                         props: {
  53.                             src: asset('build/images/logo.png')
  54.                         }
  55.                     } %}
  57.                     {# {% include "component/picture.html.twig" with {
  58.                                                                     props: {
  59.                                                                         src: asset('build/images/logo.png')
  60.                                                                     }|merge({
  61.                                                                         srcWebp: asset(asset('build/images/logo.png') | imagine_filter('convert_img_to_webp'))
  62.                                                                     })
  63.                                                             } %} #}
  65.                 </a>
  67.             </div>
  69.             {# Right part #}
  70.             <div
  71.                 class="Header-part">
  72.                 {# Account link #}
  73.                 <a href="{{ props.account.link }}" title='{{"home.render.title"|trans}}' class="Header-accountLink">{{ props.account.text }}</a>
  74.                 <a href="{{ props.account.link }}" title='{{"home.render.title"|trans}}' class="Header-accountLinkMobile">
  75.                     {% include "component/svg.html.twig" with {
  76.                             props: {
  77.                                 name: 'account'
  78.                             }
  79.                         } %}
  80.                 </a>
  82.                 {# Header nav #}
  83.                 {% set social_media = [] %}
  84.                 {% if getResidenceMode() %}
  85.                     {% set resi_social_media = getSocialMedia("residence", app.request.getLocale()) %}
  86.                     {% if resi_social_media %}
  87.                         {% set social_media = resi_social_media %}
  88.                     {% endif %}
  89.                 {% else %}
  90.                     {% set hotel_social_media = getSocialMedia("hotel", app.request.getLocale()) %}
  91.                     {% if hotel_social_media %}
  92.                         {% set social_media = hotel_social_media %}
  93.                     {% endif %}
  94.                 {% endif %}
  95.                 {% include "component/header/header_nav.html.twig" %}
  96.                 {# Socials #}
  97.                 {% include "component/header/socials.html.twig" with {
  98.                     props: {
  99.                         items: social_media
  100.                     }
  101.                 } %}
  103.             </div>
  105.         </div>
  107.     </div>
  109. </header>