templates/entreprise/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des entreprises{% endblock %}
  5. {% block body %}
  6. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.css">
  7. <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  8. <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.js"></script>
  9. {{ include('_header.html.twig') }}
  10.     <div class="container mt-5">
  11.         <div class="row">
  12.             <a type="button" href="{{path('app_entreprise_add')}}" class="btn btn-success">Ajouter</a>
  13.         </div>
  14.         <div class="row mt-4">
  15.             <table id="entreprises" class="text-center table table-light table-bordered table-striped" style="width:100%">
  16.                 <thead>
  17.                     <tr class="bg-dark">
  18.                         <th>Raison Sociale</th>
  19.                         <th style="width:10em">Ville</th>
  20.                         <th style="width:7em">SIRET</th>
  21.                         <th style="width:7em">Client</th>
  22.                         <th style="width:7em">Utilisateur</th>
  23.                         <th style="width:5em">Action</th>
  24.                         <th style="display:none">PDL</th>
  25.                         <th style="display:none">NAF</th>
  26.                     </tr>
  27.                 </thead>
  28.             </table>
  29.         </div>
  30.     </div>
  31. {{ include('_footer.html.twig') }}
  32. {% endblock %}
  34. {% block javascripts %}
  35.     <script>
  36.         var entreprises = $("#entreprises").DataTable({
  37.             data:{{entreprises|json_encode|raw}},
  38.             columns: [
  39.                 { data: 0 }, // Raison Sociale
  40.                 { data: 1 }, // Ville
  41.                 { data: 2 }, // SIRET
  42.                 { data: 3 }, // Client
  43.                 { data: 4 }, // Utilisateur
  44.                 { data: 5 }, // Action
  45.                 { data: 6, visible: false }, // PDL (hidden)
  46.                 { data: 7, visible: false } // NAF (hidden)
  47.             ],
  48.             "language": {
  49.                 "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
  50.             },
  51.             "stateSave": true,
  52.             "stateDuration": -1, // Keeps state until browser cache is cleared
  53.             "search": {
  54.                 "smart": true,
  55.                 "regex": false,
  56.                 "search": ""
  57.             }
  58.         });
  60.         // Store current state before navigating to details
  61.         $(document).on('click', 'a[href*="app_entreprise_details"]', function() {
  62.             localStorage.setItem('returnToEnterpriseList', 'true');
  63.         });
  65.         // Check if we're returning from details page
  66.         if (localStorage.getItem('returnToEnterpriseList')) {
  67.             localStorage.removeItem('returnToEnterpriseList');
  68.             // The state will be automatically loaded by DataTables
  69.         }
  70.     </script>
  71. {% endblock %}