templates/global/partials/subnav.html.twig line 1

Open in your IDE?
  1. {% set level = level|default(0) %}
  2. {#{% set id = id|default('main-navbar-nav') %}#}
  3. {#{% set navType = navType|default('mega') %}#}
  4. {#{{ dump(pages) }}#}
  5. <ul class="navigation-subnav navigation-subnav--{{ level }}" >
  6.     {% for page in pages  %}
  7.         {% if page.isVisible() and not page.getDocument().getProperty('navigationExclude', false) %}
  8.             {% set visibleChildren = false %}
  9.             {% set children = [] %}
  11.             {% if page.hasPages() %}
  12.                 {% for p in page.getPages() %}
  13.                     {% if p.isVisible() and not p.getDocument().getProperty('navigationExclude') %}
  14.                         {% set visibleChildren = true %}
  15.                         {% set children = children|merge([p])  %}
  16.                     {% endif %}
  17.                 {% endfor %}
  18.             {% endif %}
  20.             {% set isActive =  page.getActive(true) %}
  21.             {% set isOpen =  isActive %} {# item.isOpen | default(false) #}
  22.             {#    {% set isOpenOnlyDesktop =  item.isOpenOnlyDesktop | default(false) %}#}
  23.             {% set hasChildren =  visibleChildren %}
  24.             {#    {% set childId = id ~ '-' ~ loop.index  %}#}
  25.             {% set parentPage = parentPage ?? null %}
  26.             {% if hasChildren %}
  27.                 <li class="navigation-subnav-item navigation-subnav-item--{{ level }} has-submenu">
  28.                     <span class="navigation-subnav-item__inner navigation-subnav-item__inner--{{ level }}">
  29.                         <a href="{{ page.getUri() }}" class="navigation-subnav-link js-mega-menu__link" role="button">
  30.                              {{ page.getLabel() }}
  31.                             <span class="navigation__arrow"><span class="icon icon-add" aria-hidden="true"></span>
  32.                             </span>
  33.                         </a>
  34.                     </span>
  35.                     <div class="mousemove-scroll mousemove-scroll--level-{{ level+1 }} js-mousemove-scroll">
  36. {#                        <button type="button" class="navigation__close d-none d-md-block" aria-label="{{ 'nav.close' | trans }}"><span class="icon icon-close" aria-hidden="true"></span> </button>#}
  37.                         <div class="mousemove-scroll__wrapper js-mousemove-scroll__wrapper">
  38.                             <div class="mousemove-scroll__inner js-mousemove-scroll__inner">
  39.                                     {{ include('global/partials/subnav.html.twig', {
  40.                                         level: level+1,
  41.                                         pages: children,
  42.                                         currentPage: page,
  43.                                         parentPage: currentPage,
  44.                                         styleModifier: ''
  45.                                     }) }}
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </li>
  50.             {% else %}
  51.                 <li class="navigation-subnav-item navigation-subnav-item--{{ level }}">
  52.                     <span class="navigation-subnav-item__inner">
  53.                         {# Here the "data-event-tracking-key" attribute is set, so a click on this link can be tracked #}
  54.                         <a href="{{ page.getUri() }}" class="navigation-subnav-link" data-event-tracking-key="clickPage-{{ page.getId() }}"
  55.                            data-event-tracking-event="click_navigation"
  56.                            data-event-tracking-main_item="{{ parentPage ? parentPage.getLabel() : currentPage.getLabel() }}"
  57.                            {% if parentPage %}
  58.                                data-event-tracking-sub_item_one="{{ currentPage.getLabel() }}"
  59.                            {% endif %}
  60.                            data-event-tracking-click_item="{{ page.getLabel() }}"
  61.                            data-event-tracking-click_page_location="{{ page.getUri() }}">
  62.                             {{ page.getLabel() }}
  63.                         </a>
  64.                     </span>
  65.                 </li>
  66.             {% endif %}
  67.         {% endif %}
  68.     {% endfor %}
  69. </ul>