first try

gip-inclusion · Feb 8, 2024 · 4a96206 · 4a96206
1 parent b9c42dd
commit 4a96206
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 0 deletions.
diff --git a/lemarche/static/itou_marche/utils.scss b/lemarche/static/itou_marche/utils.scss
@@ -27,3 +27,13 @@
         transform: rotate(360deg);
     }
 }
+
+.tooltip-inner {
+    max-width: 200px;
+    padding: 3px 8px;
+    background-color: #fff;
+    color: #000;
+    text-align: left;
+    border: 1px solid #cccdd7;
+    border-radius: 0.25rem;
+}
diff --git a/lemarche/static/js/utils.js b/lemarche/static/js/utils.js
@@ -22,6 +22,15 @@ window.addEventListener('DOMContentLoaded', function () {
 
     initModalMessages();
 
+    $('.super-badge-badge').each(function (element) {
+        $(this).tooltip(
+            {
+                html: true,
+                placement: "bottom",
+                title: $('#tooltip-super-badge').html()
+            });
+    });
+
     $('.s-tabs-01__nav .nav-item').on('click', function (event) {
         event.preventDefault()
         let tabContent = this.parentElement.parentElement.querySelector(".tab-content");

diff --git a/lemarche/templates/dashboard/home_siae.html b/lemarche/templates/dashboard/home_siae.html
@@ -139,5 +139,6 @@ <h1 class="s-title-01__title h1"><strong>Tableau de bord</strong></h1>
 {% endif %}
 
 {% include "dashboard/_aides_territoires_section.html" with extra_class="pt-3" %}
+{% include "includes/_super_siae_arguments_badge.html" %}
 
 {% endblock %}
diff --git a/lemarche/templates/includes/_super_siae_arguments_badge.html b/lemarche/templates/includes/_super_siae_arguments_badge.html
@@ -0,0 +1,10 @@
+<div class="d-none">
+    <div id="tooltip-super-badge">
+        <ul class="list-unstyled pt-1">
+            <li><i class="ri-check-line"></i> Fiche commerciale complète et mise à jour régulièrement</li>
+            <li><i class="ri-check-line"></i> Taux de réponse élevé</li>
+            <li><i class="ri-check-line"></i> Délai moyen de réponse élevé</li>
+            <li><i class="ri-check-line"></i> Coordonnées de contact à jour</li>
+        </ul>
+    </div>
+</div>