templates/home/listoffer.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello PagesController!{% endblock %}
  5. {% block body %}
  7.     <div class="container p-30">
  8.         <div class="row">
  9.             <div class="col-md-12 main-datatable">
  10.                 <div class="card_body">
  11.                     <div class="row d-flex">
  12.                         {% if is_granted('ROLE_ADMIN_STRUCTURE') or is_granted('ROLE_SUPER_ADMIN') %}
  13.                         <div class="col-sm-4 createSegment">
  14.                             <a class="btn dim_button create_new" href="{{ path('app_upload') }}"> <i
  15.                                         class="fa fa-plus"></i> Ajouter une nouvelle offre</a>
  16.                         </div>
  17.                         {% endif %}
  18.                         <div class="col-sm-8 add_flex">
  19.                             <div class="form-group searchInput">
  20.                                 <label for="email">Rechercher:</label>
  21.                                 <input type="search" class="form-control" id="filterbox" placeholder=" ">
  22.                             </div>
  23.                         </div>
  24.                     </div>
  25.                     <div class="overflow-x">
  26.                         <table style="width:100%;" id="filtertable" class="table cust-datatable dataTable no-footer ">
  28.                             <thead>
  29.                             <th style="min-width:150px;">Consulter l'offre</th>
  30.                             <th style="min-width:150px;">Titre de l'offre</th>
  31.                             <th style="min-width:150px;">Nom de la structure</th>
  32.                             <th style="min-width:150px;">Description de l'offre</th>
  33.                             <th style="min-width:100px;">Catégorie de l'offre</th>
  34.                             <th style="min-width:100px;">Date de publication</th>
  35.                             <th style="min-width:150px;">Localisation</th>
  36.                             {% if is_granted('ROLE_ADMIN_STRUCTURE') or is_granted('ROLE_SUPER_ADMIN') %}
  37.                                 <th style="min-width:150px;">Action</th>
  38.                             {% endif %}
  39.                             </thead>
  40.                             <tbody>
  41.                             {% for offer in offer %}
  42.                                 {% if offer.statut == 'Initial' %}
  43.                                     <tr>
  44.                                     <td>
  45.                                         <div class="btn-group consult">
  46.                                             <abbr title="Consulter"><a
  47.                                                         href="{{ path ('app_candidature',{id : offer.id}) }}">
  48.                                                     <button id="offerVue">Voir l'offre</button>
  49.                                                     </a></abbr>
  50.                                         </div>
  51.                                     </td>
  52.                                     <td><b> {{ offer.titre }} </b></td>
  53.                                     <td> {{ offer.nomStructure }} </td>
  54.                                     <td> {{ offer.descriptionPoste }} </td>
  55.                                     <td> {{ offer.categorieContrat }}</td>
  56.                                     <td> {{ offer.datePublication|date("d/m/Y") }} </td>
  57.                                     <td> {{ offer.Localisation }} </td>
  58.                                     {% if  is_granted('ROLE_SUPER_ADMIN') or is_granted('ROLE_ADMIN_STRUCTURE') %}
  59.                                         <td>
  60.                                             <div class="btn-group edit">
  61.                                                 <a href="{{ path('app_modif', {id : offer.id}) }}"><i class="bi bi-pencil-fill"></i></a>
  62.                                             </div>
  64.                                             <div class="btn-group delete">
  65.                                                 <a href="{{ path('app_delete', {id : offer.id}) }}"
  66.                                                    onclick="return confirm('Etes-vous sur de vouloir supprimer cette offre ?')"><i
  67.                                                             class="bi bi-trash-fill"></i></a>
  68.                                             </div>
  71.                                         </td>
  72.                                         </tr>
  73.                                     {% endif %}
  74.                                 {% endif %}
  75.                             {% endfor %}
  78.                             </tbody>
  81.                         </table>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  89.     <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  90.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  91.     <script src="https://cdn.datatables.net/1.10.14/js/jquery.dataTables.min.js"></script>
  92.     <script>
  94.         var dataTable = $('#filtertable').DataTable({
  96.             "pageLength": 5,
  97.             "scrollY": 400,
  98.             "scrollX": true,
  99.             "scrollCollapse": true,
  100.             "paging": false,
  102.             'aoColumnDefs': [{
  103.                 'bSortable': true,
  104.                 'aTargets': ['3'],
  106.             }],
  107.             columnDefs: [
  108.                 {type: 'date-dd-mm-yyyy', aTargets: [5]}
  109.             ],
  110.             "aoolumns": [
  111.                 null,
  112.                 null,
  113.                 null,
  114.                 null,
  115.                 null,
  116.                 null,
  117.                 null
  118.             ],
  119.             "order": false,
  120.             "bLengthChange": false,
  121.             "dom": '<"top">ct<"top"p><"clear">'
  125.         });
  127.         $("#filterbox").on('keyup change', function () {
  128.             dataTable.search(this.value).draw();
  129.         });
  133.     </script>
  139. {% endblock %}