templates/vehicule/index.html.twig line 1

Open in your IDE?
  1. {% extends "Global/layout.html.twig" %}
  4. {% block title %}Parking{% endblock %}
  6. {% set pageTitle ='Parking'%}
  7. {% block navigation %}
  8.     {% set navigation = [{'current': pageTitle}] %}
  9.     {% include 'Global/navigation.html.twig' with {navigation: navigation} %}
  10. {% endblock %}
  11. {% block content %}
  13.     <section class="card mb-3">
  14.         <header class="card-header">
  15.             <div class="card-actions">
  16.                 <a href="#" class="card-action card-action-toggle" data-card-toggle=""></a>
  17.                 <a href="#" class="card-action card-action-dismiss" data-card-dismiss=""></a>
  18.             </div>              
  20.             <div class="card-body">
  21.                 <table class="table table-striped" id="vehicule">
  22.                     <thead>
  23.                         <tr>
  24.                             <th>Adherent</th>
  25.                             <th>Immatriculation</th>
  26.                             <th>Marque</th>
  27.                             <th>Modele</th>
  28.                             <th>Couleur</th>
  29.                             <th>Parking</th>
  30.                             <th>Mois début</th>
  31.                             <th>Mois fin</th>
  32.                             <th>Action</th>
  33.                         </tr>
  34.                     </thead>
  35.                     <tbody>
  36.                         {% for vehicule in vehicules %}
  37.                               {% if  (vehicule.moisFin!=1) %}
  38.                             <tr>
  39.                                 <td>{{ vehicule.adherent.nomPrenom }}</td>
  40.                                 <td>{{ vehicule.immatriculation }}</td>
  41.                                 <td>{{ vehicule.marque }}</td>
  42.                                 <td>{{ vehicule.modele }}</td>
  43.                                 <td>{{ vehicule.couleur }}</td>
  44.                                 {% if  (vehicule.parking) %}
  45.                                     <td>{{ vehicule.parking.nom }}</td>
  46.                                 {% else %}
  47.                                     <td>-</td>
  48.                                 {% endif %}
  49.                                 <td>{{ vehicule.moisDebut }}</td>
  50.                                
  51.                                 <td>{{ vehicule.moisFin }}</td>
  52.                                 <td><a class="btn btn-primary" href="{{ path('app_vehicule_edit', {'id': vehicule.id}) }}">Modifier</a></td>
  53.                             </tr>
  54.                             {% endif %}
  55.                         {% endfor %}
  56.                     </tbody>
  57.                     <tfoot>
  58.                            <tr>
  59.                             <th>Adherent</th>
  60.                             <th>Immatriculation</th>
  61.                             <th>Marque</th>
  62.                             <th>Modele</th>
  63.                             <th>Couleur</th>
  64.                             <th>Parking</th>
  65.                             <th>Mois début</th>
  66.                             <th>Mois fin</th>
  67.                             <th>Action</th>
  68.                         </tr>
  69.                     </tfoot>
  70.                 </table>
  71.             </div>
  73.     </section>    
  76. {% endblock %}
  77. {% block script %}
  80.     <script>
  82.         $(document).ready(function () {
  83.             $("#vehicule").DataTable({
  84.                 language: {
  85.                     url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/fr-FR.json',
  86.                 },
  87.                 lengthMenu: [
  88.                     [10, 15, 25, 50, -1],
  89.                 ],
  90.                 dom: 'Bfrtip',
  91.                 buttons: [
  92.                     {
  93.                         extend: 'pdf',
  94.                         exportOptions: {
  95.                             columns: [0, 1, 2, 3, 4, 5]
  96.                         }
  98.                     },
  99.                     {
  100.                         extend: 'print',
  101.                         exportOptions: {
  102.                             columns: [0, 1]
  103.                         }
  105.                     },
  106.                     'copy', 'csv', 'excel'
  107.                 ],
  108.                 scrollX: true,
  109.                 initComplete: function () {
  110.                     this.api()
  111.                             .columns()
  112.                             .every(function () {
  113.                                 let column = this;
  114.                                 let title = column.footer().textContent;
  115.                                 // Create input element
  116.                                 let input = document.createElement('input');
  117.                                 input.placeholder = title;
  118.                                 column.footer().replaceChildren(input);
  119.                                 // Event listener for user input
  120.                                 input.addEventListener('keyup', () => {
  121.                                     if (column.search() !== this.value) {
  122.                                         column.search(input.value).draw();
  123.                                     }
  124.                                 });
  125.                             });
  126.                 }
  128.             });
  130.         });
  131.     </script>
  132. {% endblock %}