From 3b145a3863c63a767b4e1f7037dc279ca9b7b53a Mon Sep 17 00:00:00 2001
From: Fabien Le Frapper <contact@fabienlefrapper.me>
Date: Wed, 11 Dec 2024 17:18:24 +0100
Subject: [PATCH] embed script

---
 qfdmd/views.py                                           | 3 ++-
 .../to_compile/entrypoints/assistant/script-to-iframe.ts | 9 +++------
 templates/components/sidebar/action.html                 | 5 +++--
 .../sidebar/email/{_action.html => action.html}          | 2 +-
 .../components/sidebar/email/{_icon.html => icon.html}   | 0
 .../sidebar/embed/{_action.html => action.html}          | 2 +-
 .../components/sidebar/embed/{_icon.html => icon.html}   | 0
 .../sidebar/share/{_action.html => action.html}          | 2 +-
 .../components/sidebar/share/{_icon.html => icon.html}   | 0
 templates/components/sidebar/sidebar.html                | 6 +++---
 10 files changed, 14 insertions(+), 15 deletions(-)
 rename templates/components/sidebar/email/{_action.html => action.html} (93%)
 rename templates/components/sidebar/email/{_icon.html => icon.html} (100%)
 rename templates/components/sidebar/embed/{_action.html => action.html} (97%)
 rename templates/components/sidebar/embed/{_icon.html => icon.html} (100%)
 rename templates/components/sidebar/share/{_action.html => action.html} (94%)
 rename templates/components/sidebar/share/{_icon.html => icon.html} (100%)

diff --git a/qfdmd/views.py b/qfdmd/views.py
index c8cd33b6c..3bcb8832d 100644
--- a/qfdmd/views.py
+++ b/qfdmd/views.py
@@ -1,6 +1,7 @@
 import logging
 from typing import Any
 
+from django.conf import settings
 from django.http import HttpResponse
 from django.shortcuts import render
 from django.views.generic import DetailView, ListView
@@ -14,7 +15,7 @@
 def generate_iframe_script() -> str:
     return (
         '<script id="quefairedemesdechets" '
-        'src="https://quefairedemesdechets.ademe.fr/iframe.js" '
+        f'src="{settings.BASE_URL}/iframe.js">'
         "</script>"
     )
 
