templates/back/category/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base_back.html.twig' %}
  3. {% block body %}
  4.     <div class="content-header">
  5.         <div class="container-fluid">
  6.             <div class="row mb-2">
  7.                 <div class="col-sm-6">
  8.                     <h1 class="m-0">Catégories</h1>
  9.                 </div><!-- /.col -->
  10.             </div><!-- /.row -->
  11.         </div><!-- /.container-fluid -->
  12.     </div>
  14.     <section class="content">
  15.         <div class="container-fluid">
  16.             <!-- Small boxes (Stat box) -->
  17.             <div class="row">
  18.                 <div class="col-12">
  19.                     <div class="card">
  20.                         <div class="card-header">
  21.                             <h3 class="card-title">Liste des catégories</h3><br>
  22.                             <div class="col-md-4">
  23.                                 <a href="{{ path('back_category_add') }}" class="btn btn-block btn-info">Ajouter une catégorie</a>
  24.                             </div>
  25.                         </div>
  26.                         <!-- /.card-header -->
  27.                         <div class="card-body">
  28.                             <table id="postTable" class="table table-bordered table-hover">
  29.                                 <thead>
  30.                                 <tr>
  31.                                     <th>Nom</th>
  32.                                     <th>Couleur</th>
  33.                                     <th>Actions</th>
  34.                                 </tr>
  35.                                 </thead>
  36.                                 <tbody>
  37.                                 {% for category in categories %}
  38.                                     <tr>
  39.                                         <td>{{ category.name }}</td>
  40.                                         <td><div style="width:25px;height:25px;background:{{ category.color }};"></div></td>
  41.                                         <td>
  42.                                             <a href="{{ path('back_category_edit', {'id': category.id}) }}" class="btn btn-block btn-info">Editer</a>
  43.                                             <a href="{{ path('back_category_remove', {'id': category.id}) }}" class="btn btn-block btn-danger" onclick="return confirm('Etes-vous sûr de vouloir supprimer cette catégorie ?')">Supprimer</a>
  44.                                         </td>
  45.                                     </tr>
  46.                                 {% endfor %}
  47.                                 </tbody>
  48.                             </table>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </section>
  56. {% endblock %}
  58. {% block javascript %}
  59. {{ parent() }}
  60. <script>
  61.     $(document).ready(function() {
  62.         $('#postTable').DataTable({
  63.             "language": {
  64.                 "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/French.json"
  65.             },
  66.             "order": []
  67.         });
  68.     });
  69. </script>
  70. {% endblock %}