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

  1. {% extends 'app/index.html.twig' %} {% block title %}liste d'enfants {% endblock
  2. %} {% block content %} {% include "app/_partials/breadcrumb.html.twig" with {
  3. 'title': 'Collaborateurs'|trans, 'parent': 'Compte & Utilisateurs'|trans } %}
  5. <div class="row">
  6.   <div class="col-12">
  7.     <div class="card">
  8.       <div class="card-header">
  9.         <div class="row align-items-center">
  10.           <div class="col-md-6">
  11.             <div class="mb-3">
  12.               <h5 class="card-title">
  13.                 {% trans %} Tous les utilisateurs {% endtrans %}
  14.                 <span class="text-muted fw-normal ms-2"
  15.                   >({{ users | length }})</span
  16.                 >
  17.               </h5>
  18.             </div>
  19.           </div>
  21.           <div class="col-md-6">
  22.             <div
  23.               class="d-flex flex-wrap align-items-center justify-content-end gap-2 mb-3"
  24.             >
  25.               <div>
  26.                 <ul class="nav nav-pills"></ul>
  27.               </div>
  28.               <div>
  29.                 {# <a
  30.                   href="{{ path('app_user_new') }}"
  31.                   class="btn btn-primary"
  32.                   data-bs-toggle="modal"
  33.                   data-bs-target="#add-modal"
  34.                 >
  35.                   <i class="bx bx-plus me-1"></i>
  36.                   {% trans %} Ajouter un nouveau {% endtrans %}
  37.                 </a> #}
  38.               </div>
  39.               {% include "app/user/add-modal.html.twig" %}
  40.             </div>
  41.           </div>
  42.         </div>
  43.       </div>
  45.       <div class="card-body">
  46.         <div class="table">
  47.           <table
  48.             id="datatable"
  49.             class="table table-bordered dt-responsive nowrap w-100"
  50.           >
  51.             <thead>
  52.               <tr>
  53.                 <th>#</th>
  54.                 <th>{% trans %} Nom et prénom{% endtrans %}</th>
  55.                 <th>{% trans %} Email / téléphone {% endtrans %}</th>
  56.                 <th>{% trans %} Rôle {% endtrans %}</th>
  57.                 <th>{% trans %} Dernière connexion{% endtrans %}</th>
  58.                 <th>{% trans %} Statut {% endtrans %}</th>
  60.                 <th width="220px">{% trans %} Actions {% endtrans %}</th>
  61.               </tr>
  62.             </thead>
  63.             <tbody data-controller="user">
  64.               {% for user in users %}
  65.               <tr>
  66.                 <th scope="row">
  67.                   {{ loop.index }}
  68.                 </th>
  69.                 <td>
  70.                   <div class="d-flex align-items-center">
  71.                     {% set avatar =
  72.                       "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="%}
  73.                       {% if 'http' in app.user.photo %} {% set avatar = app.user.photo %} {%
  74.                       elseif app.user.photo is defined and app.user.photo is not null %} {% set
  75.                       avatar = '/uploads/users/' ~ app.user.photo %} {% endif %}
  76.                   
  78.                     <div class="flex-shrink-0 me-3">
  79.                       <img
  80.                         class="rounded-circle avatar-md"
  81.                         src="{{ avatar }}"
  82.                         alt="{{ user.firstName }} {{ user.lastName }}"
  83.                       />
  84.                     </div>
  86.                     <div class="flex-grow-1">
  87.                       <a href="{{ path('app_user_edit', { id: user.id }) }}">
  88.                         <h5 class="font-size-14 mb-0">
  89.                           {{ user.lastName }}
  90.                           {{ user.firstName }}
  91.                         </h5>
  92.                       </a>
  93.                     </div>
  94.                   </div>
  95.                 </td>
  96.                 <td>
  97.                   <a
  98.                     target="_blank"
  99.                     href="mailto:{{ user.email }}"
  100.                     class="text-info"
  101.                   >
  102.                     {{ user.email }}
  103.                   </a>
  104.                   <br />
  105.                   <a
  106.                     target="_blank"
  107.                     href="tel:{{ user.phone }}"
  108.                     class="text-info"
  109.                   >
  110.                     {{ user.phone }}
  111.                   </a>
  112.                 </td>
  113.                 <td>
  114.                   {% for role in user.roles %} {% if role == 'ROLE_SUPER_ADMIN'
  115.                   %}
  116.                   <span class="badge badge-soft-info font-size-14">
  117.                     <i class="bx bx-edit font-size-14 align-middle"></i>
  118.                     {% trans %} Administrateur {% endtrans %}
  119.                   </span>
  120.                   {% endif %} {% if role == 'ROLE_OWNER' %}
  121.                   <span class="badge badge-soft-info font-size-14">
  122.                     <i class="bx bx-edit font-size-14 align-middle"></i>
  123.                     {% trans %} Propriétaire {% endtrans %}
  124.                   </span>
  125.                   {% endif %} {% if role == 'ROLE_USER' %}
  126.                   <span class="badge badge-soft-info font-size-14">
  127.                     <i class="bx bx-edit font-size-14 align-middle"></i>
  128.                     {% trans %} Utilisateur {% endtrans %}
  129.                   </span>
  130.                   {% endif %} {% endfor %}
  131.                 </td>
  132.                 <td>
  133.                   {{ user.lastLogin ? user.lastLogin|date('d-m-Y H:i:s') : '' }}
  134.                 </td>
  135.                 <td>
  136.                   {% if user.isVerified %}
  137.                   <span class="badge bg-success text-uppercase">
  138.                     {% trans %}Vérifié{% endtrans %}
  139.                   </span>
  140.                   {% else %}
  141.                   <span class="badge bg-warning text-uppercase">
  142.                     {% trans %}Non vérifié{% endtrans %}
  143.                   </span>
  144.                   {% endif %} {% if user.isIsActive %}
  145.                   <span class="badge bg-succinfoess text-uppercase">
  146.                     {% trans %}Active{% endtrans %}
  147.                   </span>
  148.                   {% else %}
  149.                   <span class="badge bg-danger text-uppercase">
  150.                     {% trans %}Suspendu{% endtrans %}
  151.                   </span>
  152.                   {% endif %}
  153.                 </td>
  154.                 <td class="d-flex">
  155.                   <a
  156.                     href="{{ path('app_user_edit', { id: user.id }) }}"
  157.                     class="btn btn-primary waves-effect waves-light me-2"
  158.                     data-toggle="tooltip"
  159.                     data-placement="top"
  160.                     title="{{ 'Profile' | trans }}"
  161.                   >
  162.                     <i class="bx bx-user font-size-16 align-middle"></i>
  163.                   </a>
  165.                   {% if 'ROLE_OWNER' not in user.roles %} {% if user.isIsActive
  166.                   %}
  167.                   <a
  168.                     href="{{ path('app_user_toggle_active', { id: user.id }) }}"
  169.                     class="btn btn-warning waves-effect waves-light me-2"
  170.                     data-toggle="tooltip"
  171.                     data-placement="top"
  172.                     title="{{ 'Suspendre' | trans }}"
  173.                   >
  174.                     <i class="bx bx-minus-circle font-size-16 align-middle"></i>
  175.                   </a>
  176.                   {% else %}
  177.                   <a
  178.                     href="{{ path('app_user_toggle_active', { id: user.id }) }}"
  179.                     class="btn btn-info waves-effect waves-light me-2"
  180.                     data-toggle="tooltip"
  181.                     data-placement="top"
  182.                     title="{{ 'Activer' | trans }}"
  183.                   >
  184.                     <i class="bx bx-check-circle font-size-16 align-middle"></i>
  185.                   </a>
  186.                   {% endif %}
  188.                   <form
  189.                     id="delete-form-{{ user.id }}"
  190.                     method="post"
  191.                     action="{{ path('app_user_delete', { id: user.id }) }}"
  192.                     onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form-{{
  193.                       user.id
  194.                     }}').submit(); }, function(){ alertify.error('Annuler')});"
  195.                   >
  196.                     <input
  197.                       type="hidden"
  198.                       name="_token"
  199.                       value="{{ csrf_token('delete' ~ user.id) }}"
  200.                     />
  201.                     <a
  202.                       href="javascript:void(0);"
  203.                       type="button"
  204.                       class="btn btn-danger waves-effect waves-light me-2"
  205.                       data-toggle="tooltip"
  206.                       data-placement="top"
  207.                       title="{{ 'Supprimer' | trans }}"
  208.                     >
  209.                       <i class="bx bx-trash font-size-16 align-middle"></i>
  210.                     </a>
  211.                   </form>
  213.                   {% endif %} {% if is_granted('ROLE_SUPER_ADMIN') and
  214.                   app.user.id != user.id %}
  215.                   <a
  216.                     class="btn btn-info waves-effect waves-light me-2"
  217.                     href="/app/dashboard?_switch_user={{ user.email }}"
  218.                     data-toggle="tooltip"
  219.                     data-placement="top"
  220.                     title="{{ 'Login with account' | trans }}"
  221.                   >
  222.                     <i
  223.                       class="bx bx-log-in-circle font-size-16 align-middle"
  224.                     ></i>
  225.                   </a>
  226.                   {% endif %}
  227.                 </td>
  228.               </tr>
  229.               {% endfor %}
  230.             </tbody>
  231.           </table>
  232.         </div>
  233.       </div>
  234.     </div>
  235.   </div>
  236. </div>
  237. {% endblock %}