diff --git a/static/to_compile/entrypoints/assistant/script-to-iframe.ts b/static/to_compile/entrypoints/assistant/script-to-iframe.ts
index 6c61a8f46..5759eb658 100644
--- a/static/to_compile/entrypoints/assistant/script-to-iframe.ts
+++ b/static/to_compile/entrypoints/assistant/script-to-iframe.ts
@@ -3,12 +3,8 @@ import { iframeResize } from "iframe-resizer";
 window.addEventListener("DOMContentLoaded", () => {
   const script = document.getElementById("quefairedemesdechets");
   const search = script?.dataset?.search;
-  const source = window.location.href.toString();
-
-  const src = `http://localhost:8000/dechet${
-    search || "?"
-  }&iframe=1&source=${source}`;
-
+  const origin = new URL(script?.getAttribute("src")).origin
+  const src = `${origin}/dechet/?iframe`;
   const iframe = document.createElement("iframe");
 
   const iframeAttributes = {
@@ -21,6 +17,7 @@ window.addEventListener("DOMContentLoaded", () => {
   for (var key in iframeAttributes) {
     iframe.setAttribute(key, iframeAttributes[key]);
   }
+
   iframeResize({}, iframe);
 
   script.parentNode.insertBefore(iframe, script);
diff --git a/templates/components/sidebar/action.html b/templates/components/sidebar/action.html
index 9d1942949..b39f44c9f 100644
--- a/templates/components/sidebar/action.html
+++ b/templates/components/sidebar/action.html
@@ -1,12 +1,13 @@
 {% block modal_wrapper_for_id %}
 <button
-    class=""
+    {# The rounded-full here need to match the one of the icon #}
+    class="qf-p-0 lg:qf-rounded-l-full"
     data-fr-opened="false"
     aria-controls="fr-modal-{{ id }}"
     aria-labelled-by="sidebar-action-{{ id }}"
 >
     <span class="
-        lg:qf-rounded-l-full lg:qf-py-2w lg:qf-pl-2w
+        lg:qf-rounded-l-full lg:qf-py-2w lg:qf-pl-2w lg:qf-pr-1w
         hover:!qf-bg-green-menthe-850-active qf-bg-green-menthe-850-hover
         qf-flex qf-items-center qf-justify-center
         max-lg:qf-aspect-square max-lg:qf-p-3v max-lg:qf-scale-75 max-lg:qf-rounded-full
diff --git a/templates/components/sidebar/email/_action.html b/templates/components/sidebar/email/action.html
similarity index 93%
rename from templates/components/sidebar/email/_action.html
rename to templates/components/sidebar/email/action.html
index edf6ba760..f47cdb827 100644
--- a/templates/components/sidebar/email/_action.html
+++ b/templates/components/sidebar/email/action.html
@@ -1,7 +1,7 @@
 {% extends "../action.html" %}
 
 {% block icon %}
-{% include "./_icon.html" %}
+{% include "./icon.html" %}
 {% endblock icon %}
 
 {% block button_text %}
diff --git a/templates/components/sidebar/email/_icon.html b/templates/components/sidebar/email/icon.html
similarity index 100%
rename from templates/components/sidebar/email/_icon.html
rename to templates/components/sidebar/email/icon.html
diff --git a/templates/components/sidebar/embed/_action.html b/templates/components/sidebar/embed/action.html
similarity index 97%
rename from templates/components/sidebar/embed/_action.html
rename to templates/components/sidebar/embed/action.html
index b6bbd091d..6cb0cab17 100644
--- a/templates/components/sidebar/embed/_action.html
+++ b/templates/components/sidebar/embed/action.html
@@ -1,7 +1,7 @@
 {% extends "../action.html" %}
 
 {% block icon %}
-{% include "./_icon.html" %}
+{% include "./icon.html" %}
 {% endblock icon %}
 
 {% block button_text %}
diff --git a/templates/components/sidebar/embed/_icon.html b/templates/components/sidebar/embed/icon.html
similarity index 100%
rename from templates/components/sidebar/embed/_icon.html
rename to templates/components/sidebar/embed/icon.html
diff --git a/templates/components/sidebar/share/_action.html b/templates/components/sidebar/share/action.html
similarity index 94%
rename from templates/components/sidebar/share/_action.html
rename to templates/components/sidebar/share/action.html
index 1f8c0739d..28b475814 100644
--- a/templates/components/sidebar/share/_action.html
+++ b/templates/components/sidebar/share/action.html
@@ -1,7 +1,7 @@
 {% extends "../action.html" %}
 
 {% block icon %}
-{% include "./_icon.html" %}
+{% include "./icon.html" %}
 {% endblock icon %}
 
 {% block button_text %}
diff --git a/templates/components/sidebar/share/_icon.html b/templates/components/sidebar/share/icon.html
similarity index 100%
rename from templates/components/sidebar/share/_icon.html
rename to templates/components/sidebar/share/icon.html
diff --git a/templates/components/sidebar/sidebar.html b/templates/components/sidebar/sidebar.html
index d0e42af5e..0921c5ff5 100644
--- a/templates/components/sidebar/sidebar.html
+++ b/templates/components/sidebar/sidebar.html
@@ -9,8 +9,8 @@
         class="qf-flex lg:qf-flex-col qf-gap-3w
         qf-flex-row max-lg:qf-justify-between"
     >
-        {% include "./embed/_action.html" %}
-        {% include "./share/_action.html" %}
-        {% include "./email/_action.html" %}
+        {% include "./embed/action.html" %}
+        {% include "./share/action.html" %}
+        {% include "./email/action.html" %}
     </nav>
 </aside>