templates/app/dashboard/my-tasks-events.html.twig line 1

  1. <div class="card">
  2.   <div class="card-header align-items-center d-flex">
  3.     <h4 class="card-title mb-0 flex-grow-1">
  4.       <i class="mdi mdi-calendar-clock-outline"></i>
  5.       {% trans %} Tâches & Événements {% endtrans %}
  6.     </h4>
  7.     <div class="flex-shrink-0">
  8.       <ul
  9.         class="nav justify-content-end nav-tabs-custom rounded card-header-tabs"
  10.         role="tablist"
  11.       >
  12.         <li class="nav-item">
  13.           <a
  14.             class="nav-link active"
  15.             data-bs-toggle="tab"
  16.             href="#tasks"
  17.             role="tab"
  18.             aria-selected="true"
  19.           >
  20.             {% trans %} Tâches {% endtrans %}
  21.           </a>
  22.         </li>
  23.         <li class="nav-item">
  24.           <a
  25.             class="nav-link"
  26.             data-bs-toggle="tab"
  27.             href="#events"
  28.             role="tab"
  29.             aria-selected="false"
  30.           >
  31.             {% trans %} Événements {% endtrans %}
  32.           </a>
  33.         </li>
  34.       </ul>
  35.     </div>
  36.   </div>
  38.   <div class="card-body px-0">
  39.     <div class="tab-content">
  40.       <div class="tab-pane active" id="tasks" role="tabpanel">
  41.         <div
  42.           class="table-responsive px-3"
  43.           data-simplebar
  44.           style="max-height: 500px; min-height: 500px; overflow: scroll"
  45.         >
  46.           <table class="table align-middle table-nowrap table-borderless">
  47.             <tbody>
  48.               {% for task in tasks %} {% include
  49.               "app/dashboard/_partials/task-row.html.twig" with {'task': task }
  50.               %} {% else %}
  51.               <tr>
  52.                 <div
  53.                   class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  54.                   role="alert"
  55.                 >
  56.                   <i
  57.                     class="mdi mdi-alert-circle-outline d-block display-6 mt-2 mb-3 text-info"
  58.                   ></i>
  59.                   <h5 class="text-info">{% trans %} Info{% endtrans %}</h5>
  60.                   <p>{% trans %} No Tâches {% endtrans %}</p>
  61.                 </div>
  62.               </tr>
  63.               {% endfor %}
  64.             </tbody>
  65.           </table>
  67.           <div class="row text-center">
  68.             <a href="{{ path('app_task_index') }}">
  69.               {% trans %} Voir toutes les tâches {% endtrans %}
  70.             </a>
  71.           </div>
  72.         </div>
  73.       </div>
  74.       <!-- end tab pane -->
  75.       <div class="tab-pane" id="events" role="tabpanel">
  76.         <div
  77.           class="table-responsive px-3"
  78.           data-simplebar
  79.           style="max-height: 500px; min-height: 500px; overflow: scroll"
  80.         >
  81.           <table class="table align-middle table-nowrap table-borderless">
  82.             <tbody>
  83.               {% for event in events %} {% include
  84.               "app/dashboard/_partials/event-row.html.twig" with {'event': event
  85.               } %} {% else %}
  86.               <tr>
  87.                 <div
  88.                   class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  89.                   role="alert"
  90.                 >
  91.                   <i
  92.                     class="mdi mdi-alert-circle-outline d-block display-6 mt-2 mb-3 text-info"
  93.                   ></i>
  94.                   <h5 class="text-info">Info</h5>
  95.                   <p>{% trans %} No Événements {% endtrans %}</p>
  96.                 </div>
  97.               </tr>
  98.               {% endfor %}
  99.             </tbody>
  100.           </table>
  101.           <div class="row text-center">
  102.             <a href="{{ path('app_evenement_index') }}">
  103.               {% trans %} Voir tous les événements {% endtrans %}
  104.             </a>
  105.           </div>
  106.         </div>
  107.       </div>
  108.       <!-- end tab pane -->
  109.     </div>
  110.   </div>
  111. </div>