relais search vehicule: adapt to new dsfr

mesadsfr · Jul 18, 2024 · ccc7d29 · ccc7d29
1 parent 010f926
commit ccc7d29
Showing 1 changed file with 44 additions and 39 deletions.
diff --git a/mesads/templates/webpack/pages/vehicules_relais/user_search_departement.html b/mesads/templates/webpack/pages/vehicules_relais/user_search_departement.html
@@ -29,45 +29,50 @@ <h1>Les véhicules relais du département {{ prefecture.numero }} - {{ prefectur
   Ce tableau répertorie l'ensemble des taxis relais qui peuvent être exploités au sein du département.
 </p>
 
-<div class="fr-table fr-table--bordered fr-table--no-caption">
-  <table>
-    <caption>Véhicules relais du département {{ prefecture.numero }} - {{ prefecture.libelle }}</caption>
-    <thead>
-      <tr>
-        <th scope="col">Numéro</th>
-        <th scope="col">Type de véhicule</th>
-        <th scope="col">Caractéristiques principales</th>
-        <th scope="col">Propriétaire du véhicule</th>
-        <th scope="col">Ville de localisation du véhicule</th>
-        <th scope="col">Afficher les caractéristiques complètes</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for vehicule in vehicule_list %}
-      <tr>
-        <td><strong>{{ vehicule.numero }}</strong></td>
-        <td>{{ vehicule.modele }}</td>
-        <td>
-          {% for feature in vehicule.main_features %}
-            {{ feature }}<br />
-          {% endfor %}
-        </td>
-        <td>{{ vehicule.proprietaire.nom }}</td>
-        <td>
-          {% if vehicule.commune_localisation %}
-            {{ vehicule.commune_localisation.libelle }} ({{ vehicule.commune_localisation.departement }})
-          {% endif %}
-        </td>
-        <td><a href="{% url 'vehicules-relais.vehicule' numero=vehicule.numero %}">Afficher les détails</a></td>
-      </tr>
-      {% empty %}
-      <tr>
-        <td colspan="6" style="text-align: center">Aucun véhicule relais n'est enregistré pour ce département.</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-
+<div class="fr-table fr-table--lg fr-table--no-caption fr-table--no-scroll" id="table-vehicules">
+  <div class="fr-table__wrapper">
+    <div class="fr-table__container">
+      <div class="fr-table__content">
+        <table id="table-vehicules">
+          <caption>Véhicules relais du département {{ prefecture.numero }} - {{ prefecture.libelle }}</caption>
+          <thead>
+            <tr>
+              <th scope="col">Numéro</th>
+              <th scope="col">Type de véhicule</th>
+              <th scope="col">Caractéristiques principales</th>
+              <th scope="col">Propriétaire du véhicule</th>
+              <th scope="col">Ville de localisation du véhicule</th>
+              <th scope="col">Afficher les caractéristiques complètes</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for vehicule in vehicule_list %}
+            <tr>
+              <td><strong>{{ vehicule.numero }}</strong></td>
+              <td>{{ vehicule.modele }}</td>
+              <td>
+                {% for feature in vehicule.main_features %}
+                  {{ feature }}<br />
+                {% endfor %}
+              </td>
+              <td>{{ vehicule.proprietaire.nom }}</td>
+              <td>
+                {% if vehicule.commune_localisation %}
+                  {{ vehicule.commune_localisation.libelle }} ({{ vehicule.commune_localisation.departement }})
+                {% endif %}
+              </td>
+              <td><a href="{% url 'vehicules-relais.vehicule' numero=vehicule.numero %}">Afficher les détails</a></td>
+            </tr>
+            {% empty %}
+            <tr>
+              <td colspan="6" style="text-align: center">Aucun véhicule relais n'est enregistré pour ce département.</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
   {% show_pagination_links page_obj %}
 </div>
 {% endblock %}