templates/partials/navigation.html.twig line 1

Open in your IDE?
  1. {% set mainNavStartNode = document.getProperty('mainNavStartNode') %}
  2. {% if mainNavStartNode is empty %}
  3.     {% set mainNavStartNode = pimcore_document(1) %}
  4. {% endif %}
  6. {% set mainNav = pimcore_build_nav({
  7.     active: document,
  8.     root: mainNavStartNode
  9. }) %}
  10. {% do mainNav.addPage({
  11.     'order': -1,
  12.     'uri': '/',
  13.     'label': 'Home'|trans,
  14.     'title': 'Home'|trans,
  15.     active: document.id == 1
  16. }) %}
  17. {% set renderer = pimcore_nav_renderer('menu') %}
  18. <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
  19.     <div class="container">
  21.         <a href="/" title="Ga naar de homepage" class="navbar-brand">
  22.             <img class="img-fluid logo"
  23.                  src="{{ asset("static/img/molenlanden-logo.svg") }}"
  24.                  width="235"
  25.                  alt="Gemeente Molenlanden logo">
  26.         </a>
  27.         <button class="navbar-toggler" type="button"
  28.                 data-toggle="collapse" data-target="#navbarSupportedContent"
  29.                 aria-controls="navbarSupportedContent"
  30.                 aria-expanded="false" aria-label="{{ "Toggle navigation"|trans }}">
  31.             <span class="navbar-toggler-icon"></span></button>
  33.         <!-- Collapsible content -->
  34.         <div class="navbar-collapse collapse" id="navbarSupportedContent">
  36.             <!-- Links -->
  37.             <ul class="navbar-nav mr-auto">
  38.                 {% for page in mainNav %}
  39.                     {% if page.isVisible() and renderer.accept(page) %}
  40.                         {% if page.hasPages %}
  41.                             <li class="nav-item dropdown">
  42.                                 <a class="nav-link dropdown-toggle {% if page.isActive() %}active{% endif %}"
  43.                                    data-toggle="dropdown" aria-haspopup="true"
  44.                                    aria-expanded="false" title="{{ page.title|trans }}">{{ page.label|trans }}</a>
  45.                                 <div class="dropdown-menu dropdown-primary"
  46.                                      aria-labelledby="navbarDropdownMenuLink">
  47.                                     {% for child in page.pages %}
  48.                                         <a class="dropdown-item {% if child.isActive() %}active{% endif %}"
  49.                                            href="{{ child.href }}">{{ child.label|trans }}</a>
  50.                                     {% endfor %}
  51.                                 </div>
  52.                             </li>
  53.                         {% else %}
  54.                             <li class="nav-item">
  55.                                 <a class="nav-link {{ page.getClass() }} {% if page.isActive() %}active{% endif %}"
  56.                                    href="{{ page.href }}" title="{{ page.title|trans }}">{{ page.label|trans }}</a>
  57.                             </li>
  58.                         {% endif %}
  59.                     {% endif %}
  60.                 {% endfor %}
  61.             </ul>
  62.         </div>
  63.     </div>
  64. </nav>