templates/projets/show.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Projets
  4. {% endblock %}
  6. {% block content %}
  9.     <div class="content">
  10.         <div class="content__base">
  11.             <div class="content__project__top gap-3">
  12.                 <div class="flex flex-col items-start">
  13.                     <h1 class="title text-left">{{ projet.name }}</h1>
  14.                     <h3>{{projet.category.getName()}}</h3>
  15.                 </div>
  17.                 <div class="content__project__top--btn">
  18.                     {% if user %}
  19.                         {% if userProject %}
  20.                             <a class="btn btn-primary w-full" href="{{ path('app_user_projet_show', {'id': userProject.id})}}">Voir mon projet</a>
  21.                         {% else %}
  22.                             {{ include('user_projets/_starting_form.html.twig') }}
  23.                         {% endif %}
  24.                     {% endif %}
  25.                 </div>
  26.             </div>
  28.             <div class="content__project__mid flex-col">
  29.                 {% if projet.getImageSliders|length > 0 %}
  31.                     {% set imagesArray = [] %}
  32.                     {% for image in projet.getImageSliders() %}
  33.                         {% set imageData = image.url %}
  34.                         {% set imagesArray = imagesArray|merge([imageData]) %}
  35.                     {% endfor %}
  38.                     {% set entryInfo = {
  39.                         images: imagesArray
  40.                     } %}
  43.                     <div {{ react_component('Slider', { 'items': imagesArray, 'interval': 7000 } ) }}>
  44.                         <div role="status">
  45.                             <svg aria-hidden="true" class="inline w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-prim-600" viewbox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
  46.                                 <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
  47.                                 <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
  48.                             </svg>
  49.                             <span class="sr-only">Loading...</span>
  50.                         </div>
  51.                     </div>
  54.                 {% endif %}
  55.                 <div class="mt-2 text-left">
  57.                     {{projet.description}}
  58.                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores ab laboriosam beatae eveniet cumque perferendis consequuntur nobis est sed! Numquam natus harum cum, nostrum velit doloribus. Sequi vitae obcaecati voluptatem?
  59.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Repudiandae dignissimos fuga sapiente? Aspernatur obcaecati eligendi, harum nobis voluptatibus voluptatem assumenda quod at neque autem possimus nemo iusto fugit. Perferendis veniam soluta optio accusantium sint et ducimus nostrum assumenda.
  60.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Mollitia omnis deleniti corporis similique temporibus voluptatum, quam quos magni? Omnis molestias laudantium deserunt quaerat laboriosam saepe nostrum, provident dolor eum fuga quae cupiditate cumque! Sunt quidem modi sed eos?
  61.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Culpa, facilis commodi repellendus aliquam fugiat tempora quis perferendis. Doloribus quaerat, fugit quis delectus dolorum, modi nam at aut velit consequatur sapiente aperiam dicta repudiandae debitis nihil ut atque dolores?
  62.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Et assumenda voluptatum iusto eveniet fugit! Ratione incidunt perferendis nostrum dolorem provident amet exercitationem architecto! Repudiandae assumenda accusantium, quas est amet reprehenderit totam consequatur doloremque sequi tempora sapiente non culpa!
  65.                 </div>
  66.             </div>
  68.             <div class="content__project__bottom"></div>
  70.             <div class="mb-1 border-b border-gray-200 dark:border-gray-700">
  71.                 <ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#myTabContent" role="tablist">
  72.                     <li class="mr-2" role="presentation">
  73.                         <button class="inline-block p-4 pl-0 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 text-base" id="progress-tab" data-tabs-target="#progress" type="button" role="tab" aria-controls="progress" aria-selected="false">Projets en cours</button>
  75.                     </li>
  76.                     <li class="mr-2" role="presentation">
  77.                         <button class="inline-block p-4 pl-0 border-b-2 border-transparent rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 text-base" id="finish-tab" data-tabs-target="#finish" type="button" role="tab" aria-controls="finish" aria-selected="false">Projet Terminés</button>
  78.                     </li>
  79.                 </ul>
  80.             </div>
  81.             <div id="myTabContent">
  83.                 <div class="hidden p-0 rounded-lg" id="progress" role="tabpanel" aria-labelledby="progress-tab">
  85.                     <ul class="flex flex-wrap">
  87.                         {% if allProjects|filter(v => v.Completed == false)|length < 1 %}
  88.                             <p class="text-sm">Aucun projet en cours</p>
  89.                         {% else %}
  90.                             {% for proj in allProjects|filter(v => v.Completed == false) %}
  91.                                 <li>
  92.                                     <a href="{{ path('app_user_projet_show', {'id': proj.id})}}">
  93.                                         <span class="bg-prim-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-indigo-400 border border-indigo-400">{{proj.user.userInfos.name}}</span>
  94.                                     </a>
  95.                                 </li>
  97.                             {% endfor %}
  98.                         {% endif %}
  99.                     </ul>
  101.                 </div>
  102.                 <div class="hidden p-0 rounded-lg " id="finish" role="tabpanel" aria-labelledby="finish-tab">
  103.                     <ul class="flex flex-wrap">
  104.                         {% if allProjects|filter(v => v.Completed == true)|length < 1 %}
  105.                             <p class="text-sm">Aucun projet terminé</p>
  107.                         {% else %}
  108.                             {% for proj in allProjects|filter(v => v.Completed == true) %}
  109.                                 <li>
  110.                                     <a href="{{ path('app_user_projet_show', {'id': proj.id})}}">
  111.                                         <span class="bg-green-100 text-green-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-green-400 border border-green-400">{{proj.user.userInfos.name}}</span>
  112.                                     </a>
  113.                                 </li>
  114.                             {% endfor %}
  115.                         {% endif %}
  116.                     </ul>
  117.                 </div>
  119.             </div>
  122.         </div>
  124.     </div>
  126. {% endblock %}