Ouvrir les articles de loi (sources modale droit attendu 2024) dans une modale...

Ouvrir les articles de loi (sources modale droit attendu 2024) dans une modale comme dans le reste de l'UI

src/lib/components/variables/InflationLawInfoModal.svelte

@@ -10,6 +10,7 @@
   } from "@rgossiaux/svelte-headlessui"
 
   import InflationLawDetails from "$lib/components/variables/InflationLawDetails.svelte"
+  import ArticleModal from "$lib/components/parameters/ArticleModal.svelte"
 
   export let isOpen = false
   export let billParameter: ScaleParameter | ValueParameter
@@ -17,6 +18,8 @@
   export let revaluationDetails: ValueParameter
   export let revaluationParameter: ScaleParameter | ValueParameter
 
+  let openReferenceUrl: string | undefined | null = null
+
   $: revaluationReferences = [
     ...(revaluationDetails.reference === undefined
       ? []
@@ -141,10 +144,10 @@
                 {#each revaluationReferences as reference}
                   <li>
                     {#if reference.href !== undefined}
-                      <a
-                        href={reference.href}
+                      <button
                         class="cursor-pointer underline hover:text-le-bleu"
-                        >{reference.title}</a
+                        on:click={() => (openReferenceUrl = reference.href)}
+                        >{reference.title}</button
                       >
                     {:else}
                       {reference.title}
@@ -153,6 +156,12 @@
                 {/each}
               </ol>
             </div>
+
+            <ArticleModal
+              on:close={() => (openReferenceUrl = null)}
+              parameter={lawParameter ?? billParameter}
+              referenceUrl={openReferenceUrl ?? null}
+            />
           </DialogDescription>
         </div>
       </TransitionChild>