From 881c6e2f7fa214ffa04e461681ad1a4f9823b223 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 9 Apr 2024 09:54:23 -0300
Subject: [PATCH] Improve translations

---
 .../Worker/Card/WorkerCalendarFilter.vue      | 58 +++++++++++++------
 1 file changed, 39 insertions(+), 19 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
index 58f770c52..66d5bdf27 100644
--- a/src/pages/Worker/Card/WorkerCalendarFilter.vue
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -94,22 +94,31 @@ const yearList = ref(generateYears());
         </QCardSection>
         <QCardSection class="column items-center" horizontal>
             <span>
-                {{ t('Used') }} {{ contractHolidays.holidaysEnjoyed || 0 }} {{ t('of') }}
-                {{ contractHolidays.totalHolidays || 0 }}
-                {{ t('days') }}
+                {{
+                    t('usedDays', {
+                        holidaysEnjoyed: contractHolidays.holidaysEnjoyed || 0,
+                        totalHolidays: contractHolidays.totalHolidays || 0,
+                    })
+                }}
             </span>
         </QCardSection>
         <QCardSection class="column items-center" horizontal>
             <span>
-                {{ t('Spent') }} {{ contractHolidays.hoursEnjoyed || 0 }} {{ t('of') }}
-                {{ contractHolidays.totalHours || 0 }} {{ t('hours') }}
+                {{
+                    t('spentHours', {
+                        hoursEnjoyed: contractHolidays.hoursEnjoyed || 0,
+                        totalHours: contractHolidays.totalHours || 0,
+                    })
+                }}
             </span>
         </QCardSection>
         <QCardSection class="column items-center" horizontal>
             <span>
-                {{ t('Paid holidays') }}
-                {{ contractHolidays.payedHolidays || 0 }}
-                {{ t('days') }}
+                {{
+                    t('paidHolidays', {
+                        payedHolidays: contractHolidays.payedHolidays || 0,
+                    })
+                }}
             </span>
         </QCardSection>
     </div>
@@ -125,15 +134,21 @@ const yearList = ref(generateYears());
         </QCardSection>
         <QCardSection class="column items-center" horizontal>
             <span>
-                {{ t('Used') }} {{ yearHolidays.holidaysEnjoyed || 0 }} {{ t('of') }}
-                {{ yearHolidays.totalHolidays || 0 }} {{ t('days') }}
+                {{
+                    t('usedDays', {
+                        holidaysEnjoyed: yearHolidays.holidaysEnjoyed || 0,
+                        totalHolidays: yearHolidays.totalHolidays || 0,
+                    })
+                }}
             </span>
         </QCardSection>
         <QCardSection class="column items-center" horizontal>
-            <span>
-                {{ t('Spent') }} {{ yearHolidays.hoursEnjoyed || 0 }} {{ t('of') }}
-                {{ yearHolidays.totalHours || 0 }} {{ t('hours') }}
-            </span>
+            {{
+                t('spentHours', {
+                    hoursEnjoyed: yearHolidays.hoursEnjoyed || 0,
+                    totalHours: yearHolidays.totalHours || 0,
+                })
+            }}
         </QCardSection>
     </div>
     <QList dense class="list q-gutter-y-sm q-my-lg">
@@ -219,15 +234,20 @@ const yearList = ref(generateYears());
 </style>
 
 <i18n>
+en:
+    spentHours: Spent {hoursEnjoyed} of {totalHours} hours
+    usedDays: Used {holidaysEnjoyed} of {totalHolidays} days
+    paidHolidays: Paid holidays {payedHolidays} days
+
+
 es:
-    Used: Utilizados
-    Spent: Utilizadas
     Paid holidays: Vacaciones pagadas
-    of: de
-    days: días
-    hours: horas
     Year: Año
     Contract: Contrato
     Festive: Festivo
     Current day: Día actual
+    spentHours: Utilizadas {hoursEnjoyed} de {totalHours} horas
+    usedDays: Utilizados {holidaysEnjoyed} de {totalHolidays} días
+    paidHolidays: Vacaciones pagadas {payedHolidays} días
+
 </i18n>