templates/layout/_header.html.twig line 1

  1. <header class="bg-white">
  3.     <nav class="text-slate-800 relative h-full">
  6.         <div
  7.             class="gap-3 max-w-screen-xl flex flex-wrap items-center justify-between mx-auto py-4 px-6 h-full">
  9.             {# LOGO #}
  10.             <a href="/" class="flex items-center">
  11.                 <img src="{{ asset('assets/img/logo-ideeprojet.png') }}" class="h-10 mr-3" alt="Flowbite Logo"/>
  13.                 <div class="flex">
  14.                     <div class="font-header self-center text-3xl font-bold whitespace-nowrap dark:text-white">Ideede</div>
  15.                     <div class="font-header self-center text-3xl font-bold whitespace-nowrap text-prim-500 font-fjalla">projet</div>
  18.                 </div>
  19.             </a>
  21.             {# DROPDOWN USER #}
  22.             <div class="z-user hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600" id="user-dropdown">
  23.                 <div class="px-4 py-3">
  24.                     {% if is_granted('ROLE_USER') %}
  26.                         <a href="{{path('app_user_show', {'id': app.user.id})}}">
  27.                             <span class="block text-sm text-gray-900 dark:text-white">{{ app.user.UserInfos.name }}</span>
  28.                             <span class="block text-sm  text-gray-500 truncate dark:text-gray-400">{{ app.user.email }}</span>
  29.                         </a>
  30.                     {% endif %}
  31.                 </div>
  32.                 <ul class="py-2" aria-labelledby="user-menu-button">
  33.                     <li>
  34.                         <a href="{{ path('app_my_user_projects')}}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-prim-300 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Mes projets</a>
  36.                     </li>
  37.                     <li>
  38.                         <a href="{{ path('app_logout') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-prim-300 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">Déconnexion</a>
  39.                     </li>
  40.                 </ul>
  41.             </div>
  43.             {# BURGER #}
  44.             <button data-collapse-toggle="navbar-user" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-prim-300 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-user" aria-expanded="false">
  45.                 <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 17 14">
  46.                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
  47.                 </svg>
  48.             </button>
  50.             {# NAV USER #}
  51.             <div class="hidden md:flex items-center md:order-3">
  52.                 {% if is_granted('ROLE_USER') %}
  53.                     {# <a href="{{ path('app_logout') }}" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-prim-300 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5  dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">Se déconnecter</a> #}
  54.                     <button type="button" class="flex cursor-pointer mr-3 text-sm rounded-full md:mr-0 focus:ring-4 focus:ring-prim-300 dark:focus:ring-gray-600" id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
  55.                         <span class="sr-only">Open user menu</span>
  56.                         {% if app.user.UserInfos.image %}
  57.                             <img class="w-10 h-10 rounded-full" src="{{ asset('/uploads/images/' ~ app.user.UserInfos.image) }}" alt="{{ app.user.UserInfos.name }}"/>
  58.                         {% endif %}
  59.                     </button>
  60.                     <button class="cursor-pointer" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
  61.                         <p class="ml-2 text-prim-950">{{app.user.UserInfos.name}}</p>
  62.                     </button>
  65.                 {% else %}
  66.                     <a href="{{ path('app_register') }}" class="btn text-white bg-prim-400 border border-gray-300 focus:outline-none hover:bg-transparent hover:border-prim-400 border-solid hover:text-prim-400 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 mr-4">S'inscrire</a>
  69.                     <a href="{{ path('app_login') }}" class="btn text-white bg-prim-400 border border-gray-300 focus:outline-none hover:bg-transparent hover:border-prim-400 border-solid hover:text-prim-400 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5">Se connecter</a>
  72.                 {% endif %}
  73.             </div>
  75.             {# MENU #}
  76.             <div class="md:relative items-center justify-between hidden w-full md:flex md:w-auto md:order-1 z-50" id="navbar-user">
  77.                 <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
  78.                     <li>
  79.                         {% if app.request.get('_route') == 'app_home' %}
  80.                             <a href="/" class="block py-2 pl-3 pr-4 text-white bg-prim-700  md:hover:text-prim-500 rounded md:bg-transparent md:text-prim-700 md:p-0" aria-current="page">Accueil</a>
  82.                         {% else %}
  83.                             <a href="/" class="block py-2 pl-3 pr-4 text-slate-800 rounded md:bg-transparent md:hover:text-prim-500 md:text-slate-800 md:p-0" aria-current="page">Accueil</a>
  85.                         {% endif %}
  86.                     </li>
  87.                 </li>
  88.                 <li>
  89.                     {% if app.request.get('_route') == 'app_projets_index' or app.request.get('_route') == 'app_user_projets_in_progress' or app.request.get('_route') == 'app_user_projets_finish' %}
  91.                         <button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="bg-prim-700 md:bg-transparent text-white md:text-prim-700 cursor-pointer flex items-center justify-between w-full py-2 pl-3 pr-4 rounded hover:bg-prim-300 md:hover:bg-transparent md:border-0 md:hover:text-prim-700 md:p-0 md:w-auto dark:text-white md:dark:hover:text-prim-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent">Projets
  94.                             <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
  95.                                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
  96.                             </svg>
  97.                         </button>
  99.                     {% else %}
  101.                         <button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="cursor-pointer flex items-center justify-between w-full py-2 pl-3 pr-4 text-slate-800 rounded hover:bg-prim-300 md:hover:bg-transparent md:border-0 md:hover:text-prim-700 md:p-0 md:w-auto dark:text-white md:dark:hover:text-prim-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent">Projets
  103.                             <svg class="w-2.5 h-2.5 ml-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 10 6">
  104.                                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
  105.                             </svg>
  106.                         </button>
  108.                     {% endif %}
  111.                     <!-- Dropdown menu -->
  112.                     <div id="dropdownNavbar" class="z-10 hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
  113.                         <ul class="py-2 text-sm text-gray-700 dark:text-gray-400" aria-labelledby="dropdownLargeButton">
  114.                             <li>
  115.                                 <a href="{{path('app_projets_index')}}" class="block px-4 py-2 hover:bg-prim-300 md:text-slate-800 dark:hover:bg-gray-600 dark:hover:text-white">Liste des projets</a>
  116.                             </li>
  117.                             <li>
  118.                                 <a href="{{path('app_user_projets_in_progress')}}" class="block px-4 py-2 hover:bg-prim-300 dark:hover:bg-gray-600 dark:hover:text-white">Projets en cours</a>
  120.                             </li>
  121.                             <li>
  122.                                 <a href="{{path('app_user_projets_finish')}}" class="block px-4 py-2 hover:bg-prim-300 dark:hover:bg-gray-600 dark:hover:text-white">Projets terminées</a>
  124.                             </li>
  125.                         </ul>
  127.                     </div>
  128.                 </li>
  130.                 {% if is_granted('ROLE_ADMIN') %}
  131.                     <li>
  132.                         {% if app.request.get('_route') == 'app_admin_index' %}
  133.                             <a href="{{path('app_admin_index')}}" class="block py-2 pl-3 pr-4 text-white bg-prim-700 rounded md:bg-transparent md:text-prim-700 md:p-0 md:hover:text-prim-500" aria-current="page">Administration</a>
  134.                         {% else %}
  135.                             <a href="{{path('app_admin_index')}}" class="block py-2 pl-3 pr-4 text-slate-800 rounded md:bg-transparent md:text-slate-800 md:p-0 md:hover:text-prim-500" aria-current="page">Administration</a>
  136.                         {% endif %}
  137.                     </li>
  138.                 {% endif %}
  139.                 <li class="block md:hidden pl-3">
  140.                     <hr class="h-px my-2 bg-gray-200 border-0 dark:bg-gray-700">
  141.                 </li>
  143.                 <li class="block md:hidden pl-3">
  144.                     <div class="flex items-center md:order-2">
  145.                         {% if is_granted('ROLE_USER') %}
  146.                             {# <a href="{{ path('app_logout') }}" class="text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-prim-300 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5  dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700">Se déconnecter</a> #}
  147.                             <button type="button" class="flex cursor-pointer text-sm rounded-full md:mr-0 focus:ring-4 focus:ring-prim-300 dark:focus:ring-gray-600" id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
  148.                                 <span class="sr-only">Open user menu</span>
  149.                                 {% if app.user.UserInfos.image %}
  150.                                     <img class="w-8 h-8 rounded-full" src="{{ asset('/uploads/images/' ~ app.user.UserInfos.image) }}" alt="{{ app.user.UserInfos.name }}"/>
  151.                                 {% endif %}
  152.                             </button>
  153.                             <button class="cursor-pointer" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
  154.                                 <p class="ml-2 text-prim-950">{{app.user.UserInfos.name}}</p>
  155.                             </button>
  158.                         {% else %}
  159.                             <a href="{{ path('app_register') }}" class="btn text-white bg-prim-400 border border-gray-300 focus:outline-none hover:bg-transparent hover:border-prim-400 border-solid hover:text-slate-800 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5 mr-4">S'inscrire</a>
  162.                             <a href="{{ path('app_login') }}" class="btn text-white bg-prim-400 border border-gray-300 focus:outline-none hover:bg-transparent hover:border-prim-400 border-solid hover:text-slate-800 focus:ring-4 focus:ring-gray-200 font-medium rounded-lg text-sm px-5 py-2.5">Se connecter</a>
  164.                         {% endif %}
  165.                     </div>
  166.                 </li>
  169.             </ul>
  170.         </div>
  171.     </div>
  174. </nav></header>