templates/public-navbar.twig line 1

  1. {% set route_name = app.request.attributes.get('_route') %}
  2. {% if app.request.attributes.get('_route_params').slug is defined %}
  3.     {% set route_slug = app.request.attributes.get('_route_params').slug %}
  4.     {% else %}
  5.         {% set route_slug = '' %}
  6. {% endif %}
  7. <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  8.     <symbol id="check2" viewBox="0 0 16 16">
  9.         <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
  10.     </symbol>
  11.     <symbol id="circle-half" viewBox="0 0 16 16">
  12.         <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
  13.     </symbol>
  14.     <symbol id="moon-stars-fill" viewBox="0 0 16 16">
  15.         <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
  16.         <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
  17.     </symbol>
  18.     <symbol id="sun-fill" viewBox="0 0 16 16">
  19.         <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
  20.     </symbol>
  21.     <symbol id="lightbulb-fill" fill="currentColor"  viewBox="0 0 16 16">
  22.         <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5z"/>
  23.     </symbol>
  24.     <symbol id="paint-bucket" fill="currentColor"  viewBox="0 0 16 16">
  25.         <path d="M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1.01 1.01 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322 4.322 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283 3.283 0 0 1-.131-.673c.091.061.204.15.337.274zm.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626.122.068.244.13.365.183l-4.861 4.862a.571.571 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.048-3.047zm2.87-1.935a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z"/>
  26.     </symbol>
  27. </svg>
  28. <nav id="nav-main-public-menu" class="navbar navbar-expand-lg bg-body-tertiary py-3 fixed-top">
  29.     <div class="container">
  30.         <a class="navbar-brand" href="{{ path('app_main') }}">{{ 'site_title'|site_settings }}</a>
  31.         <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
  32.                 aria-controls="offcanvasNavbar">
  33.             <span class="navbar-toggler-icon"></span>
  34.         </button>
  35.         <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
  36.             <div class="offcanvas-header">
  37.                 <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Offcanvas</h5>
  38.                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  39.             </div>
  40.             <div class="offcanvas-body">
  41.                 <ul class="navbar-nav justify-content-start flex-grow-1 ps-3">
  42.                    {#  <li class="nav-item">
  43.                         <a class="nav-link {% if route_name == 'app_main' %}active{% endif %}" aria-current="page"
  44.                            href="{{ path('app_main') }}">Home</a>
  45.                     </li>
  46.                     <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
  47.                         <div class="vr d-none  d-lg-flex h-100 mx-lg-2 "></div>
  48.                         <hr class="d-lg-none my-2 text-white-50">
  49.                     </li>
  50.                     <li class="nav-item">
  51.                         <a class="nav-link {% if route_slug == 'datenschutz' %}active{% endif %}"
  52.                            href="{{ path('site_slug', {'slug':  'datenschutz' }) }}">
  53.                             Datenschutz
  54.                         </a>
  55.                     </li>
  56.                     <li class="nav-item">
  57.                         <a class="nav-link {% if route_slug == 'impressum' %}active{% endif %}"
  58.                            href="{{ path('site_slug', {'slug':  'impressum' }) }}">
  59.                             Impressum
  60.                         </a>
  61.                     </li>
  62.                     <li class="nav-item">
  63.                         <a class="nav-link {% if route_slug == 'agb' %}active{% endif %}"
  64.                            href="{{ path('site_slug', {'slug':  'agb' }) }}">
  65.                             AGB
  66.                         </a>
  67.                     </li>#}
  69.                     {#   <li class="nav-item">
  70.                         <a class="nav-link {% if route_name == 'app_impressum' %}active{% endif %}" href="{{ path('app_impressum') }}">
  71.                             Impressum
  72.                         </a>
  73.                     </li>
  75.                     <li class="nav-item">
  76.                         <a class="nav-link {% if route_name == 'app_datenschutz' %}active{% endif %}" href="{{ path('app_datenschutz') }}">
  77.                             Datenschutz
  78.                         </a>
  79.                     </li>
  80.                     <li class="nav-item">
  81.                         <a class="nav-link {% if route_name == 'app_agb' %}active{% endif %}" href="{{ path('app_agb') }}">
  82.                             AGB
  83.                         </a>
  84.                     </li> #}
  86.                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  87.                         <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
  88.                             <div class="vr d-none  d-lg-flex h-100 mx-lg-2 "></div>
  89.                             <hr class="d-lg-none my-2 text-white-50">
  90.                         </li>
  91.                         <li class="nav-item">
  92.                             <a class="nav-link text-green" href="{{ path('dashboard_app_dashboard') }}">Dashboard</a>
  93.                         </li>
  94.                     {% endif %}
  96.                     <li class="nav-item dropdown ms-lg-auto">
  97.                         <a class="nav-link dropdown-toggle {% if route_name matches '{.+?_account}' %}active{% endif %}"
  98.                            href="#" role="button" data-bs-toggle="dropdown"
  99.                            aria-expanded="false">
  100.                             Account
  101.                         </a>
  102.                         <ul class="dropdown-menu dropdown-menu-start dropdown-menu-lg-end m-0">
  103.                             {% if  is_granted('IS_AUTHENTICATED_FULLY') %}
  104.                                 <li><a class="dropdown-item"
  105.                                        href="{{ path('app_logout') }}">{% trans %}Logout{% endtrans %}</a></li>
  106.                             {% else %}
  107.                                 <li>
  108.                                     <a class="dropdown-item {% if route_name == 'app_login' %}active{% endif %}"
  109.                                        href="{{ path('app_login') }}">
  110.                                         <i class="bi bi-box-arrow-in-right me-2"></i> {% trans %}Login{% endtrans %}
  111.                                     </a>
  112.                                 </li>
  113.                                 {% if 'registrierung_aktiv'|site_settings %}
  114.                                     <li>
  115.                                         <a class="dropdown-item {% if route_name == 'app_register_account_register' %}active{% endif %}"
  116.                                            href="{{ path('app_register_account_register') }}">
  117.                                             <i class="bi bi-person-add me-2"></i> {% trans %}registrierung.Register{% endtrans %}
  118.                                         </a>
  119.                                     </li>
  120.                                 {% endif %}
  121.                                 {% if 'show_pw_vergessen'|site_settings %}
  122.                                     <li>
  123.                                         <hr class="dropdown-divider">
  124.                                     </li>
  125.                                     <li>
  126.                                         <a class="dropdown-item {% if route_name == 'app_register_passwort_vergessen' %}active{% endif %}"
  127.                                            href="{{ path('app_register_passwort_vergessen') }}">
  128.                                             <i class="bi bi-incognito me-2"></i>
  129.                                             {% trans %}Password forgotten{% endtrans %}
  130.                                         </a>
  131.                                     </li>
  132.                                 {% endif %}
  133.                             {% endif %}
  134.                         </ul>
  135.                     </li>
  136.                     {#  <li class="nav-item ">
  137.                             <a class="nav-link d-flex align-items-center" href="{{ path('app_login') }}">
  138.                                 <i class="bi bi-box-arrow-in-right me-2"></i>Login
  139.                             </a>
  140.                         </li> #}
  142.                     {# <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
  143.                         <div class="vr d-none  d-lg-flex h-100 mx-lg-2 "></div>
  144.                         <hr class="d-lg-none my-2 text-white-50">
  145.                     </li> #}
  146.                     <li class="nav-item dropdown ">
  147.                         <a id="dropDownDark" class="nav-link dropdown-toggle" href="#" role="button"
  148.                            data-bs-toggle="dropdown"
  149.                            aria-expanded="false">
  150.                             <svg width="16" height="16" class="bi my-1 theme-icon-active" fill="currentColor">
  151.                                 <use href="#circle-half" fill="currentColor"></use>
  152.                             </svg>
  153.                         </a>
  154.                         <ul class="dropdown-menu dropdown-menu-start dropdown-menu-lg-end m-0">
  155.                             <li>
  156.                                 <button type="button" class="dropdown-item color-mode d-flex align-items-center"
  157.                                         data-bs-theme-value="auto">
  158.                                     <svg width="16" height="16" class="bi me-2 opacity-50 theme-icon"
  159.                                          fill="currentColor">
  160.                                         <use href="#circle-half"></use>
  161.                                     </svg>
  162.                                     Auto
  163.                                     <svg width="16" height="16" fill="currentColor" class="bi ms-auto d-none">
  164.                                         <use href="#check2"></use>
  165.                                     </svg>
  166.                                 </button>
  167.                             </li>
  168.                             <li>
  169.                                 <button type="button" class="dropdown-item color-mode d-flex align-items-center"
  170.                                         data-bs-theme-value="light">
  171.                                     <svg width="16" height="16" class="bi me-2 opacity-50 theme-icon"
  172.                                          fill="currentColor">
  173.                                         <use href="#sun-fill"></use>
  174.                                     </svg>
  175.                                     Light
  176.                                     <svg width="16" height="16" fill="currentColor" class="bi ms-auto d-none">
  177.                                         <use href="#check2"></use>
  178.                                     </svg>
  179.                                 </button>
  180.                             </li>
  181.                             <li>
  182.                                 <button type="button" class="dropdown-item color-mode d-flex align-items-center"
  183.                                         data-bs-theme-value="dark">
  184.                                     <svg width="16" height="16" class="bi me-2 opacity-50 theme-icon"
  185.                                          fill="currentColor">
  186.                                         <use href="#moon-stars-fill"></use>
  187.                                     </svg>
  188.                                     Dark
  189.                                     <svg width="16" height="16" fill="currentColor" class="bi ms-auto d-none">
  190.                                         <use href="#check2"></use>
  191.                                     </svg>
  192.                                 </button>
  193.                             </li>
  194.                             <li>
  195.                                 <button type="button" class="dropdown-item color-mode d-flex align-items-center"
  196.                                         data-bs-theme-value="blue">
  197.                                     <svg width="16" height="16" class="bi me-2 opacity-50 theme-icon"
  198.                                          fill="currentColor">
  199.                                         <use href="#lightbulb-fill"></use>
  200.                                     </svg>
  201.                                     <span>Blue</span>
  202.                                     <svg width="16" height="16" fill="currentColor" class="bi ms-auto d-none">
  203.                                         <use href="#check2"></use>
  204.                                     </svg>
  205.                                 </button>
  206.                             </li>
  207.                             <li>
  208.                                 <button type="button" class="dropdown-item color-mode d-flex align-items-center"
  209.                                         data-bs-theme-value="green">
  210.                                     <svg width="16" height="16" class="bi me-2 opacity-50 theme-icon"
  211.                                          fill="currentColor">
  212.                                         <use href="#paint-bucket"></use>
  213.                                     </svg>
  214.                                     <span>Green</span>
  215.                                     <svg width="16" height="16" fill="currentColor" class="bi ms-auto d-none">
  216.                                         <use href="#check2"></use>
  217.                                     </svg>
  218.                                 </button>
  219.                             </li>
  220.                         </ul>
  221.                     </li>
  222.                 </ul>
  223.             </div>
  224.         </div>
  225.     </div>
  226. </nav>