templates/layouts/navigation/navbar.html.twig line 1

Open in your IDE?
  1. {% set navStartNode = buildNavigation() %}
  2. {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %}
  4. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  5. {% set currentDocument = document %}
  8. <div class="container-fluid {% if not editmode %}nav-top{% endif %} py-3"
  9.      style="z-index: 3" {% if not editmode %}data-aos="fade-down"{% endif %}>
  11.     <div class="pt-3 pe-3">
  14.         {#
  15.         {% include 'layouts/navigation/language.html.twig' %}
  16.         #}
  17.         <nav class="navbar navbar-expand-lg" data-aos="fade-down">
  18.             <div class="container position-relative ">
  20.                 <a class="navbar-brand" href="/{{ app.request.locale|replace({ '_': '-' }) }}" data-aos="fade-down">
  21.                     <img src="{{ pimcore_website_config('site_logo') }}"
  22.                          alt="{{ pimcore_website_config('site_title') }}" class="img-fluid" style="min-width: 240px;">
  23.                 </a>
  25.                 <button class="navbar-toggler mt-5 ms-auto" type="button" data-bs-toggle="collapse"
  26.                         data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  27.                         aria-expanded="false" aria-label="Toggle navigation">
  28.                     <span class="navbar-toggler-icon"></span>
  29.                 </button>
  31.                 <div class="catnav pe-lg-5 end-0 top-0 text-center text-lg-start mt-3 mt-lg-0">
  32.                     <a href="{{ pimcore_website_config('zeilen_link') }}" class="btn bg-zeilen me-lg-3 text-uppercase">{{ 'ZEILEN'|trans }}</a>
  33.                     <a href="{{ pimcore_website_config('surfen_link') }}" class="btn bg-surfen me-lg-3 text-uppercase">{{ 'WINDSURFEN'|trans }}</a>
  34.                     <a href="{{ pimcore_website_config('suppen_link') }}" class="btn bg-suppen text-uppercase">{{ 'SUPPEN'|trans }}</a>
  35.                     <br class="d-block d-lg-none">
  36.                     <a href="{{ pimcore_website_config('kampen-en-lessen_link') }}" class="btn btn-outline-primary ms-lg-5 mt-3 mt-lg-0 text-uppercase">{{ 'kampen en lessen'|trans }}</a>
  38.                 </div>
  40.                 <div class="collapse navbar-collapse mt-5" id="navbarSupportedContent">
  41.                     <ul class="navbar-nav ms-auto">
  43.                         {#
  44.                         <li class="nav-item">
  45.                             <a class="nav-link" href="/{{ app.request.locale|replace({ '_': '-' }) }}"><span><i
  46.                                             class="fas fa-home"></i></span></a>
  47.                         </li> #}
  49.                         {% for page in mainNavigation %}
  50.                             {# here need to manually check for ACL conditions #}
  51.                             {% if page.isVisible() and menuRenderer.accept(page) %}
  52.                                 {% set hasChildren = page.hasPages() %}
  53.                                 {% set documentId = page.getId() %}
  54.                                 {% set document = fetchDocument(documentId) %}
  55.                                 {% set excludeChildren = document.getProperty('exclude_childs') %}
  57.                                 {% if not hasChildren or excludeChildren %}
  58.                                     <li class="nav-item {% if page.isActive() %}active{% endif %}">
  59.                                         <a class="nav-link"
  60.                                            href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  61.                                     </li>
  62.                                 {% else %}
  63.                                     <li class="nav-item {% if page.IsActive() %}active{% endif %} dropdown">
  64.                                         <a class="nav-link dropdown-toggle" href="{#{{ page.getHref() }}#}#"
  65.                                            role="button" data-bs-toggle="dropdown"
  66.                                            aria-expanded="false" aria-haspopup="true"><span>{{ page.getLabel() }}</span></a>
  67.                                         <ul class="dropdown-menu">
  68.                                             {% for child in page.getPages() %}
  69.                                                 {% if child.isVisible() and menuRenderer.accept(child) %}
  70.                                                     <li>
  71.                                                         <a class="dropdown-item" href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  72.                                                     </li>
  73.                                                 {% endif %}
  74.                                             {% endfor %}
  75.                                         </ul>
  76.                                     </li>
  77.                                 {% endif %}
  78.                             {% endif %}
  79.                         {% endfor %}
  80.                     </ul>
  81.                 </div>
  82.             </div>
  83.         </nav>
  85.     </div>
  88. </div>
  91. {#{% include 'layouts/layout/searchbar.html.twig' %}#}