templates/components/sub-navigation.html.twig line 1

Open in your IDE?
  1. {%
  2.     set linkAttributes = [
  3.         {icon: 'midwife', color: 'bg-teal'},
  4.         {icon: 'midwifeteam', color: 'bg-dark-teal'},
  5.         {icon: 'wehe', color: 'bg-petroleum'},
  6.     ]
  7. %}
  9. {% if (webspaceSettings.content.links) %}
  10.     <div class="container d-none d-lg-block">
  11.         <div class="row">
  12.             <div class="col-12">
  13.                 <div class="sub-navigation d-flex text-center flex-column flex-md-row align-items-center text-white">
  14.                     {% for item in webspaceSettings.content.links %}
  15.                         <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" class="{{ active_route(app.request.attributes.get( '_route' ), item.template) ? 'active' }}
  16.                             w-100 py-2 d-inline {{ linkAttributes[loop.index0].color }} {{ loop.index0 == 1 ? 'sub-nav-border' }}">
  17.                             <span class="d-flex justify-content-center align-items-center">
  18.                                 <span class="icon">
  19.                                     {% include '@components/icons/sub-navigation-icons.html.twig' with { icon: linkAttributes[loop.index0].icon } %}
  20.                                 </span>
  21.                                 <span class="ms-2 fs-5 text-white fw-bold me-2">{{ item.title }}</span>
  22.                             </span>
  23.                         </a>
  24.                     {% endfor %}
  25.                 </div>
  26.             </div>
  27.         </div>
  28.     </div>
  29.     <div class="d-lg-none sub-navigation d-flex text-center flex-column flex-md-row align-items-center text-white">
  30.         {% for item in webspaceSettings.content.links %}
  31.             <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" class="{{ active_route(app.request.attributes.get( '_route' ), item.template) ? 'active' }}
  32.                 w-100 py-2 d-inline {{ linkAttributes[loop.index0].color }} {{ loop.index0 == 1 ? 'sub-nav-border' }}">
  33.                 <span class="d-flex justify-content-center align-items-center">
  34.                     <span class="icon">
  35.                         {% include '@components/icons/sub-navigation-icons.html.twig' with { icon: linkAttributes[loop.index0].icon } %}
  36.                     </span>
  37.                     <span class="ms-2 fs-5 text-white fw-bold me-2">{{ item.title }}</span>
  38.                 </span>
  39.             </a>
  40.         {% endfor %}
  41.     </div>
  42. {% endif %}