feat : modification de la gestion des jours fériés

frontend/pages/employees/[id].vue

@@ -135,6 +135,8 @@
                     :requires-create-contract-end-date="requiresCreateContractEndDate"
                     :create-contract-end-date-field-class="createContractEndDateFieldClass"
                     :is-create-contract-form-valid="isCreateContractFormValid"
+                    :requires-create-work-days-hours="requiresCreateWorkDaysHours"
+                    :selected-create-contract="selectedCreateContract"
                     :on-open-close-contract-drawer="openCloseContractDrawer"
                     :on-open-create-contract-drawer="openCreateContractDrawer"
                     :on-update-contract-drawer-open="setContractDrawerOpen"
@@ -274,6 +276,8 @@ const {
     requiresCreateContractEndDate,
     createContractEndDateFieldClass,
     isCreateContractFormValid,
+    requiresCreateWorkDaysHours,
+    selectedCreateContract,
     contractNatureLabel,
     contractHistoryLabel,
     formatDate,

frontend/pages/employees/index.vue

@@ -205,6 +205,11 @@
                             Chauffeur
                         </label>
                     </div>
+                    <WorkDaysHoursInput
+                        v-if="requiresSchedule"
+                        v-model="form.workDaysHours"
+                        :contract-weekly-hours="selectedContract?.weeklyHours ?? null"
+                    />
                 </template>
                 <div class="flex justify-end gap-3 pt-2">
                     <button
@@ -234,6 +239,8 @@
 
 <script setup lang="ts">
 import type {Contract} from '~/services/dto/contract'
+import WorkDaysHoursInput from '~/components/employees/WorkDaysHoursInput.vue'
+import { requiresWorkDaysHours } from '~/utils/contract'
 import type {Employee} from '~/services/dto/employee'
 import type {Site} from '~/services/dto/site'
 import {listContracts} from '~/services/contracts'
@@ -292,7 +299,8 @@ const form = reactive({
     contractNature: 'CDI' as 'CDI' | 'CDD' | 'INTERIM',
     contractStartDate: '',
     contractEndDate: '',
-    isDriver: false
+    isDriver: false,
+    workDaysHours: null as Record<number, number> | null
 })
 
 const validationTouched = reactive({
@@ -310,6 +318,21 @@ const isLastNameValid = computed(() => form.lastName.trim() !== '')
 const isSiteValid = computed(() => form.siteId !== '')
 const isContractValid = computed(() => form.contractId !== '')
 const isContractNatureValid = computed(() => isContractNature(form.contractNature))
+const selectedContract = computed<Contract | null>(() =>
+    contracts.value.find((c) => c.id === Number(form.contractId)) ?? null
+)
+const requiresSchedule = computed(() =>
+    !editingEmployee.value && requiresWorkDaysHours(selectedContract.value, form.contractNature)
+)
+const scheduleTotalMinutes = computed(() => {
+    const raw = form.workDaysHours ?? {}
+    return Object.values(raw).reduce((s, n) => s + (Number(n) || 0), 0)
+})
+const isScheduleValid = computed(() => {
+    if (!requiresSchedule.value) return true
+    const expected = (selectedContract.value?.weeklyHours ?? 0) * 60
+    return expected > 0 && scheduleTotalMinutes.value === expected
+})
 const isContractStartDateValid = computed(() => form.contractStartDate !== '')
 const showsContractEndDateComputed = computed(() => showsContractEndDate(form.contractNature))
 const requiresContractEndDateComputed = computed(() => requiresContractEndDate(form.contractNature))
@@ -327,7 +350,8 @@ const isFormValid = computed(
             : (isContractValid.value &&
                 isContractNatureValid.value &&
                 isContractStartDateValid.value &&
-                isContractEndDateValid.value))
+                isContractEndDateValid.value &&
+                isScheduleValid.value))
 )
 
 const showFirstNameError = computed(
@@ -478,7 +502,8 @@ const handleSubmit = async () => {
                 contractNature: form.contractNature,
                 contractStartDate: form.contractStartDate,
                 contractEndDate: form.contractEndDate || null,
-                isDriverInput: form.isDriver
+                isDriverInput: form.isDriver,
+                workDaysHoursInput: requiresSchedule.value ? form.workDaysHours : null
             })
         }
 
@@ -490,6 +515,7 @@ const handleSubmit = async () => {
         form.contractStartDate = new Date().toISOString().slice(0, 10)
         form.contractEndDate = ''
         form.isDriver = false
+        form.workDaysHours = null
         editingEmployee.value = null
         isDrawerOpen.value = false
         await loadEmployees()
@@ -516,6 +542,12 @@ watch(showsContractEndDateComputed, (shows) => {
     }
 })
 
+watch(requiresSchedule, (required) => {
+    if (!required) {
+        form.workDaysHours = null
+    }
+})
+
 const openEdit = (employee: Employee) => {
     editingEmployee.value = employee
     form.firstName = employee.firstName
@@ -534,6 +566,7 @@ const openCreate = () => {
     form.contractStartDate = new Date().toISOString().slice(0, 10)
     form.contractEndDate = ''
     form.isDriver = false
+    form.workDaysHours = null
     isDrawerOpen.value = true
 }