templates/magazine/index.html.twig line 1

Open in your IDE?
  1. {% extends 'back/layout.html.twig' %}
  3. {% block title %}Magazines
  4. {% endblock %}
  6. {% block body %}
  8. <div class="mt-5">
  9.     <nav class="mb-2" aria-label="breadcrumb">
  10.         <ol class="breadcrumb mb-0">
  11.             <li class="breadcrumb-item">
  12.                 <a href="">Accueil</a>
  13.             </li>
  14.             <li class="breadcrumb-item">
  15.                 <a href="javascript:;">Magazine</a>
  16.             </li>
  17.         </ol>
  18.     </nav>
  19.     <div class="mb-9">
  20.         <div class="row g-2 mb-4">
  21.             <div class="col-auto">
  22.                 <h2 class="mb-0">Liste des magazines</h2>
  23.             </div>
  24.         </div>
  25.         <div id="products">
  26.             <div class="mb-4">
  27.                 <div class="row g-3">
  28.                     <div class="col-auto">
  29.                         <div class="search-box">
  30.                             <form class="position-relative" data-bs-toggle="search" data-bs-display="static"><input
  31.                                     class="form-control search-input search" type="search"
  32.                                     placeholder="Rechercher un magazine" aria-label="Search" />
  33.                                 <span class="fas fa-search search-box-icon"></span>
  34.                             </form>
  35.                         </div>
  36.                     </div>
  37.                     <div class="col-auto scrollbar overflow-hidden-y flex-grow-1">
  38.                         <div class="btn-group position-static" role="group"></div>
  39.                     </div>
  40.                     <div class="col-auto">
  41.                         <a href="{{ path('app_magazine_new') }}" class="btn btn-sm btn-primary" style="color:white;background-color: #11076b">
  42.                                 <span class="fas fa-plus me-2"></span>Nouveau</a>
  43.                     </div>
  44.                 </div>
  45.             </div>
  47.             <div class="card shadow">
  48.                 <div class="table-responsive scrollbar mx-3 px-1">
  49.                     <table class="table table-sm fs--1 mb-0">
  50.                         <thead>
  51.                             <tr>
  52.                                 <th class="sort align-middle" scope="col" data-sort="customer" style="text-align: left">
  53.                                     NOM DU MENU</th>
  54.                                 <th class="sort align-middle" scope="col" data-sort="customer" style="text-align: left">
  55.                                     NOM DU MAGAZINE</th>
  56.                                 <th class="sort align-middle" scope="col" data-sort="customer" style="text-align: left">
  57.                                     RUBRIQUES </th>
  58.                                 {# <th class="sort align-middle" scope="col" data-sort="customer" style="width:25%;">
  59.                                 PATH</th> #}
  60.                                 <th class="sort align-middle" scope="col" data-sort="email" style="width:10%;">DATE DE
  61.                                     CREATION</th>
  62.                                  <th class="sort align-middle" scope="col" data-sort="email" style="width:10%;">PUBLICATION</th>
  63.                                 <th class="sort align-middle text-end pe-0" scope="col" data-sort="last-order"
  64.                                     style="width:10%;min-width: 150px;">ACTIONS</th>
  65.                             </tr>
  66.                         </thead>
  67.                         <tbody class="list" id="table-latest-review-body">
  68.                            
  69.                             {% for magazine in magazines %}
  70.                             <tr class="hover-actions-trigger btn-reveal-trigger position-static">
  71.                                 <td class="customer align-middle white-space-nowrap" style="text-align: left">
  72.                                     <p class="mb-0 ms-3 text-1100 fw-bold">{{ magazine.menu.title }}</p>
  73.                                 </td>
  74.                                 <td class="customer align-middle white-space-nowrap" style="text-align: left">
  75.                                     <p class="mb-0 ms-3 text-1100 fw-bold">{{ magazine.sousmenu.intitule }}</p>
  76.                                 </td>
  77.                                 <td class="customer align-middle white-space-nowrap" style="text-align: left">
  78.                                     <p class="mb-0 ms-3 text-1100 fw-bold">{{ magazine.sousmenu2.intitule }}</p>
  79.                                 </td>
  80.                                 {# <td class="customer align-middle white-space-nowrap" >
  81.                                     <p class="mb-0 ms-3 text-1100 fw-bold">{{ agenda.path }}</p>
  82.                                 </td> #}
  83.                                 <td class="email align-middle white-space-nowrap">
  84.                                     {{ magazine.createdAt | date('d-m-Y à H:i') }}
  85.                                 </td>
  86.                                 <td class="email align-middle white-space-nowrap">
  88.                                     {% if magazine.statut %}
  89.                                         <span class="me-2 btn btn-success btn-sm">Publié</span>
  90.                                     {% else %}
  91.                                         <span class="btn btn-warning">Non publié</span>
  92.                                     {% endif %}
  93.                                     {# {% if agenda.statut==1 %}
  94.                                         <a href="" class="me-2 btn btn-success btn-sm" >Publié</a>
  95.                                     {% else %}
  96.                                         <a href="" class="btn btn-warning">Non publié</a>
  97.                                     
  98.                                     {% endif %} #}
  99.                                     
  100.                                    
  101.                                 </td>
  102.                                 <td class="align-middle white-space-nowrap text-end pe-0 ps-4">
  103.                                     <div class="position-relative">
  104.                                         <div class="hover-actions"></div>
  105.                                     </div>
  106.                                     <div class="font-sans-serif btn-reveal-trigger position-static">
  107.                                         <button
  108.                                             class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs--2"
  109.                                             type="button" data-bs-toggle="dropdown" data-boundary="window"
  110.                                             aria-haspopup="true" aria-expanded="false" data-bs-reference="parent">
  111.                                             <span class="fas fa-ellipsis-h fs--2"></span>
  112.                                         </button>
  113.                                         <div class="dropdown-menu dropdown-menu-end py-2">
  114.                                             <a class="dropdown-item" href="{{path('app_magazine_edit',{'id': magazine.id})}}">Modifier</a>
  115.                                             {% if magazine.statut %}
  116.                                                     <a class="dropdown-item" href="{{path('app_magazine_desactive_status',{'id': magazine.id})}}">Retirer</a>
  117.                                                     {% else %}
  118.                                                     <a class="dropdown-item" href="{{path('app_magazine_active_status',{'id': magazine.id})}}">Publier</a>
  119.                                                     {% endif %}
  120.                                             {# <a href="javascript:;" id="btnDelete" data-id="{{ agenda.id }}"
  121.                                                 class="dropdown-item text-danger" data-bs-toggle="modal"
  122.                                                 data-bs-target="#verticallyCentered">Supprimer</a> #}
  123.                                             <a href="#" class="dropdown-item text-danger"  onclick="event.preventDefault(); confirm('Voulez-vous vraiment supprimer cette actualité ?') && document.getElementById('menudeleteform ~ {{magazine.id}}').submit();" class="btn btn-light">
  124.                                                     Supprimer
  125.                                             </a>
  126.                                             <form
  127.                                                 id="menudeleteform ~ {{magazine.id}}" action="{{path('app_magazine_delete',{id:magazine.id})}}" method="post" style="display:none">
  128.                                                 <input type="hidden" name="_token" value="{{csrf_token('delete' ~ magazine.id)}}">
  129.                                             </form>
  130.                                         </div>
  131.                                     </div>
  132.                                 </td>
  133.                             </tr>
  135.                             {% else %}
  136.                             <tr>
  137.                                 <td colspan="5" class="text-center">Aucune information trouvée</td>
  138.                             </tr>
  139.                             {% endfor %}
  140.                         </tbody>
  141.                     </table>
  142.                 </div>
  143.                 <div class="row align-items-center justify-content-between py-2 pe-0 fs-1">
  144.                     <div class="col-auto d-flex"></div>
  145.                     <div class="col-auto d-flex"></div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </div>
  150. </div>
  151. {# {{ include('sousmenu/ajout.html.twig') }}
  152. {{ include('sousmenu/update.html.twig') }} #}
  153. {# {{ include('sousmenu/_modal.html.twig') }} #}
  155. {% block javascripts %}
  157.     <script>
  158.         $('body').on('click', '#updateBranche', function () {
  159.             $('#formUpdate').attr('action', $(this).attr('data-url'))
  160.             $('#libelleUpdate').val($(this).attr('data-libelle'));
  161.             $('#lienUpdate').val($(this).attr('data-lien'));
  162.             $('#menuUpdate').val($(this).attr('data-menus')).trigger('change');
  163.         });
  164.     </script>
  166.     <script>
  167.         $(document).on('click', '#btnDelete', function () {
  168.             document.forms.deleteForm.action = '/magazine/supprimer/' + $(this).attr('data-id');
  169.         })
  170.     </script>
  172. {% endblock javascripts %}
  174. {% endblock %}