src/Package/Openform/Front/Templates/_includes/_main-menu.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import arrowshow, facebook, instagram, youtube, contrast, magnification, reduction %}
  3. {% macro sectionLink(rootParent, item, loopIndex, depth, class, level = 1) %}
  4.     <li class="main-menu-nav__item{{ class is defined and class ? '--' ~ class }} js-main-menu-item {% if item.children|length %}main-menu-nav__item--parent{% endif %}">
  5.         <div class="main-menu-nav__item-wrapper{{ class is defined and class ? '--' ~ class }}">
  6.             {% set rootParentSlug = app.request.attributes.get('rootParentSlug') ?? 'empty-valueno' %}
  8.             {% set currentUrl = toolkit_route_localizer.generate('menu_page', { 
  9.                 makSlug: app.request.attributes.get('makSlug'), 
  10.                 rootParentSlug: rootParentSlug, 
  11.                 slug : app.request.attributes.get('slug') 
  12.             }, app.request.locale) %}
  14.             {% set href = toolkit_route_localizer.generate('menu_page', { 
  15.                 makSlug: app.request.attributes.get('makSlug'), 
  16.                 rootParentSlug: rootParent.Translation[app.request.locale].slug, 
  17.                 slug : item.Translation[app.request.locale].slug 
  18.             }, app.request.locale) %}
  20.             {% set isActive = currentUrl is defined and currentUrl == href %}
  22.             <a class="main-menu-nav__url {% if isActive %} active {% endif %}" {{ item.targetBlank ? 'target="_blank"' }} href="{{ item.Translation[app.request.locale].link ?? href }}">
  23.                 {{ item.Translation[app.request.locale].titleHtml|raw }}
  24.             </a>
  26.             {% if item.Children|length and item.hasMainMenuVisibleChildren(app.request.locale) %}
  27.                 <button 
  28.                     class="main-menu-nav__button{{ class is defined and class ? '--' ~ class }}" 
  29.                     type="button" 
  30.                     aria-expanded="false" 
  31.                     data-expanded="js-expanded-submenu-{{ depth ~ '-' ~ loopIndex }}" 
  32.                     data-expandendname="submenu-{{ level }}"
  33.                 >
  34.                     {{ arrowshow('OPEN_SUBMENU'|trans({}, 'openform_front', app.request.locale) ~ ' ' ~ item.Translation[app.request.locale].titleHtml|raw) }}
  35.                 </button>
  36.             {% endif %}
  37.         </div>
  39.         {% if item.Children|length and item.hasMainMenuVisibleChildren(app.request.locale)  %}
  40.             <ul class="{{ class is defined and class ? 'submenu--' ~ class : 'submenu submenu--parent' }} js-submenu js-expanded-submenu-{{ depth ~ '-' ~ loopIndex }}">
  41.                 {% for subItem in item.children %}
  42.                     {% if subItem.isMainMenuVisible(app.request.locale) %}
  43.                         {{ _self.sectionLink(rootParent, subItem, loop.index, depth + 10, class ? 'sub2' : 'sub', level + 1 ) }}
  44.                     {% endif  %}
  45.                 {% endfor %}
  46.             </ul>
  47.         {% endif %}
  48.     </li>
  49. {% endmacro %}
  51. {% macro pageLink(item, loopIndex, depth, class, level = 1) %}
  52.     <li class="main-menu-nav__item{{ class is defined and class ? '--' ~ class }} js-main-menu-item {% if item.children|length %}main-menu-nav__item--parent{% endif %}">
  53.         <div class="main-menu-nav__item-wrapper{{ class is defined and class ? '--' ~ class }}">
  54.             <a class="main-menu-nav__url" {{ item.blank ? 'target="_blank"'}} title="{{ item.title }}" href="{{ item.link ?? toolkit_route_localizer.generate('page', { slug : item.slug }, app.request.locale) }}">
  55.                 {{ item.titleHtml|raw }}
  56.             </a>
  58.             {% if item.children|length %}
  59.                 <button 
  60.                     class="main-menu-nav__button" 
  61.                     type="button" 
  62.                     aria-expanded="false" 
  63.                     data-expanded="js-expanded-submenu-{{ depth ~ '-' ~ loopIndex }}" 
  64.                     data-expandendname="submenu-{{ level }}"
  65.                 >
  66.                     {{ arrowshow('OPEN_SUBMENU'|trans({}, 'openform_front', app.request.locale) ~ ' ' ~ item.titleHtml|raw) }}
  67.                 </button>
  68.             {% endif %}
  69.         </div>
  71.         {% if item.children|length %}
  72.             <ul class="{{ class is defined and class ? 'submenu--' ~ class : 'submenu submenu--parent' }} js-submenu js-expanded-submenu-{{ depth ~ '-' ~ loopIndex }}">
  73.                 {% for sub2item in item.children %}
  74.                     {{ _self.pageLink(sub2item, loopIndex, depth + 10, class ? 'sub2' : 'sub', level + 1 ) }}
  75.                 {% endfor %}
  76.             </ul>
  77.         {% endif %}
  78.     </li>
  79. {% endmacro %}
  81. {% macro socials() %}
  82.     {% set config = openform_front_util.getConfig() %}
  84.     <ul class="main-menu-nav__socials">
  85.         {% if config.linkFacebook %}
  86.             <li class="main-menu-nav__social">
  87.                 <a href="{{ config.linkFacebook }}" target="_blank" rel="noopener noreferrer">
  88.                     {{ facebook() }}
  89.                 </a>
  90.             </li>
  91.         {% endif %}
  93.         {% if config.linkYoutube %}
  94.             <li class="main-menu-nav__social">
  95.                 <a href="{{ config.linkYoutube }}" target="_blank" rel="noopener noreferrer">
  96.                     {{ youtube() }}
  97.                 </a>
  98.             </li>
  99.         {% endif %}
  101.         {% if config.linkInstagram %}
  102.             <li class="main-menu-nav__social">
  103.                 <a href="{{ config.linkInstagram }}" target="_blank" rel="noopener noreferrer">
  104.                     {{ instagram() }}
  105.                 </a>
  106.             </li>
  107.         {% endif %}
  108.     </ul>
  110.     <div class="main-menu-nav__controls">
  111.         <button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-contrast-change" type="button">
  112.             {{ contrast() }}
  113.         </button>
  115.         <button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-font-resize-plus" type="button">
  116.             {{ magnification() }}
  117.         </button>
  119.         <button class="header__buttons__button header__buttons__accessibility header__expandable__btn js-font-resize-minus" type="button">
  120.             {{ reduction() }}
  121.         </button>
  122.     </div>
  123. {% endmacro %}
  125. {% if rootParent is defined %}
  126.     {% set MenuPageItems = openform_front_util.getMenuPageItems(rootParent) %}
  127. {% endif %}
  129. {% if MenuPageItems is defined and MenuPageItems|length > 0 %}
  130.     {# encje MenuPage - menu własne muzeum, archiwum, kolekcja prywatna, wystawa #}
  132.     <nav class="main-menu-nav main-menu-nav--full js-links js-main-menu-nav {{ class is defined and class ? class : '' }}" style="{{ rootParent.headerHeight ? 'top:' ~ rootParent.headerHeight ~ 'px;' }}{{ style is defined and style ? style }}" role="navigation">
  133.         <h3 class="visuallyhidden">{{ 'MAIN_MENU_TITLE'|trans({}, 'openform_front', app.request.locale) }}</h3>
  135.         <ul class="main-menu-nav__ul js-links">
  136.             {% for item in MenuPageItems %}
  137.                 {% set depth = 10 %}
  139.                 {% if item.isMainMenuVisible(app.request.locale) %}
  140.                     {{ _self.sectionLink(rootParent, item, loop.index, depth) }}
  141.                 {% endif %}
  142.             {% endfor %}
  143.         </ul>
  145.         <div class="main-menu-nav__bottom">
  146.             {{ _self.socials() }}
  147.         </div>
  148.     </nav>
  149. {% else %}
  150.     {# zwykłe menu ze struktury stron #}
  152.     {% set navClass = 'main-menu-nav js-links js-main-menu-nav' %}
  154.     {% if class is defined and class %}
  155.         {% set navClass = 'main-menu-nav js-links js-main-menu-nav ' ~ class %}
  156.     {% endif %}
  158.     <nav class="{{ navClass }}" role="navigation">
  159.         <h3 class="visuallyhidden">{{ 'MAIN_MENU_TITLE'|trans({}, 'openform_front', app.request.locale) }}</h3>
  161.         {% set mainMenu = openform_front_util.getFullMenu(app.request.locale) %}
  163.         {% if mainMenu|length > 0 %}
  164.             <ul class="main-menu-nav__ul js-links">
  165.                 {% for menuItem in mainMenu %}
  166.                     {% set depth = 10 %}
  168.                     {{ _self.pageLink(menuItem, loop.index, depth)  }}
  169.                 {% endfor %}
  170.             </ul>
  171.         {% endif %}
  173.         <div class="main-menu-nav__bottom">
  174.             {{ _self.socials() }}
  175.         </div>
  176.     </nav>
  177. {% endif %}