templates/widgets/mobile_nav.html.twig line 1

Open in your IDE?
  1. <div class="offcanvas offcanvas-end" 
  2.      tabindex="-1"
  3.      id="mobileNav"
  4.      aria-labelledby="mobileNavLabel">
  5.     <div class="offcanvas-body">
  6.         <div class="mt-3">
  7.             <span class="d-flex w-100 justify-content-between pb-3">
  8.                 <a id="mobileNavLabel" class="ms-0" href="{{ path('index') }}">
  9.                     <img src="/images/{{ tenant.directory }}/{{ tenant.config.logo }}">
  10.                 </a>
  11.                 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  12.             </span>
  13.             <nav class="mobile">
  14.                 <ul class="menu p-0 m-0 d-flex flex-column">
  15.                     <li class="menuentry">
  16.                         <a href="{{ path('index') }}">Übersicht</a>
  17.                     </li>
  18.                     <li class="menuentry">
  19.                         <a href="{{ path('flow') }}">Der Ablauf</a>
  20.                     </li> 
  21.                     <li class="menuentry">
  22.                         {% if tenant.categories|length > 0 %}
  23.                             <a href="{{ path('categories') }}">TI-Produkt</a>
  24.                         {% else %}
  25.                             <a href="{{ path('products') }}">TI-Produkt</a>
  26.                         {% endif %}
  27.                     </li>
  28.                     <li class="menuentry">
  29.                         <a href="{{ path('faq') }}">FAQ</a>
  30.                     </li>
  31.                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  32.                         <li class="menuentry">
  33.                             <a class="d-flex align-items-center button accent" href="{{ path('customer_account_index') }}">
  34.                                 <svg width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  35.                                     <path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path>
  36.                                 </svg>
  37.                                 <span class="ps-2 text-black">{{ app.user.firstname }} {{ app.user.lastname }}</span>
  38.                             </a>
  39.                         </li>
  40.                         <li class="menuentry">
  41.                             <a class="w-100 button outlined darkblue" href="{{ path('app_logout') }}">
  42.                                 Ausloggen
  43.                             </a>
  44.                         </li>
  45.                     {% else %}
  46.                         <li class="menuentry button accent">
  47.                             <a class="d-flex align-items-center" href="{{ path('storefront_login') }}">
  48.                                 <svg width="50" height="50" version="1.1" viewbox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  49.                                     <path d="m0 25a25 25 0 1 1 25 25 25 25 0 0 1-25-25zm42.083 13.65a21.867 21.867 0 1 0-34.167 0c2.2167-3.5667 7.1-7.4 17.083-7.4s14.867 3.8333 17.083 7.4zm-26.467-19.9a9.3833 9.3833 0 0 1 18.75 0 9.3833 9.3833 0 1 1-18.75 0z"></path>
  50.                                 </svg>
  51.                                 <span class="ps-2">Login</span>
  52.                             </a>
  53.                         </li>
  54.                     {% endif %}
  55.                 </ul>
  56.             </nav>
  57.         </div>
  58.     </div>
  59. </div>