🚸(dashboard) refactor the consent summary page HTML

Refactored the consent summary page with the `dsfr` Add alert message and cusomise it with the `dsfr` style
MTES-MCT · Dec 6, 2024 · b5cce85 · b5cce85
1 parent a0d036a
commit b5cce85
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/dashboard/apps/home/templates/home/cards/consentement.html b/src/dashboard/apps/home/templates/home/cards/consentement.html
@@ -28,9 +28,11 @@ <h3 class="fr-card__title">
   </div>
   <div class="fr-card__header">
     <div class="fr-card__img">
+      {# djlint:off H006 #}
       <img class="fr-responsive-img"
            src="https://www.systeme-de-design.gouv.fr/img/placeholder.16x9.png"
            alt=""/>
+      {# djlint:on #}
     </div>
   </div>
 </div>
diff --git a/src/dashboard/templates/base.html b/src/dashboard/templates/base.html
@@ -6,13 +6,18 @@
 {% endblock header %}
 
 {% block content %}
-  {% if messages %}
-    <ul class="messages">
-        {% for message in messages %}
-        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
-        {% endfor %}
-    </ul>
+  {% if messages %}    
+    {% for message in messages %}
+      <div class="fr-grid-row fr-grid-row--gutters fr-mb-1w">
+        <div class="fr-col-12">
+          <div role="alert" class="fr-alert {% if message.tags %}fr-alert--{{ message.tags }}{% endif %}">            
+            <p>{{ message }}</p>            
+          </div>
+        </div>
+      </div>
+    {% endfor %}    
   {% endif %}
+
   {% block dashboard_content %}{% endblock dashboard_content %}
 {% endblock content %}