From dce57fa886c8a16b7afd89eef1ac3fb6ba574495 Mon Sep 17 00:00:00 2001
From: David Smadja <david.smadja@assemblee-nationale.fr>
Date: Thu, 9 Jan 2025 18:33:26 +0100
Subject: [PATCH] Add picto
---
.../piece_of_cake/VerticalLine.svelte | 12 +++++++++---
1 file changed, 9 insertions(+), 3 deletions(-)
diff --git a/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte b/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte
index a05ea60cb..79b60c6db 100644
--- a/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte
+++ b/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte
@@ -3,6 +3,7 @@
import { getSituationVariableValue, type Situation } from "$lib/situations"
import { variableSummaryByName, type VariableValue } from "$lib/variables"
import type { PopulationWithoutId } from "@openfisca/json-model"
+ import PictoBigPersonneACharge from "$lib/components/ui_transverse_components/pictos/PictoBigPersonneACharge.svelte"
interface Props {
situation: Situation
@@ -28,7 +29,7 @@
let min = $derived(situation.sliders![0].min)
let max = $derived(situation.sliders![0].max)
let personSituation = $derived(
- situation[personEntity.key_plural] as {
+ situation[personEntity.key_plural!] as {
[populationId: string]: PopulationWithoutId
},
)
@@ -50,6 +51,11 @@
</script>
<div
- class="pointer-events-none absolute inset-y-0 -translate-x-1/2 border-l border-neutral-600"
+ class="pointer-events-none absolute inset-y-0 inline -translate-x-1/2 border-l-2 border-neutral-600"
style:left="{linePositionX}%"
-></div>
+>
+ <div class="relative" style:top="-50px" style:left="-20px">
+ <PictoBigPersonneACharge />
+ </div>
+ <div class="relative" style:top="-80px" style:left="20px">Cas type</div>
+</div>
--
GitLab