src/Front/Templates/_includes/_header.html.twig line 1

  1. {% from '@front_templates/_includes/_icons.html.twig' import faq,close,menu,search,arrowDown,chevronDown,contrast,typo %}
  3. {% macro link(item, class) %}
  4.     {% set isLinkable = item.readTranslation(app.request.locale, 'isLinkable') %}
  5.     {% set page = item.readTranslation(app.request.locale, 'page') %}
  6.     {% set link = item.readTranslation(app.request.locale, 'link') %}
  7.     {% if isLinkable %}
  8.         <a
  9.             href="{{ page
  10.                 ? site_url_generator.Url('page', { slug: page })
  11.                 : link
  12.             }}"
  13.             class="{{ class }}"
  14.             {% if item.isTargetBlank %}target="_blank"{% endif %}
  15.         >
  16.     {% else %}
  17.         <span class="{{ class }}">
  18.     {% endif %}
  20.     {{ item.readTranslation(app.request.locale, 'title') }}
  22.     {% if isLinkable %}
  23.         </a>
  24.     {% else %}
  25.         </span>
  26.     {% endif %}
  27. {% endmacro %}
  29. <header class="header-area js-header-area {% if journal is not null %}header-journal{% endif %}">
  30.     <a class="header-area__logo" href="{{ site_url_generator.Url('index') }}">
  31.         {% if app.request.locale == 'pl' %}
  32.             <img src="{{ asset('assets/img/logo.svg') }}" alt="{{ 'LOGOTYP_MAIN_PAGE'|trans }}">
  33.         {% else %}
  34.             <img src="{{ asset('assets/img/logo-en.svg') }}" style="width: 196px;" alt="{{ 'LOGOTYP_MAIN_PAGE'|trans }}">
  35.         {% endif %}
  36.     </a>
  38.     {% set faqPage = front_service.PageByIdName('page_faq', app.request.locale, false) %}
  40.     {% if faqPage %}
  41.         <a class="faq js-faq ico-dark justify-c" href="{{ site_url_generator.Url('page', { slug: faqPage }) }}">{{ faq('T_FAQ'|trans) }}</a>
  42.     {% endif %}
  43.     <button class="icon-contrast ico-dark">{{ contrast('T_CONTRAST'|trans) }}</button>
  44.     <button class="icon-typo ico-dark">{{ typo('T_TYPO'|trans) }}</button>
  46.     {% include '@front_templates/_includes/_profile.html.twig' %}
  47.     {% include '@front_templates/_includes/_lang_changer.html.twig' %}
  49.     {% if journal is not null %}
  50.         {% include '@front_templates/Journal/_layout/_header.html.twig' %}
  51.     {% else %}
  52.         <button class="menu ico-light justify-c js-menu-open">
  53.             {{ menu('T_MENU'|trans, 'white') }}
  54.         </button>
  56.         {% set groups = front_service.MenuGroups(app.request.locale) %}
  58.         <div class="header-area__full-screen header-area__full-screen--short js-menu-area">
  59.             <div class="header-area__full-screen-wrapper">
  60.                 {% for group in groups %}
  61.                     {% set isLinkable = group.readTranslation(app.request.locale, 'isLinkable') %}
  62.                     {% set page = group.readTranslation(app.request.locale, 'page') %}
  63.                     {% set link = group.readTranslation(app.request.locale, 'link') %}
  65.                     {% if group.items|length %}
  66.                         <ul role="tablist" class="md js-accordion">
  67.                             <li class="md__link">
  68.                                 <div class="md__link-wrapper">
  69.                                     {{ _self.link(group, '') }}
  71.                                     <button
  72.                                         id="menu-btn-{{ loop.index }}"
  73.                                         role="tab"
  74.                                         aria-controls="menu-panel-{{ loop.index }}"
  75.                                         aria-expanded="{{ group.isCollapsed ? 'false' : 'true' }}"
  76.                                     >{{ arrowDown('T_ARROW_DOWN'|trans, 'white') }}</button>
  77.                                 </div>
  78.                                 <ul
  79.                                     role="tabpanel"
  80.                                     aria-hidden="{{ group.isCollapsed ? 'true' : 'false' }}"
  81.                                     id="menu-panel-{{ loop.index }}"
  82.                                     aria-labelledby="menu-btn-{{ loop.index }}"
  83.                                 >
  84.                                     {% for item in group.items %}
  85.                                         <li>{{ _self.link(item, '') }}</li>
  86.                                     {% endfor %}
  87.                                 </ul>
  88.                             </li>
  89.                         </ul>
  90.                     {% else %}
  91.                         {{ _self.link(group, group.isSmall ? 'sm__link' : 'md__link') }}
  92.                     {% endif %}
  93.                 {% endfor %}
  94.             </div>
  95.         </div>
  96.         <button class="close ico-light justify-c menu-close js-menu-close">
  97.             {{ close('T_CLOSE_MENU'|trans, 'white') }}
  98.         </button>
  99.         <nav class="header-area__menu">
  100.             <div class="header-area__menu-wrapper js-header-area__menu-wrapper">
  101.                 {% for group in groups|filter(group => group.isVisibleInBar) %}
  102.                     {% set isLinkable = group.readTranslation(app.request.locale, 'isLinkable') %}
  103.                     {% if isLinkable %}
  104.                         {% set page = group.readTranslation(app.request.locale, 'page') %}
  105.                         {% set link = group.readTranslation(app.request.locale, 'link') %}
  106.                         <a href="{{ page
  107.                             ? site_url_generator.Url('page', { slug: page })
  108.                             : link
  109.                         }}" {% if group.isTargetBlank %}target="_blank"{% endif %}>
  110.                     {% else %}
  111.                         <span>
  112.                     {% endif %}
  114.                     {{ group.readTranslation(app.request.locale, 'title') }}
  116.                     {% if isLinkable %}
  117.                         </a>
  118.                     {% else %}
  119.                         </span>
  120.                     {% endif %}
  121.                 {% endfor %}
  122.             </div>
  123.         </nav>
  125.         <div class="search ico-light"></div>
  127.         {% if entity is defined and entity.idName is defined and entity.idName == 'search_results' %}
  128.             <div class="search ico-light"></div>
  129.         {% else %}
  130.             <button class="search ico-light justify-c js-search-open">
  131.                 {{ search('T_SEARCH'|trans, 'white') }}
  132.             </button>
  134.             {% include '@front_templates/_includes/_search.html.twig' %}
  135.         {% endif %}
  136.     {% endif %}
  139.     {% if journal is not null %}
  140.         {% include '@front_templates/Journal/_layout/_styles.html.twig' %}
  141.     {% else %}
  142.         <style>
  143.             body {
  144.                 --header-bg-color: #fff;
  145.                 --menu-bg-color: #000;
  146.                 --submenu-bg-color: #fff;
  147.                 --header-text-color: #000;
  148.                 --menu-text-color: #fff;
  149.                 --submenu-text-color: #000;
  150.             }
  151.         </style>
  152.     {% endif %}
  153. </header>
  155. <div class="header-area-bottom">
  156.     <div class="js-header-area-bottom js-b1"></div>
  157.     <div class="js-header-area-bottom js-b2 header-area-bottom-2"></div>
  158.     <div class="js-header-area-bottom js-b3 header-area-bottom-3"></div>
  159. </div>