templates/app/classroom/index.html.twig line 1

  1. {% extends 'app/index.html.twig' %} {% block title %} {% trans %} Salles de
  2. classe List {% endtrans %} {% endblock %} {% block content %} {% include
  3. "app/_partials/breadcrumb.html.twig" with { 'title': 'Salle de classe'|trans,
  4. 'parent': 'Salle de classe'|trans } %}
  6. <div class="row">
  7.   <div class="col-12">
  8.     <div class="card">
  9.       <div class="card-header">
  10.         <div class="row align-items-center">
  11.           <div class="col-md-6">
  12.             <div class="mb-3">
  13.               <h5 class="card-title">
  14.                 {% trans %} Toutes les salles de classe{% endtrans %}
  15.                 <span class="text-muted fw-normal ms-2"
  16.                   >({{ classrooms | length }})</span
  17.                 >
  18.               </h5>
  19.             </div>
  20.           </div>
  22.           <div class="col-md-6">
  23.             <div
  24.               class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  25.             >
  26.               <div>
  27.                 {#
  28.                 <ul class="dropdown-menu dropdown-menu-end" style="">
  29.                   <li>
  30.                     <a
  31.                       class="dropdown-item"
  32.                       href="{{ path('app_classroom_export_children_csv') }}"
  33.                     >
  34.                       <i class="mdi mdi-export"></i>
  35.                       {% trans %} Exporter la liste des enfants au format CSV {%
  36.                       endtrans %}
  37.                     </a>
  38.                   </li>
  39.                 </ul>
  40.                 #}
  41.               </div>
  42.               <div>
  43.                 <a
  44.                   href="{{ path('app_classroom_new') }}"
  45.                   class="btn btn-primary"
  46.                   data-bs-toggle="modal"
  47.                   data-bs-target="#add-modal"
  48.                 >
  49.                   <i class="bx bx-plus me-1"></i>
  50.                   {% trans %} Ajouter un nouveau {% endtrans %}
  51.                 </a>
  52.               </div>
  53.               {% include "app/classroom/add-modal.html.twig" %} {% include
  54.               "app/classroom/edit-modal.html.twig" %}
  55.             </div>
  56.           </div>
  57.         </div>
  58.       </div>
  60.       <div class="card-body">
  61.         <div class="table">
  62.           <table
  63.             id="datatable"
  64.             class="table table-bordered dt-responsive nowrap w-100"
  65.           >
  66.             <thead>
  67.               <tr>
  68.                 <th>#</th>
  69.                 <th>{% trans %} Nom de classe {% endtrans %}</th>
  70.                 <th>{% trans %} Section {% endtrans %}</th>
  71.                 <th>{% trans %} Enseignantes {% endtrans %}</th>
  72.                 <th>{% trans %} Capacité {% endtrans %}</th>
  73.                 <th>{% trans %} Places disponibles {% endtrans %}</th>
  74.                 <th>{% trans %} Statut {% endtrans %}</th>
  75.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  76.               </tr>
  77.             </thead>
  78.             <tbody data-controller="classroom">
  79.               {% for classroom in classrooms %}
  80.               <tr>
  81.                 <th scope="row">
  82.                   {{ loop.index }}
  83.                 </th>
  84.                 <td>
  85.                   {{ classroom.name }}
  86.                 </td>
  87.                 <td>
  88.                   {{ classroom.section }}
  89.                   <br />
  90.                   <small>{{ classroom.section.ageRange | trans }}</small>
  91.                 </td>
  92.                 <td>
  93.                   <div class="avatar-group float-start task-assigne">
  94.                     {% for teacher in classroom.teachers %}
  95.                     <div class="avatar-group-item">
  96.                       <a
  97.                         href="{{
  98.                           path('app_employee_edit', { id: teacher.id })
  99.                         }}"
  100.                         class="d-inline-block"
  101.                         data-bs-toggle="popover"
  102.                         data-bs-trigger="hover"
  103.                         data-placement="top"
  104.                         title=""
  105.                         data-bs-content="{{ teacher.firstName }} {{
  106.                           teacher.lastName
  107.                         }}"
  108.                       >
  109.                         <div class="avatar-sm">
  110.                           <span
  111.                             class="avatar-title rounded-circle bg-success text-white font-size-16"
  112.                           >
  113.                             {{ teacher.firstName|slice(0, 1)
  119.                             }}{{ teacher.lastName|slice(0, 1) }}
  120.                           </span>
  121.                         </div>
  122.                       </a>
  123.                     </div>
  124.                     {% endfor %}
  125.                   </div>
  126.                 </td>
  127.                 <td>
  128.                   {{ classroom.capacity }}
  129.                   {% trans %} Place(s) {% endtrans %}
  130.                 </td>
  131.                 <td>
  132.                   {{ classroom.availablePlaces }}
  133.                   {% trans %} Place(s) {% endtrans %}
  134.                 </td>
  135.                 <td>
  136.                   {% if classroom.status.name == 'MAINTENANCE' %}
  137.                   <span class="badge badge-soft-warning font-size-12">
  138.                     <i
  139.                       class="bx bx-loader-circle font-size-14 align-middle"
  140.                     ></i>
  141.                     {{ classroom.status.name | trans }}
  142.                   </span>
  143.                   {% elseif classroom.status.name == 'ACTIVE' %}
  144.                   <span class="badge badge-soft-success font-size-12">
  145.                     <i class="bx bx-check font-size-14 align-middle"></i>
  146.                     {{ classroom.status.name | trans }}
  147.                   </span>
  148.                   {% else %}
  149.                   <span class="badge badge-soft-danger font-size-12">
  150.                     {{ classroom.status.name | trans }}
  151.                   </span>
  152.                   {% endif %}
  153.                 </td>
  154.                 <td>
  155.                   <a
  156.                     href="{{
  157.                       path('app_classroom_show', { id: classroom.id })
  158.                     }}"
  159.                     class="btn btn-primary waves-effect waves-light me-2"
  160.                     data-toggle="tooltip"
  161.                     data-placement="top"
  162.                     title="{{ 'Détails' | trans }}"
  163.                   >
  164.                     <i class="bx bx-list-ol font-size-16 align-middle"></i>
  165.                   </a>
  166.                   <a
  167.                     data-action="classroom#edit"
  168.                     data-classroom-id="{{ classroom.id }}"
  169.                     href="javascript:void(0)"
  170.                     class="btn btn-info waves-effect waves-light me-2"
  171.                     data-toggle="tooltip"
  172.                     data-placement="top"
  173.                     title="{{ 'Modifier' | trans }}"
  174.                   >
  175.                     <i class="bx bx-edit font-size-16 align-middle"></i>
  176.                   </a>
  177.                   <a
  178.                     href="{{
  179.                       path('app_classroom_export_children_csv', {
  180.                         id: classroom.id
  181.                       })
  182.                     }}"
  183.                     class="btn btn-secondary waves-effect waves-light me-2"
  184.                     data-toggle="tooltip"
  185.                     data-placement="top"
  186.                     title="{{
  187.                       'Exporter la liste des enfants au format CSV' | trans
  188.                     }}"
  189.                   >
  190.                     <i class="mdi mdi-export font-size-16 align-middle"></i>
  191.                   </a>
  192.                 </td>
  193.               </tr>
  194.               {% endfor %}
  195.             </tbody>
  196.           </table>
  197.         </div>
  198.       </div>
  199.     </div>
  200.   </div>
  201. </div>
  203. {% endblock %}