templates/user_projets/list_projects_by.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Projets d'utilisateurs
  4. {% endblock %}
  6. {% block content %}
  9.     <div class="content">
  10.         <div class="content__base">
  13.             <div class="flex flex-wrap flex-col justify-center gap-4 text-start">
  15.                 <h1 class="title">{{title}}</h1>
  18.                 <div class="flex flex-wrap gap-6 rounded-lg">
  20.                     {% if projects|length > 0 %}
  22.                         {% for project in projects|reverse() %}
  24.                             <div class="flex flex-col max-w-md w-72 h-fit md:h-96 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 grow hover:bg-slate-50">
  26.                                 {% set firstImageSlider = project.projet.getImageSliders|first %}
  28.                                 {% if firstImageSlider %}
  29.                                     {% if firstImageSlider.getUrl starts with 'http' %}
  31.                                         <img class="rounded-t-lg h-60 w-full object-cover" src=" {{ firstImageSlider.getUrl }} " alt=" image de slider">
  32.                                     {% else %}
  33.                                         <img class="rounded-t-lg h-60 w-full object-cover" src=" {{ asset('uploads/SliderImages/' ~ firstImageSlider.getUrl) }} " alt=" image de slider">
  34.                                     {% endif %}
  35.                                 {% else %}
  36.                                     <img class="rounded-t-lg h-60 w-full object-cover" src=" {{ asset('uploads/SliderImages/default-image.png') }} " alt=" image par défaut">
  37.                                 {% endif %}
  40.                                 <div
  41.                                     class="p-4 flex flex-col h-full gap-2">
  43.                                     {# PROJECT NAME AND USER #}
  44.                                     <div class="flex flex-col">
  45.                                         <h5 class="text-xl font-bold tracking-tight text-gray-800 dark:text-white mb-1">
  46.                                             {{ project.projet.name }}</h5>
  48.                                         <p class="mb-2">{{project.User.UserInfos.name}}</p>
  49.                                     </div>
  51.                                     <p class="flex gap-2 font-normal text-gray-700 dark:text-gray-400 mb-1">
  52.                                         <svg class="w-6 h-6 text-green-400 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20">
  53.                                             <path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
  54.                                         </svg>
  55.                                         {{ project.createdAt|date('d/m H:i') }}</p>
  57.                                     {% if project.Completed %}
  58.                                         <p class="flex gap-2 font-normal text-gray-700 dark:text-gray-400 mb-2">
  59.                                             <svg class="w-6 h-6 text-red-400 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 20 20">
  60.                                                 <path stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 6v4l3.276 3.276M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
  61.                                             </svg>
  62.                                             {{ project.finishedAt|date('d/m H:i') }}</p>
  64.                                     {% endif %}
  67.                                     <a href="{{ path('app_user_projet_show', {'id': project.id})}}" class="inline-flex justify-between items-center px-3 py-2  text-sm font-medium text-center text-white bg-purple-400 rounded-lg hover:bg-purple-600 focus:ring-4 focus:outline-none focus:ring-purple-300 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800 mt-auto">
  68.                                         Voir plus...
  69.                                         <svg class="w-3.5 h-3.5 ml-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 14 10">
  70.                                             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
  71.                                         </svg>
  72.                                     </a>
  75.                                 </div>
  76.                             </div>
  78.                         {% endfor %}
  80.                     {% else %}
  81.                         <p>Aucun Projet</p>
  82.                     {% endif %}
  84.                 </div>
  87.             </div>
  88.         </div>
  89.     </div>
  90. {% endblock %}