Antoine
/
interne-utils
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

salaire : retoruches layout

This commit is contained in:
Antoine Pierlot-Garcin 2023-11-19 15:26:28 +01:00
parent 2291639fb5
commit 8faac541ac
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/+page.svelte
View File

@ -1,9 +1,9 @@
<script> <script lang="ts">
import SalaireInterne from "./SalaireInterne.svelte"; import SalaireInterne from './SalaireInterne.svelte';
</script> </script>
<div class="container h-full mx-auto flex justify-center items-center max-w-6xl px-1 sm:px-2 md:px-5"> <div class="container mx-auto flex justify-center items-center max-w-6xl px-1 sm:px-2 md:px-5">
<div class="flex flex-col space-y-10 items-center"> <div class="flex flex-col space-y-10">
<div> <div>
<h2 class="h2">Salaire d'interne v2</h2> <h2 class="h2">Salaire d'interne v2</h2>
</div> </div>

13
src/routes/SalaireInterne.svelte
View File

@ -179,7 +179,7 @@
{@debug base, totalBrut, totalNet} {@debug base, totalBrut, totalNet}
<!-- ENTREES --> <!-- ENTREES -->
<div class="gap-3 flex flex-wrap md:grid md:grid-cols-5 md:items-center"> <div class="gap-3 flex flex-wrap md:grid md:grid-cols-5 md:items-center align-top">
<div> <div>
<label class="label" for="dateSalaire"><span>Date d'effet</span></label> <label class="label" for="dateSalaire"><span>Date d'effet</span></label>
<input class="input" id="dateSalaire" value="Date" disabled /> <input class="input" id="dateSalaire" value="Date" disabled />
@ -199,6 +199,7 @@
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<SlideToggle name="slider-logé" bind:checked={isLogé}>Logé</SlideToggle> <SlideToggle name="slider-logé" bind:checked={isLogé}>Logé</SlideToggle>
<SlideToggle name="slider-nourri" bind:checked={isNourri}>Nourri</SlideToggle> <SlideToggle name="slider-nourri" bind:checked={isNourri}>Nourri</SlideToggle>
<SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
</div> </div>
<div class="col-span-2 flex flex-col gap-1"> <div class="col-span-2 flex flex-col gap-1">
<div class="grow pb-2 flex justify-left"> <div class="grow pb-2 flex justify-left">
@ -220,7 +221,6 @@
</div> </div>
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<SlideToggle name="slider-outremer" bind:checked={estUltramarin}>Outremer</SlideToggle>
<PlusMoins bind:compteur={nbDemiGardes}>Demi-gardes</PlusMoins> <PlusMoins bind:compteur={nbDemiGardes}>Demi-gardes</PlusMoins>
</div> </div>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
@ -238,7 +238,7 @@
</div> </div>
<!-- BULLETIN DE SALAIRE --> <!-- BULLETIN DE SALAIRE -->
<div class="ficheSalaire w-full flex flex-col bg-surface-700 font-mono"> <div class="ficheSalaire flex flex-col bg-surface-700 font-mono">
<div class="grow flex text-center bg-surface-600 px-1 font-bold"> <div class="grow flex text-center bg-surface-600 px-1 font-bold">
<div class="grow text-left">&nbsp;Description</div> <div class="grow text-left">&nbsp;Description</div>
<div class="flex-none w-24">Base</div> <div class="flex-none w-24">Base</div>
@ -332,7 +332,12 @@
/> />
{#if tauxSource} {#if tauxSource}
<LigneSalaire type="brut" emphase={true} label="&nbsp;TOTAL NET AVANT IMPOTS" base={totalNetAvantImpots} /> <LigneSalaire
type="brut"
emphase={true}
label="&nbsp;TOTAL NET AVANT IMPOTS"
base={totalNetAvantImpots}
/>
{/if} {/if}
<LigneSalaire <LigneSalaire