templates\_header.html.twig line 1

Open in your IDE?
  1. <header class="header js-header">
  2.   <div class="header__container" {% include 'parts/_custom-el-css.html.twig' with {'css': mainMenu[0]['css'],'cssToUse':[{'header__container_hex_background_color':'background-color'}]} %}>
  3.     <div class="container">
  4.       <div class="header__wrapper">
  5.         <a href="#" class="header__burger js-menu-open" aria-label="menu toggle"  tabindex="0">
  6.           <span></span>
  7.           <span></span>
  8.           <span></span>
  9.         </a>
  10.         <a href="{{path('index')}}" class="header__logo" tabindex="1">
  11.           <img src="/build/{{subPath}}/img/header/logo.svg" alt="#">
  12.         </a>
  13.   
  14.         <div class="header__options">
  15.   
  16.           <div class="header__profile">
  17.               {% if app.user %}
  18.             <div class="profile js-dropdown">                
  19.   <div class="profile__header js-dropdown-toggler">
  20.     <div class="profile__image">
  21.       <img src="/build/{{subPath}}/img/profile/img.svg" alt="">
  22.     </div>
  23.     <div class="profile__name">{{ app.user.userlabel }}</div>
  24.   </div>
  25.   <div class="profile__body">
  26.       {% if mainMenu is defined %}
  27.     {% for headerItem in mainMenu %}
  28.         {% if headerItem['menuType'] == 'profile'%}
  29.             {% set menuLinkClassName = 'profile__item' %}
  30.             <div class="profile__block">
  31.                 {% include 'parts/_menu_link.html.twig' %}
  32.                   <span class="profile__icon">
  33.                     <img src="/build/{{subPath}}/img/profile/{{headerItem["pageVal"]|replace({' ':'-'})|lower}}.svg" alt="#">
  34.                   </span>
  35.                   <span class="profile__item-name" {% include 'parts/_custom-el-css.html.twig' with {'css': mainMenu[0]['css'],'cssToUse':[{'header__item-name_color':'color'}]} %}>{{ headerItem["pageVal"] }}</span>
  36.                 </a>
  37.             </div>
  38.         {% endif %}
  39.     {% endfor %}
  40.     {% endif %}
  41.   </div>
  42. </div>
  43.           </div>
  44.         {% else %}
  45.             <div class="header__list">
  46.                 {% if mainMenu is defined %}
  47.                 {% for headerItem in mainMenu %}
  48.                     {% if headerItem['menuType'] == 'login'%}
  49.                         {% set menuLinkClassName = 'header__link' %}
  50.                         <div class="header__item">
  51.                             {% include 'parts/_menu_link.html.twig' %}
  52.                                 <span class="header__item-name" {% include 'parts/_custom-el-css.html.twig' with {'css': mainMenu[0]['css'],'cssToUse':[{'header__item-name_color':'color'}]} %}>
  53.                                     {{ headerItem["pageVal"] }}
  54.                                 </span>
  55.                             </a>                            
  56.                         </div>
  57.                     {% endif %}
  58.                 {% endfor %}
  59.                 {% endif %}
  60.         {% endif %}
  61.         
  62.         </div>
  63.   
  64.       </div>
  65.     </div>
  66.   </div>
  67.   <nav class="header__menu">
  69.     <div class="header__list">
  70.         {% if mainMenu is defined %}
  71.         {% for headerItem in mainMenu %}
  72.             {% if headerItem['menuType'] == 'main'%}
  73.                 {% set menuLinkClassName = 'header__link' %}
  74.             <div class="header__item">
  75.                   {% include 'parts/_menu_link.html.twig' %}
  76.                   <span class="header__item-icon">
  77.                     <img src="/build/{{subPath}}/img/header/icon-1.svg" alt="#">
  78.                   </span>
  79.                   <span class="header__item-name" {% include 'parts/_custom-el-css.html.twig' with {'css': mainMenu[0]['css'],'cssToUse':[{'header__item-name_color':'color'}]} %}>
  80.                     {{ headerItem["pageVal"] }}
  81.                   </span>
  82.                 </a>
  83.             </div>
  84.             <div class="header__delimiter"></div>
  85.             {% endif %}
  86.         {% endfor %}
  87.                 {% include 'parts/_menu-search.html.twig' %}
  88.         {% endif %}
  89.     </div>
  91.   </nav>
  92.     
  93. </header>