Skip to main content
Explore
Sign in
Explore
Snippets Groups Projects
Commit 40cc7260 authored by Dorine Lambinet's avatar Dorine Lambinet
Browse files

Ajout bouton impacts budgétaires

parent 696cecc1
Branches
Tags
1 merge request!88Maj intro simulateur
Pipeline #4041 passed
Stage: build
Show whitespace changes
Inline Side-by-side
src/lib/components/tutorial/StartTutorial.svelte
+ 141
− 12
View file @ 40cc7260
......@@ -108,36 +108,165 @@
<div class="mt-6 flex flex-wrap text-black ">
<a
class="rounded-full border-4 border-white bg-le-gris-dispositif-light px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
href="/?law=true&parameters=csg_deductible_salaire"
href="/?law=true&parameters=irpp_economique"
>
<span>CSG déductible</span>
<span>Impôt sur le revenu</span>
</a>
<a
class="rounded-full border-4 border-white bg-le-gris-dispositif-light px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
href="/?law=true&parameters=csg_imposable_salaire"
href="/?law=true&parameters=allegement_fillon"
>
<span>CSG imposable</span>
<span>Réduc. cotis. patronales "bas salaires"</span>
</a>
<a
class="rounded-full border-4 border-white bg-le-gris-dispositif-light px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
href="/?law=true&parameters=irpp_economique"
href="/?law=true&parameters=aah"
>
<span>Impôt sur le revenu</span>
<span>AAH</span>
</a>
<a
class="rounded-full border-4 border-white bg-le-gris-dispositif-light px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
href="/?law=true&parameters=allegement_fillon"
href="/?law=true&parameters=csg_deductible_salaire"
>
<span>Réduction des cotisations patronales sur les bas salaires</span>
<span>CSG salaires déductible</span>
</a>
<a
class="rounded-full border-4 border-white bg-le-gris-dispositif-light px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
href="/?law=true&parameters=aah"
href="/?law=true&parameters=csg_imposable_salaire"
>
<span>AAH</span>
<span>CSG salaires imposable</span>
</a>
</div>
<div class="mt-36 flex flex-wrap border-t pt-4">
<h3 class="text-gray-700">Pour les impacts deux simulateurs :</h3>
<div
class="rounded-full border-4 border-white bg-gray-300 px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
>
<a
href="https://leximpact.an.fr/ir?popin=connection"
title="Vers le simulateur CSG Budget de la Sécurité sociale"
>
<div class="flex items-center">
<svg
class="ml-2"
width="30"
height="30"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path
fill="#2A6797"
d="M2 11c-2 0-2 2-2 2v21s0 2 2 2h32c2 0 2-2 2-2V13s0-2-2-2H2z"
/><path
fill="#5DADEC"
d="M2 6C0 6 0 8 0 8v20s0 2 2 2h32c2 0 2-2 2-2V8s0-2-2-2H2z"
/><circle fill="#4289C1" cx="25" cy="18" r="6.5" /><path
fill="#2A6797"
d="M33 28.5H3c-.827 0-1.5-.673-1.5-1.5V9c0-.827.673-1.5 1.5-1.5h30c.827 0 1.5.673 1.5 1.5v18c0 .827-.673 1.5-1.5 1.5zM3 8.5a.5.5 0 0 0-.5.5v18c0 .275.225.5.5.5h30c.275 0 .5-.225.5-.5V9a.5.5 0 0 0-.5-.5H3z"
/><path fill="#FFE8B6" d="M14 6h8v24.062h-8z" /><path
fill="#FFAC33"
d="M14 30h8v6h-8z"
/><path
fill="#2A6797"
d="M12.764 21.84c0 .658-1.474 1.447-3.301 1.447c-2.42 0-3.877-1.681-4.361-3.742H3.808a.57.57 0 1 1 0-1.139h1.129c-.008-.136-.029-.27-.029-.406c0-.3.026-.597.063-.89H3.808a.57.57 0 1 1 0-1.14h1.416c.593-1.835 2.03-3.257 4.313-3.257c1.84 0 3.008.993 3.008 1.519c0 .336-.205.612-.526.612c-.584 0-.876-1.022-2.482-1.022c-1.51 0-2.428.942-2.891 2.147h3.327a.57.57 0 1 1 0 1.14H6.351a6.246 6.246 0 0 0-.072.891c0 .134.016.27.025.405h3.668a.57.57 0 1 1 0 1.139H6.485c.389 1.43 1.346 2.631 2.978 2.631c1.563 0 2.25-.934 2.79-.934c.307.001.511.235.511.599z"
/></svg
>
<div class="ml-2 inline-block text-center">
Budget impôt sur le revenu
</div>
<!-- Material icon: key fill-->
<svg
class="mx-2 inline-flex rounded fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="18"
height="18"
><path fill="none" d="M0 0h24v24H0z" /><path
d="M17 14h-4.341a6 6 0 1 1 0-4H23v4h-2v4h-4v-4zM7 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
/></svg
>
</div>
</a>
</div>
<div
class="rounded-full border-4 border-white bg-gray-300 px-3 py-1 hover:bg-le-gris-dispositif hover:bg-opacity-60"
>
<a
href="https://budget.leximpact.an.fr/authentication/signin/leximpact?redirect=/budget"
title="Vers le simulateur CSG Budget de la Sécurité sociale"
>
<div class="flex items-center">
<svg
class="ml-2"
width="30"
height="30"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path
fill="#2A6797"
d="M2 11c-2 0-2 2-2 2v21s0 2 2 2h32c2 0 2-2 2-2V13s0-2-2-2H2z"
/><path
fill="#5DADEC"
d="M2 6C0 6 0 8 0 8v20s0 2 2 2h32c2 0 2-2 2-2V8s0-2-2-2H2z"
/><circle fill="#4289C1" cx="25" cy="18" r="6.5" /><path
fill="#2A6797"
d="M33 28.5H3c-.827 0-1.5-.673-1.5-1.5V9c0-.827.673-1.5 1.5-1.5h30c.827 0 1.5.673 1.5 1.5v18c0 .827-.673 1.5-1.5 1.5zM3 8.5a.5.5 0 0 0-.5.5v18c0 .275.225.5.5.5h30c.275 0 .5-.225.5-.5V9a.5.5 0 0 0-.5-.5H3z"
/><path fill="#FFE8B6" d="M14 6h8v24.062h-8z" /><path
fill="#FFAC33"
d="M14 30h8v6h-8z"
/><path
fill="#2A6797"
d="M12.764 21.84c0 .658-1.474 1.447-3.301 1.447c-2.42 0-3.877-1.681-4.361-3.742H3.808a.57.57 0 1 1 0-1.139h1.129c-.008-.136-.029-.27-.029-.406c0-.3.026-.597.063-.89H3.808a.57.57 0 1 1 0-1.14h1.416c.593-1.835 2.03-3.257 4.313-3.257c1.84 0 3.008.993 3.008 1.519c0 .336-.205.612-.526.612c-.584 0-.876-1.022-2.482-1.022c-1.51 0-2.428.942-2.891 2.147h3.327a.57.57 0 1 1 0 1.14H6.351a6.246 6.246 0 0 0-.072.891c0 .134.016.27.025.405h3.668a.57.57 0 1 1 0 1.139H6.485c.389 1.43 1.346 2.631 2.978 2.631c1.563 0 2.25-.934 2.79-.934c.307.001.511.235.511.599z"
/></svg
>
<div class="ml-2 inline-block text-center">Budget CSG</div>
<!-- Material icon: key fill-->
<svg
class="mx-2 inline-flex rounded fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="18"
height="18"
><path fill="none" d="M0 0h24v24H0z" /><path
d="M17 14h-4.341a6 6 0 1 1 0-4H23v4h-2v4h-4v-4zM7 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
/></svg
>
</div>
</a>
</div>
</div>
<button on:click={() => (isTestCaseSelectModalOpen = true)}>
<div
class="border-1 absolute bottom-8 left-8 flex items-center rounded-full bg-gray-300 p-3 px-4 uppercase shadow-lg"
>
<svg
class="mr-2"
width="30"
height="30"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
><path
fill="#2A6797"
d="M2 11c-2 0-2 2-2 2v21s0 2 2 2h32c2 0 2-2 2-2V13s0-2-2-2H2z"
/><path
fill="#5DADEC"
d="M2 6C0 6 0 8 0 8v20s0 2 2 2h32c2 0 2-2 2-2V8s0-2-2-2H2z"
/><circle fill="#4289C1" cx="25" cy="18" r="6.5" /><path
fill="#2A6797"
d="M33 28.5H3c-.827 0-1.5-.673-1.5-1.5V9c0-.827.673-1.5 1.5-1.5h30c.827 0 1.5.673 1.5 1.5v18c0 .827-.673 1.5-1.5 1.5zM3 8.5a.5.5 0 0 0-.5.5v18c0 .275.225.5.5.5h30c.275 0 .5-.225.5-.5V9a.5.5 0 0 0-.5-.5H3z"
/><path fill="#FFE8B6" d="M14 6h8v24.062h-8z" /><path
fill="#FFAC33"
d="M14 30h8v6h-8z"
/><path
fill="#2A6797"
d="M12.764 21.84c0 .658-1.474 1.447-3.301 1.447c-2.42 0-3.877-1.681-4.361-3.742H3.808a.57.57 0 1 1 0-1.139h1.129c-.008-.136-.029-.27-.029-.406c0-.3.026-.597.063-.89H3.808a.57.57 0 1 1 0-1.14h1.416c.593-1.835 2.03-3.257 4.313-3.257c1.84 0 3.008.993 3.008 1.519c0 .336-.205.612-.526.612c-.584 0-.876-1.022-2.482-1.022c-1.51 0-2.428.942-2.891 2.147h3.327a.57.57 0 1 1 0 1.14H6.351a6.246 6.246 0 0 0-.072.891c0 .134.016.27.025.405h3.668a.57.57 0 1 1 0 1.139H6.485c.389 1.43 1.346 2.631 2.978 2.631c1.563 0 2.25-.934 2.79-.934c.307.001.511.235.511.599z"
/></svg
>Impacts budgétaires
</div>
</button>
{/if}
</div>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment