src/AppBundle/Resources/views/Layouts/navbar.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg navbar-dark ">
  2.     <div class="container justify-content-between">
  3.         <a class="navbar-brand" title="Startseite" href="/">
  4.             LOGO
  5.         </a>
  6.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
  7.                 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  8.             <span class="navbar-toggler-icon"></span>
  9.         </button>
  10.         <div class="collapse navbar-collapse collapse navbar-collapse justify-content-center" id="navbarNav">
  11.             <ul class="navbar-nav justify-content-around w-100">
  12.                 {% for page in mainNavigation %}
  13.                     {% if page.getPages()|length %}
  14.                         <li class="nav-item dropdown">
  15.                             <a class="nav-link dropdown-toggle"
  16.                                href="{{ page.getHref() }}" id="nav-item-{{ page.getId() }}" data-toggle="dropdown"
  17.                                aria-haspopup="true" aria-expanded="false">
  18.                                 {{ page.getLabel() }}
  19.                             </a>
  20.                             <div class="dropdown-menu" aria-labelledby="nav-item-{{ page.getId() }}">
  21.                                 {% for subPage in page.getPages() %}
  22.                                     <a class="dropdown-item" href="{{ subPage.getHref() }}">
  23.                                         {{ subPage.getLabel() }}
  24.                                     </a>
  25.                                 {% endfor %}
  26.                             </div>
  27.                         </li>
  28.                     {% else %}
  29.                         <li class="nav-item">
  30.                             <a class="nav-link {% if page.isActive() %} active {% endif %}"
  31.                                href="{{ page.getHref() }}"
  32.                                title="{{ page.getLabel() }}"
  33.                                 {% if page.getAccesskey() %} accesskey="{{ page.getAccesskey() }}" {% endif %}
  34.                                 {% if page.getTabindex() %} accesskey="{{ page.getTabindex() }}" {% endif %}
  35.                             >
  36.                                 {{ page.getLabel() }}
  37.                                 {% if page.isActive() %} <span class="sr-only">(current)</span> {% endif %}
  38.                             </a>
  39.                             {% if page.getPages()|length %}
  40.                                 <ul>
  41.                                     <li class="nav-link"></li>
  42.                                 </ul>
  43.                             {% endif %}
  44.                         </li>
  45.                     {% endif %}
  46.                 {% endfor %}
  47.             </ul>
  48.         </div>
  50.         <div class="d-flex align-items-center">
  51.             {% set languages = getRouteLocalizedLinks(request) %}
  52.             {% if not languages %}
  53.                 {% set languages = getDocumentLocalizedLinks(document) %}
  54.             {% endif %}
  55.             <div class="mod-change-language position-relative">
  56.                 <a class="toggle-link" id="dropDownChangeLanguage" data-toggle="dropdown" aria-haspopup="true"
  57.                    aria-expanded="false">
  58.                     <div class="current">
  59.                         DE
  60.                     </div>
  61.                 </a>
  62.                 <div class="dropdown-menu" aria-labelledby="dropDownChangeLanguage">
  63.                     {% if languages|length %}
  64.                         {% for key, language in languages %}
  65.                             <a class="dropdown-item nav-link" href="{{ language.route }}" title="{{ language.name }}">
  66.                                 <img src="{{ language.src }}" alt="{{ language.name }}" width="25"
  67.                                      class="img-fluid mr-2">
  68.                                 {{ language.name }}
  69.                             </a>
  70.                         {% endfor %}
  71.                     {% endif %}
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </div>
  77. </nav>