templates/app/child/_partials/activity.html.twig line 1

  1. <div class="tab-pane" id="activity-tab" role="tabpanel" data-controller="post">
  2.   <div class="card">
  3.     <div class="card-header d-flex justify-content-between align-items-center">
  4.       <h5 class="card-title mb-0">{% trans %} Activity {% endtrans %}</h5>
  5.       <div>
  6.         <a
  7.           href="#"
  8.           class="btn btn-light"
  9.           data-bs-toggle="modal"
  10.           data-bs-target="#add-activity-modal"
  11.         >
  12.           <i class="bx bx-plus font-size-16 align-middle me-2"></i>
  13.           {% trans %} Ajouter {% endtrans %}
  14.         </a>
  15.       </div>
  16.       {% include "app/child/_partials/_modal/add-activity-modal.html.twig" %}
  17.     </div>
  19.     <div class="card-body px-0">
  20.       <div class="card-body">
  21.         <div class="row">
  22.           {% for act in activities %}
  23.           <div class="col-xl-4">
  24.             <div class="card">
  25.               <div class="card-body">
  26.                 <div
  27.                   id="carouselCaption-{{ act.id }}"
  28.                   class="carousel slide"
  29.                   data-bs-ride="carousel"
  30.                 >
  31.                   <div class="carousel-inner" role="listbox">
  32.                     {% set images = act.images %} {% for img in images %}
  33.                     <div
  34.                       class="
  35.                     {{
  36.                         loop.index == 1
  37.                           ? 'carousel-item active'
  38.                           : 'carousel-item'
  39.                       }}"
  40.                     >
  41.                       <img
  42.                         src="/uploads/post_images/{{ img.url }}"
  43.                         alt="{{img.alt ~ 'clevernursery.com'}}"
  44.                         class="d-block img-fluid mx-auto"
  45.                         width="50%"
  46.                         height="50%"
  47.                       />
  48.                     </div>
  49.                     {% endfor %}
  50.                   </div>
  51.                   <a
  52.                     class="carousel-control-prev"
  53.                     href="#carouselCaption-{{ act.id }}"
  54.                     role="button"
  55.                     data-bs-slide="prev"
  56.                   >
  57.                     <span
  58.                       class="carousel-control-prev-icon"
  59.                       aria-hidden="true"
  60.                     ></span>
  61.                     <span class="sr-only">
  62.                       {% trans %} Précédent {% endtrans %}
  63.                     </span>
  64.                   </a>
  65.                   <a
  66.                     class="carousel-control-next"
  67.                     href="#carouselCaption-{{ act.id }}"
  68.                     role="button"
  69.                     data-bs-slide="next"
  70.                   >
  71.                     <span
  72.                       class="carousel-control-next-icon"
  73.                       aria-hidden="true"
  74.                     ></span>
  75.                     <span class="sr-only"
  76.                       >{% trans %} Suivant {% endtrans %}
  77.                     </span>
  78.                   </a>
  79.                 </div>
  80.                 <!-- end carousel -->
  81.               </div>
  82.               <!-- end card-body -->
  83.               <div class="card-footer">
  84.                 <div class="dropdown float-end">
  85.                   <a
  86.                     href="#"
  87.                     class="dropdown-toggle arrow-none"
  88.                     data-toggle="dropdown"
  89.                     aria-expanded="false"
  90.                   >
  91.                     <i class="mdi mdi-dots-vertical m-0 text-muted h5"></i>
  92.                   </a>
  93.                   <div class="dropdown-menu dropdown-menu-end">
  94.                     <a
  95.                       class="dropdown-item edittask-details text-success"
  96.                       href="{{
  97.                         path('app_post_send_notification', { id: act.id })
  98.                       }}"
  99.                     >
  100.                       <i class="bx bx-send font-size-16 align-middle"></i>
  101.                       {% trans %} Envoyé par email aux parents {% endtrans %}
  102.                     </a>
  103.                     <a
  104.                       href="{{ path('app_post_edit', { id: act.id }) }}"
  105.                       class="dropdown-item edittask-details text-info"
  106.                       data-toggle="tooltip"
  107.                       data-placement="top"
  108.                       title="{{ 'Modifier' | trans }}"
  109.                     >
  110.                       <i class="bx bx-edit font-size-16 align-middle"></i>
  112.                       {% trans %} Modifier {% endtrans %}
  113.                     </a>
  115.                     <form
  116.                       style="display: contents"
  117.                       id="delete-form-{{ act.id }}"
  118.                       method="post"
  119.                       action="{{ path('app_post_delete', { id: act.id }) }}"
  120.                       onclick="alertify.set('notifier','position', 'top-right'); alertify.confirm('Supprimer', 'Voulez-vous vraiment supprimer cet objet?', function(e){ document.getElementById('delete-form-{{
  121.                         act.id
  122.                       }}').submit(); }, function(){ alertify.error('Annuler')});"
  123.                     >
  124.                       <input
  125.                         type="hidden"
  126.                         name="_token"
  127.                         value="{{ csrf_token('delete' ~ act.id) }}"
  128.                       />
  129.                       <a
  130.                         href="javascript:void(0);"
  131.                         type="button"
  132.                         class="dropdown-item text-danger"
  133.                         data-toggle="tooltip"
  134.                         data-placement="top"
  135.                         title="{{ 'Supprimer' | trans }}"
  136.                       >
  137.                         <i class="bx bx-trash font-size-16 align-middle"></i>
  138.                         {% trans %} Supprimer {% endtrans %}
  139.                       </a>
  140.                     </form>
  141.                   </div>
  142.                 </div>
  143.                 <h4 class="card-title">{{ act.name }}</h4>
  145.                 <p class="card-title-desc">
  146.                   {{ act.description|slice(0, 30) ~ '...' }}
  147.                 </p>
  148.               </div>
  149.               <!-- end card header -->
  150.             </div>
  151.           </div>
  152.           {% endfor %} {% if activities|length == 0 %}
  153.           <div class="list-group list-group-flush">
  154.             <div
  155.               class="alert alert-transparent alert-dismissible fade show px-4 mb-0 text-center"
  156.               role="alert"
  157.             >
  158.               <img
  159.                 src="/front/images/noevent.png"
  160.                 width="250px"
  161.                 class="img-fluid mb-4"
  162.               />
  163.               <h3 class="text-danger">
  164.                 {% trans %} Pas d' d'activités {% endtrans %}
  165.               </h3>
  166.               <a
  167.                 data-bs-toggle="modal"
  168.                 data-bs-target="#add-activity-modal"
  169.                 href="{{ path('app_evenement_index') }}"
  170.                 class="text-info"
  171.               >
  172.                 {% trans %}Ajouter un nouvel activity{% endtrans %}
  173.               </a>
  174.             </div>
  175.           </div>
  176.           {% endif %}
  177.         </div>
  178.       </div>
  179.     </div>
  180.   </div>
  181. </div>