templates/Navigation/Partials/main.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') %}
  5. <section id="{{ id }}" class="{{ navType }}-nav {{ navType }}-nav--level-{{ level }} {{ level == 2 ? 'js-initially-show-first-collapse__collapse' : '' }} {{ level == 1 ? 'js-initially-show-first-collapse' : '' }} {{ styleModifier | default('js-nav__collapse') }}">
  7.     {% if hasMobileBackLink | default(false) %}
  8.         <button class="js-nav__list-toggle {{ navType }}-nav--level-{{ level }}__go-back">
  9.             <span class="icon icon-arrow-long mr-2" aria-hidden="true"></span>
  10.             {{ 'mobile.nav.zurück'|trans }}
  11.         </button>
  12.     {% endif %}
  14.     {% if currentPage|default(false) and level >= 1  %}
  15.         <div class="{{ navType }}-nav__title {{ navType }}-nav__title--level-{{ level }}" role="heading">
  16.             <a href="{{ currentPage.getUri() }}" class="{{ navType }}-nav__title-link {{ navType }}-nav__title-link--level-{{ level }} js-nav-active-state__link" data-event-tracking-category="Hauptnavigation" data-event-tracking-action="{{ currentPage.getDocument().getProperty('navTitleText') ?: currentPage.getLabel() }}" data-event-tracking-label="{{ firstLevelPage|default(false) ? (firstLevelPage.getLabel() ~ ' ') : '' }}{{ currentPage.getLabel() }}">
  17.                 {{ currentPage.getDocument().getProperty('navTitleText') ?: currentPage.getLabel() }}
  18.             </a>
  19.         </div>
  20.     {% endif %}
  22.     <ul class="{{ navType }}-nav__list {{ navType }}-nav__list--level-{{ level }} {{ level == 1 ? 'scrolling-area scrolling-area--light' : '' }} list-unstyled js-nav__list" id="{{ id }}--list">
  23.         {% for pageIndex, page in pages | filter(page => page.isVisible() and not page.getDocument().getProperty('navigationExclude', false)) %}
  24.             {% set visibleChildren = false %}
  25.             {% set children = [] %}
  27.             {% if page.hasPages() %}
  28.                 {% for p in page.getPages() %}
  29.                     {% if p.isVisible() and not p.getDocument().getProperty('navigationExclude') %}
  30.                         {% set visibleChildren = true %}
  31.                         {% set children = children|merge([p])  %}
  32.                     {% endif %}
  33.                 {% endfor %}
  34.             {% endif %}
  36.             {% set isActive =  false %}
  37. {#            {% set isActive =  page.getActive(true) %}#}
  38.             {% set isOpen =  isActive %} {# item.isOpen | default(false) #}
  39.             {% set isOpenOnlyDesktop =  item.isOpenOnlyDesktop | default(false) %}
  40.             {% set hasChildren =  visibleChildren and level < 2 %}
  41.             {% set childId = id ~ '-' ~ loop.index  %}
  43.             <li class="{{ navType }}-nav__item {{ navType }}-nav__item--level-{{ level }} js-nav__list-item {{ isOpenOnlyDesktop ? 'is-open--only-desktop' : '' }} {{ hasChildren ? 'has-children' : 'has-no-children' }}">
  44.                 {% if hasChildren and level == '1' %}
  45.                     <button
  46.                         data-target="#{{ childId }}" aria-expanded="{{ isOpen ? 'true' : 'false' }}" aria-controls="collapseExample"
  47.                         data-toggle="collapse"
  48.                         {% if parent | default(null)%}
  49.                             data-parent="{{ parent }}"
  50.                         {% endif %}
  51.                         class="{{ navType }}-nav__item-content {{ isOpen ? '' : 'collapsed' }} {{ navType }}-nav__item-content--level-{{ level }} {{ navType }}-nav__item-content--link">
  52.                         {{ page.getLabel() }}
  54.                         <span class="{{ navType }}-nav__collapse-icon icon icon-arrow-down" aria-hidden="true"></span>
  56.                         {% if isActive %}
  57.                             <span class="sr-only">{{ 'sr.current'|trans }}</span>
  58.                         {% endif %}
  59.                     </button>
  60.                 {% elseif hasChildren and level != '1' %}
  61.                     <button class="{{ navType }}-nav__item-content js-nav__list-toggle {{ navType }}-nav__item-content--level-{{ level }} {{ navType }}-nav__item-content--link">
  62.                         {{ page.getLabel() }}
  64.                         <span class="{{ navType }}-nav__collapse-icon--level-{{ level }}" aria-hidden="true"></span>
  66.                         {% if isActive %}
  67.                             <span class="sr-only">{{ 'sr.current'|trans }}</span>
  68.                         {% endif %}
  69.                     </button>
  70.                 {% else %}
  71.                     <a href="{{ page.getUri() }}"
  72.                        class="{{ navType }}-nav__item-content {{ navType }}-nav__item-content--level-{{ level }} {{ navType }}-nav__item-content--link js-nav-active-state__link" data-event-tracking-category="Hauptnavigation" data-event-tracking-action="{{ currentPage|default(false) ? currentPage.getLabel() : page.getLabel() }}" data-event-tracking-label="{{ page.getLabel() }}">
  73.                         {{ page.getLabel() }}
  75.                         {% if isActive %}
  76.                             <span class="sr-only">{{ 'sr.current'|trans }}</span>
  77.                         {% endif %}
  78.                     </a>
  79.                 {% endif %}
  81.                 {% if hasChildren %}
  83.                     {% if level == 1 and not isOpen %}
  84.                         {% set collapseStyleModifier = 'collapse' %}
  85.                     {% elseif level == 1 and isOpen %}
  86.                         {% set collapseStyleModifier = 'collapse' %}
  87.                     {% else %}
  88.                         {% set collapseStyleModifier = '' %}
  89.                     {% endif %}
  91.                     {{ include('Navigation/Partials/main.html.twig', {
  92.                         'level': level + 1,
  93.                         'id': childId,
  94.                         'navType': navType,
  95.                         'parent': level == 0 ? "#" ~ id ~ '--list' : '',
  96.                         'styleModifier': collapseStyleModifier,
  97.                         'hasMobileBackLink': level == 0 ? true : false,
  98.                         'firstLevelPage': currentPage|default(null),
  99.                         'currentPage': page,
  100.                         'pages': children
  101.                     }) }}
  102.                 {% endif %}
  103.             </li>
  104.         {% endfor %}
  105.     </ul>
  107.     {% if level == 1 and currentPage.getDocument().getProperty('navigationSnippet') is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
  108.         {{ pimcore_inc(currentPage.getDocument().getProperty('navigationSnippet')) }}
  109.     {% endif %}
  111. {% if level != 0 %}
  112. {#    the first section should not be closed as in the navigation extension the language switch (navigation_post_data.html.twig) will be added#}
  113. {#    because the language switch should not be cached to avoid cached language switch links#}
  114.     </section>
  115. {% endif %}