|
|
|
|
@@ -1,35 +1,35 @@
|
|
|
|
|
<template>
|
|
|
|
|
<section class="flex h-full min-h-0 flex-col overflow-hidden pt-8">
|
|
|
|
|
<div class="grid grid-cols-4 rounded-md bg-tertiary-500 text-primary-500 text-[18px] border border-primary-500">
|
|
|
|
|
<p class="col-start-1 p-[10px] border-b border-b-black"><strong class="uppercase font-semibold">Année acquis :</strong> {{
|
|
|
|
|
<p class="col-start-1 p-[10px] border-b border-r border-primary-500"><strong class="uppercase font-semibold">Année acquis :</strong> {{
|
|
|
|
|
formatCount(summary?.acquiredDays)
|
|
|
|
|
}} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p class="col-start-2 p-[10px] border-b border-b-black"><strong class="uppercase font-semibold">Pris :</strong>
|
|
|
|
|
<p class="col-start-2 p-[10px] border-b border-r border-primary-500"><strong class="uppercase font-semibold">Pris :</strong>
|
|
|
|
|
{{ formatCount(isForfaitRule ? currentYearTakenDays : summary?.takenDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p class="col-start-3 p-[10px] border-b border-b-black"><strong class="uppercase font-semibold">Reste à prendre :</strong>
|
|
|
|
|
<p class="col-start-3 p-[10px] border-b border-r border-b-white border-r-primary-500 bg-primary-500 text-white"><strong class="uppercase font-semibold">Reste à prendre :</strong>
|
|
|
|
|
{{ formatCount(summary?.remainingDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p class="col-start-4 p-[10px] border-b border-b-black"><strong class="uppercase font-semibold">En cours d'acquisition :</strong>
|
|
|
|
|
<p class="col-start-4 p-[10px] border-b border-primary-500"><strong class="uppercase font-semibold">En cours d'acquisition :</strong>
|
|
|
|
|
{{ formatCount(summary?.accruingDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-1 p-[10px]"><span class="uppercase font-semibold">Samedi acquis :</span>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-1 p-[10px] border-r border-primary-500"><span class="uppercase font-semibold">Samedi acquis :</span>
|
|
|
|
|
{{ formatCount(summary?.acquiredSaturdays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-else class="col-start-1 p-[10px]"><span class="uppercase font-semibold">Année N-1 acquis :</span>
|
|
|
|
|
<p v-else class="col-start-1 p-[10px] border-r border-primary-500"><span class="uppercase font-semibold">Année N-1 acquis :</span>
|
|
|
|
|
{{ formatCount(summary?.previousYearAcquiredDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-2 p-[10px]"><span class="uppercase font-semibold">Pris :</span>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-2 p-[10px] border-r border-primary-500"><span class="uppercase font-semibold">Pris :</span>
|
|
|
|
|
{{ formatCount(summary?.takenSaturdays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-3 p-[10px]"><span class="uppercase font-semibold">Reste à prendre :</span>
|
|
|
|
|
<p v-if="!isForfaitRule" class="col-start-3 p-[10px] border-r border-r-primary-500 bg-primary-500 text-white"><span class="uppercase font-semibold">Reste à prendre :</span>
|
|
|
|
|
{{ formatCount(summary?.remainingSaturdays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-else class="col-start-2 p-[10px]"><span class="uppercase font-semibold">Pris :</span>
|
|
|
|
|
<p v-else class="col-start-2 p-[10px] border-r border-primary-500"><span class="uppercase font-semibold">Pris :</span>
|
|
|
|
|
{{ formatCount(summary?.previousYearTakenDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<p v-if="isForfaitRule" class="col-start-3 p-[10px]"><span class="uppercase font-semibold">Reste à prendre :</span>
|
|
|
|
|
<p v-if="isForfaitRule" class="col-start-3 p-[10px] border-r-primary-500 bg-primary-500 text-white"><span class="uppercase font-semibold">Reste à prendre :</span>
|
|
|
|
|
{{ formatCount(summary?.previousYearRemainingDays) }} Jours
|
|
|
|
|
</p>
|
|
|
|
|
<div v-if="!isForfaitRule" class="col-start-4 p-[10px] flex gap-7 items-center">
|
|
|
|
|
|