fix : wip

frontend/pages/hours.vue

@@ -13,9 +13,14 @@
             :sites="sites"
             :formatted-selected-date="formattedSelectedDate"
             :shortcut-button-class="shortcutButtonClass"
+            :week-shortcut-button-class="weekShortcutButtonClass"
+            :get-week-shortcut-label="getWeekShortcutLabel"
             @set-yesterday="setYesterday"
             @set-today="setToday"
             @set-tomorrow="setTomorrow"
+            @set-previous-week="setPreviousWeek"
+            @set-this-week="setThisWeek"
+            @set-next-week="setNextWeek"
             @shift-date="shiftDate"
         />
 
@@ -28,30 +33,43 @@
         </div>
 
         <div v-else class="flex flex-1 min-h-0 flex-col gap-4">
-            <HoursDayView
-                v-if="viewMode === 'day'"
-                v-model:rows="rows"
-                :employees="visibleEmployees"
-                :is-admin="isAdmin"
-                :day-grid-cols="dayGridCols"
-                :contract-label="contractLabel"
-                :is-time-tracking="isTimeTracking"
+            <div class="flex-1 min-h-0 flex flex-col">
+                <HoursDayView
+                    v-if="viewMode === 'day'"
+                    v-model:rows="rows"
+                    :employees="visibleEmployees"
+                    :is-admin="isAdmin"
+                    :day-grid-cols="dayGridCols"
+                    :contract-label="contractLabel"
+                    :is-time-tracking="isTimeTracking"
                 :is-presence-tracking="isPresenceTracking"
                 :is-row-locked="isRowLocked"
+                :is-half-locked-by-absence="isHalfLockedByAbsence"
+                :is-evening-locked-by-absence="isEveningLockedByAbsence"
                 :is-validation-pending="isValidationPending"
+                :can-toggle-validation="canToggleValidation"
+                :is-bulk-validation-checked="isBulkValidationChecked"
+                :is-bulk-validation-indeterminate="isBulkValidationIndeterminate"
                 :on-toggle-validation="toggleValidation"
+                :on-toggle-validation-bulk="toggleValidationBulk"
                 :get-row-metrics="getRowMetrics"
+                :get-row-absence-label="getRowAbsenceLabel"
+                :get-presence-day-value="getPresenceDayValue"
+                :on-absence-click="openAbsenceDrawer"
                 :format-minutes="formatMinutes"
+                class="max-h-full"
             />
 
-            <HoursWeekView
-                v-else-if="isAdmin && viewMode === 'week'"
-                :is-week-loading="isWeekLoading"
-                :week-grid-cols="weekGridCols"
-                :weekly-summary="filteredWeeklySummary"
-                :week-day-headers="weekDayHeaders"
-                :format-minutes="formatMinutes"
-            />
+                <HoursWeekView
+                    v-else-if="isAdmin && viewMode === 'week'"
+                    :is-week-loading="isWeekLoading"
+                    :week-grid-cols="weekGridCols"
+                    :weekly-summary="filteredWeeklySummary"
+                    :week-day-headers="weekDayHeaders"
+                    :format-minutes="formatMinutes"
+                    class="max-h-full"
+                />
+            </div>
 
             <div v-if="viewMode === 'day'" class="shrink-0 px-4 pt-4 flex justify-center">
                 <button
@@ -65,6 +83,21 @@
                 </button>
             </div>
         </div>
+
+        <AbsenceFormDrawer
+            v-model="isAbsenceDrawerOpen"
+            :employees="employees"
+            :absence-types="absenceTypes"
+            :form="absenceForm"
+            :editing-absence="editingAbsence"
+            :is-submitting="isAbsenceSubmitting"
+            :lock-employee="true"
+            :lock-dates="true"
+            :show-comment="false"
+            @submit="submitAbsence"
+            @delete="deleteAbsenceFromDrawer"
+            @cancel="closeAbsenceDrawer"
+        />
     </div>
 </template>
 
@@ -79,6 +112,11 @@ const {
   employees,
   visibleEmployees,
   rows,
+  absenceTypes,
+  absenceForm,
+  isAbsenceDrawerOpen,
+  isAbsenceSubmitting,
+  editingAbsence,
   filteredWeeklySummary,
   isLoading,
   isWeekLoading,
@@ -89,17 +127,34 @@ const {
   formattedSelectedDate,
   weekDayHeaders,
   shortcutButtonClass,
+  weekShortcutButtonClass,
+  getWeekShortcutLabel,
   setToday,
   setYesterday,
   setTomorrow,
+  setThisWeek,
+  setPreviousWeek,
+  setNextWeek,
   shiftDate,
   contractLabel,
   isTimeTracking,
   isPresenceTracking,
   isRowLocked,
+  isHalfLockedByAbsence,
+  isEveningLockedByAbsence,
   isValidationPending,
+  canToggleValidation,
+  isBulkValidationChecked,
+  isBulkValidationIndeterminate,
   toggleValidation,
+  toggleValidationBulk,
   getRowMetrics,
+  getRowAbsenceLabel,
+  getPresenceDayValue,
+  openAbsenceDrawer,
+  submitAbsence,
+  deleteAbsenceFromDrawer,
+  closeAbsenceDrawer,
   formatMinutes,
   handleSave
 } = useHoursPage()