[#322] Page horaire (#4)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|        #322          |        Page horaire         |

## Description de la PR
[#322] Page horaire

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Reviewed-on: #4
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

frontend/components/AbsenceFormDrawer.vue

@@ -9,6 +9,7 @@
                     id="employee"
                     v-model="absenceForm.employeeId"
                     :class="employeeFieldClass"
+                    :disabled="props.lockEmployee"
                 >
                     <option value="" disabled>Choisir un employé</option>
                     <option v-for="employee in employees" :key="employee.id" :value="employee.id">
@@ -48,6 +49,7 @@
                             v-model="absenceForm.startDate"
                             type="date"
                             class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                            :disabled="props.lockDates"
                         />
                         <select
                             v-model="absenceForm.startHalf"
@@ -67,6 +69,7 @@
                             v-model="absenceForm.endDate"
                             type="date"
                             class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                            :disabled="props.lockDates"
                         />
                         <select
                             v-model="absenceForm.endHalf"
@@ -80,7 +83,7 @@
                 </div>
             </div>
 
-            <div>
+            <div v-if="props.showComment !== false">
                 <label class="text-md font-semibold text-neutral-700" for="comment">Commentaire</label>
                 <textarea
                     id="comment"
@@ -142,6 +145,9 @@ const props = defineProps<{
     }
     editingAbsence: Absence | null
     isSubmitting: boolean
+    lockEmployee?: boolean
+    lockDates?: boolean
+    showComment?: boolean
 }>()
 
 const emit = defineEmits<{