templates/includes/overlay.html.twig line 1

Open in your IDE?
  1. {# get the document which should be used to start in navigation | default home #}
  2. {% set topNavStartNode = document.getProperty('top_navigation_root') %}
  3. {% set mainNavStartNode = document.getProperty('main_navigation_root') %}
  5. {# Set up renderer #}
  6. {% set topNavigation = pimcore_build_nav({active: document, root: topNavStartNode}) %}
  7. {% set mainNavigation = pimcore_build_nav({active: document, root: mainNavStartNode}) %}
  9. {% set menuRenderer = pimcore_nav_renderer('menu') %}
  12. <div class="overlay">
  13.     <div class="container-fluid">
  14.         <div class="row">
  15.             <div class="col">
  16.                 <a href="/" class="header-logo">
  17.                     <img class="img-fluid pt-md-0" src="{{ asset('/img/logo-simple-white.svg') }}" alt="logo" width="141" height="26">
  18.                 </a>
  19.             </div>
  20.             <div class="col-auto ms-auto mb-4">
  21.                 <button class="nav-close" data-action-nav-close>
  22.                     <img src="{{ asset('/img/close.svg') }}" alt="close">
  23.                 </button>
  24.             </div>
  25.         </div><!--/ .row -->
  26.         
  27.         <div class="row">
  28.             <div class="col-md-10 offset-md-1">
  29.                 <section class="overlay__body d-flex justify-content-end flex-column">
  30.                     <ul class="nav nav--overlay flex-column text-end">
  31.                         {% for page in mainNavigation %}
  32.                             {% if page.isVisible() and menuRenderer.accept(page)  %}
  33.                                 {% set hasChildren = page.hasPages() %}
  34.                                 {% if not hasChildren %}
  35.                                     <li class="nav-item {{ page.active ? 'active' : '' }}">
  36.                                         <a class="nav-link" href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  37.                                     </li>
  38.                                 {% else %}
  39.                                     <li class="nav-item dropdown {{ page.active ? 'active' : '' }}">
  40.                                         <a class="nav-link dropdown-toggle" href="{{ page.getHref() }}" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ page.getLabel() }}</a>
  41.                                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  42.                                             {% for child in page.getPages() %}
  43.                                                 {% if child.isVisible() and menuRenderer.accept(child) %}
  44.                                                     <a class="dropdown-item {{ child.active ? 'active' : '' }}" href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  45.                                                 {% endif %}
  46.                                             {% endfor %}
  47.                                         </div>
  48.                                     </li>
  49.                                 {% endif %}
  50.                             {% endif %}
  51.                         {% endfor %}
  52.                     </ul>
  54.                     {# <p class="overlay-title">{{ 'Ik droom van een'|trans }}</p>
  56.                     <ul class="nav nav--overlay flex-column text-end">
  57.                         {% for page in topNavigation %}
  58.                             {% if page.isVisible() and menuRenderer.accept(page)  %}
  59.                                 {% set hasChildren = page.hasPages() %}
  60.                                 {% if not hasChildren %}
  61.                                     <li class="nav-item {{ page.active ? 'active' : '' }}">
  62.                                         <a class="nav-link" href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  63.                                     </li>
  64.                                 {% else %}
  65.                                     <li class="nav-item dropdown {{ page.active ? 'active' : '' }}">
  66.                                         <a class="nav-link dropdown-toggle" href="{{ page.getHref() }}" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ page.getLabel() }}</a>
  67.                                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  68.                                             {% for child in page.getPages() %}
  69.                                                 {% if child.isVisible() and menuRenderer.accept(child) %}
  70.                                                     <a class="dropdown-item {{ child.active ? 'active' : '' }}" href="{{ child.getHref() }}">{{ child.getLabel() }}</a>
  71.                                                 {% endif %}
  72.                                             {% endfor %}
  73.                                         </div>
  74.                                     </li>
  75.                                 {% endif %}
  76.                             {% endif %}
  77.                         {% endfor %}
  78.                     </ul> #}
  79.                 </section>
  80.             </div>
  81.         </div><!--/ .row -->
  82.     </div>
  83. </div>