diff --git a/src/lib/components/budget/WithoutBudgetCard.svelte b/src/lib/components/budget/WithoutBudgetCard.svelte index 792478681b6d26b4453fad4107f73e842da4f39b..510d7d4043d7ba62bc09b77c51efb9ff8af5cfa8 100644 --- a/src/lib/components/budget/WithoutBudgetCard.svelte +++ b/src/lib/components/budget/WithoutBudgetCard.svelte @@ -6,9 +6,10 @@ interface Props { displayMode: DisplayMode variable: Decomposition + testCaseOption?: boolean } - let { displayMode, variable }: Props = $props() + let { displayMode, variable, testCaseOption = true }: Props = $props() </script> <div class="rounded-lg border border-gray-200 bg-white p-2 shadow-md"> @@ -259,26 +260,27 @@ Voir les dispositifs avec impacts budgétaires </a> {/if} - - <div class="mb-3 mt-4 flex w-full gap-9"> - <hr class="mt-5 flex-1 border-dashed border-black" /> - <span class="text-lg font-light xl:text-2xl 2xl:text-3xl">ou</span> - <hr class="mt-5 flex-1 border-dashed border-black" /> - </div> - <span class="max-w-screen-sm font-light text-gray-600"> - Les impacts sont aussi calculables sur des cas types :</span - ><a - class="flex items-center gap-1.5 rounded-lg bg-white px-3 py-1.5 text-sm font-semibold uppercase tracking-wider text-le-gris-dispositif-dark transition-all duration-200 ease-out-back hover:bg-neutral-200 hover:text-black active:bg-neutral-300" - href={newSimulationUrl({ - ...displayMode, - budget: false, - })} - > - <!-- <iconify-icon--> - <!-- class="text-lg"--> - <!-- icon="ri-arrow-left-line"--> - <!-- />--> - Voir les impacts sur cas types - </a> + {#if testCaseOption} + <div class="mb-3 mt-4 flex w-full gap-9"> + <hr class="mt-5 flex-1 border-dashed border-black" /> + <span class="text-lg font-light xl:text-2xl 2xl:text-3xl">ou</span> + <hr class="mt-5 flex-1 border-dashed border-black" /> + </div> + <span class="max-w-screen-sm font-light text-gray-600"> + Les impacts sont aussi calculables sur des cas types :</span + ><a + class="flex items-center gap-1.5 rounded-lg bg-white px-3 py-1.5 text-sm font-semibold uppercase tracking-wider text-le-gris-dispositif-dark transition-all duration-200 ease-out-back hover:bg-neutral-200 hover:text-black active:bg-neutral-300" + href={newSimulationUrl({ + ...displayMode, + budget: false, + })} + > + <!-- <iconify-icon--> + <!-- class="text-lg"--> + <!-- icon="ri-arrow-left-line"--> + <!-- />--> + Voir les impacts sur cas types + </a> + {/if} </div> </div> diff --git a/src/lib/components/variables/VariableDetail.svelte b/src/lib/components/variables/VariableDetail.svelte index 71cbec6e74abcb7a1857989e51f91c6b920924ce..0fd9a519367bc4c6c71d5c6ffb9a7e2c301fde20 100644 --- a/src/lib/components/variables/VariableDetail.svelte +++ b/src/lib/components/variables/VariableDetail.svelte @@ -15,6 +15,7 @@ import TestCasePictos from "$lib/components/test_cases/TestCasePictos.svelte" import VariableDetailBudget from "$lib/components/variables/VariableDetailBudget.svelte" import VariableValueChange from "$lib/components/variables/VariableValueChange.svelte" + import WithoutBudgetCard from "$lib/components/budget/WithoutBudgetCard.svelte" import { decompositionCoreByName, decompositionCoreByNameByReformName, @@ -336,18 +337,8 @@ ></iconify-icon> </a> {:else} - <span class="text-base italic xl:text-lg"> - Le calcul des impacts budgétaires du dispositif « {shortLabel} » - n'est pas encore disponible. - <span class="font-normal" - >Ce sujet vous intéresse ? Écrivez-nous à - <a - class="lx-link-text" - href="mailto:leximpact@assemblee-nationale.fr" - >leximpact@assemblee-nationale.fr</a - ></span - > - </span> + <!--Panneau indicateur que d'autres dispositifs sont disponibles en budgétaire--> + <WithoutBudgetCard {displayMode} {variable} testCaseOption={false} /> {/if} </AccordionItem> <AccordionItem open={true} title="Impacts cas types">