Merge branch 'develop' into feat/ajout-notifications

frontend/components/hours/HoursDayView.vue

@@ -26,6 +26,18 @@
             @change="onBulkValidationChange"
           />
         </span>
+        <span v-else-if="isSiteManager" class="inline-flex items-center gap-2">
+          <span>Site</span>
+          <input
+            ref="bulkSiteValidationInput"
+            :checked="isBulkSiteValidationChecked"
+            type="checkbox"
+            class="h-4 w-4"
+            :class="canBulkToggleSiteValidation ? 'cursor-pointer' : 'cursor-not-allowed opacity-50'"
+            :disabled="!canBulkToggleSiteValidation"
+            @change="onBulkSiteValidationChange"
+          />
+        </span>
         <span v-else>Site <Icon name="mdi:check-bold" class="ml-1"/></span>
         <span v-if="!isAdmin">RH  <Icon name="mdi:check-bold" class="ml-1"/></span>
       </div>
@@ -173,6 +185,7 @@ import type { HourRow } from './types'
 
 const rows = defineModel<Record<number, HourRow>>('rows', { required: true })
 const bulkValidationInput = ref<HTMLInputElement | null>(null)
+const bulkSiteValidationInput = ref<HTMLInputElement | null>(null)
 
 const props = defineProps<{
   employees: Employee[]
@@ -193,9 +206,13 @@ const props = defineProps<{
   canToggleSiteValidation: (employeeId: number) => boolean
   isBulkValidationChecked: boolean
   isBulkValidationIndeterminate: boolean
+  isBulkSiteValidationChecked: boolean
+  isBulkSiteValidationIndeterminate: boolean
+  canBulkToggleSiteValidation: boolean
   onToggleValidation: (employeeId: number, checked: boolean) => void
   onToggleSiteValidation: (employeeId: number, checked: boolean) => void
-  onToggleValidationBulk: (checked: boolean) => void
+  onToggleValidationBulk: (checked: boolean) => Promise<void> | void
+  onToggleSiteValidationBulk: (checked: boolean) => Promise<void> | void
   getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; totalMinutes: number }
   getRowAbsenceLabel: (employeeId: number) => string
   getRowAbsenceStyle: (employeeId: number) => { backgroundColor: string } | undefined
@@ -208,6 +225,10 @@ const onBulkValidationChange = (event: Event) => {
   props.onToggleValidationBulk((event.target as HTMLInputElement).checked)
 }
 
+const onBulkSiteValidationChange = (event: Event) => {
+  props.onToggleSiteValidationBulk((event.target as HTMLInputElement).checked)
+}
+
 const onToggleSiteValidation = (employeeId: number, checked: boolean) => {
   props.onToggleSiteValidation(employeeId, checked)
 }
@@ -220,4 +241,13 @@ watch(
   },
   { immediate: true }
 )
+
+watch(
+  () => props.isBulkSiteValidationIndeterminate,
+  (isIndeterminate) => {
+    if (!bulkSiteValidationInput.value) return
+    bulkSiteValidationInput.value.indeterminate = isIndeterminate
+  },
+  { immediate: true }
+)
 </script>