chore: bump version to v0.1.4

.idea/db-forest-config.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="db-tree-configuration">
+    <option name="data" value="----------------------------------------&#10;1:0:9cad43df-2147-4989-b7a4-443067034884&#10;2:0:ae622167-c834-4e7b-87a5-c1721036f5dc&#10;3:0:f407a514-c6b4-4b26-9555-445a85892502&#10;" />
+  </component>
+</project>

config/packages/nelmio_cors.yaml

@@ -5,7 +5,7 @@ nelmio_cors:
         allow_methods: ['GET', 'OPTIONS', 'POST', 'PUT', 'PATCH', 'DELETE']
         allow_headers: ['Content-Type', 'Authorization']
         allow_credentials: true
-        expose_headers: ['Link']
+        expose_headers: ['Link', 'Content-Disposition']
         max_age: 3600
     paths:
         '^/': null

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.1.2'
+    app.version: '0.1.4'

frontend/components/AbsenceFormDrawer.vue

@@ -39,24 +39,44 @@
                 </p>
             </div>
 
-            <div class="grid grid-cols-2 gap-4">
+            <div class="space-y-4">
                 <div>
-                    <label class="text-md font-semibold text-neutral-700" for="start-date">Date de début</label>
-                    <input
-                        id="start-date"
-                        v-model="absenceForm.startDate"
-                        type="date"
-                        class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
-                    />
+                    <label class="text-md font-semibold text-neutral-700" for="start-date">Début</label>
+                    <div class="mt-2 grid grid-cols-2 gap-2">
+                        <input
+                            id="start-date"
+                            v-model="absenceForm.startDate"
+                            type="date"
+                            class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                        />
+                        <select
+                            v-model="absenceForm.startHalf"
+                            class="w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-md text-neutral-900"
+                        >
+                            <option v-for="half in HALF_DAYS" :key="half.value" :value="half.value">
+                                {{ half.label }}
+                            </option>
+                        </select>
+                    </div>
                 </div>
                 <div>
-                    <label class="text-md font-semibold text-neutral-700" for="end-date">Date de fin</label>
-                    <input
-                        id="end-date"
-                        v-model="absenceForm.endDate"
-                        type="date"
-                        class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
-                    />
+                    <label class="text-md font-semibold text-neutral-700" for="end-date">Fin</label>
+                    <div class="mt-2 grid grid-cols-2 gap-2">
+                        <input
+                            id="end-date"
+                            v-model="absenceForm.endDate"
+                            type="date"
+                            class="w-full rounded-md border border-neutral-300 px-3 py-2 text-md text-neutral-900"
+                        />
+                        <select
+                            v-model="absenceForm.endHalf"
+                            class="w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-md text-neutral-900"
+                        >
+                            <option v-for="half in HALF_DAYS" :key="half.value" :value="half.value">
+                                {{ half.label }}
+                            </option>
+                        </select>
+                    </div>
                 </div>
             </div>
 
@@ -103,6 +123,8 @@ import { computed, reactive, toRef, watch } from 'vue'
 import type { Employee } from '~/services/dto/employee'
 import type { AbsenceType } from '~/services/dto/absence-type'
 import type { Absence } from '~/services/dto/absence'
+import type { HalfDay } from '~/services/dto/half-day'
+import { HALF_DAYS } from '~/services/dto/half-day'
 import AppDrawer from '~/components/AppDrawer.vue'
 
 const props = defineProps<{
@@ -113,7 +135,9 @@ const props = defineProps<{
         employeeId: number | ''
         typeId: number | ''
         startDate: string
+        startHalf: HalfDay
         endDate: string
+        endHalf: HalfDay
         comment: string
     }
     editingAbsence: Absence | null

frontend/components/CalendarGrid.vue

@@ -28,18 +28,46 @@
                         :key="employee.id + '-' + day.date"
                         class="border-b border-neutral-100 px-2 py-2 text-center text-xs text-neutral-800"
                     >
-                        <button
-                            type="button"
-                            class="flex h-8 w-full items-center justify-center rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 hover:border-primary-500/40"
-                            :class="isHolidayDate(day.date) ? 'cursor-not-allowed opacity-80' : ''"
-                            :style="getCellStyle(employee.id, day.date)"
-                            :disabled="isHolidayDate(day.date)"
-                            @click="handleCellClick(employee, day.date)"
-                        >
-                            <span v-if="getCellCode(employee.id, day.date)">
-                                {{ getCellCode(employee.id, day.date) }}
-                            </span>
-                        </button>
+                        <template v-if="getCellInfo(employee.id, day.date)">
+                            <button
+                                type="button"
+                                class="relative flex h-8 w-full items-center justify-center overflow-hidden rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 hover:border-primary-500/40"
+                                :class="isHolidayDate(day.date) ? 'cursor-not-allowed opacity-80' : ''"
+                                :style="getCellStyle(employee.id, day.date)"
+                                :disabled="isHolidayDate(day.date)"
+                                @click="handleCellClick(employee, day.date)"
+                            >
+                                <span v-if="!getCellInfo(employee.id, day.date)?.halfLabel">
+                                    {{ getCellInfo(employee.id, day.date)?.code }}
+                                </span>
+                                <template v-else>
+                                    <span
+                                        v-if="getCellInfo(employee.id, day.date)?.halfLabel === 'AM'"
+                                        class="absolute top-0 left-0 flex h-1/2 w-full items-center justify-center text-[10px] font-semibold"
+                                    >
+                                        {{ getCellInfo(employee.id, day.date)?.code }}
+                                    </span>
+                                    <span
+                                        v-else
+                                        class="absolute bottom-0 left-0 flex h-1/2 w-full items-center justify-center text-[10px] font-semibold"
+                                    >
+                                        {{ getCellInfo(employee.id, day.date)?.code }}
+                                    </span>
+                                </template>
+                            </button>
+                        </template>
+                        <template v-else>
+                            <button
+                                type="button"
+                                class="relative flex h-8 w-full items-center justify-center rounded-md border border-neutral-200 text-[11px] font-semibold text-neutral-800 hover:border-primary-500/40"
+                                :class="isHolidayDate(day.date) ? 'cursor-not-allowed opacity-80' : ''"
+                                :style="getCellStyle(employee.id, day.date)"
+                                :disabled="isHolidayDate(day.date)"
+                                @click="handleCellClick(employee, day.date)"
+                            >
+                                <span></span>
+                            </button>
+                        </template>
                     </div>
                 </template>
             </div>
@@ -49,6 +77,7 @@
 
 <script setup lang="ts">
 import type { Employee } from '~/services/dto/employee'
+import type { HalfDay } from '~/services/dto/half-day'
 
 type DayInfo = {
     date: string
@@ -61,7 +90,7 @@ defineProps<{
     visibleEmployees: Employee[]
     gridStyle: Record<string, string>
     getCellStyle: (employeeId: number, date: string) => Record<string, string> | undefined
-    getCellCode: (employeeId: number, date: string) => string
+    getCellInfo: (employeeId: number, date: string) => { id: number; code: string; color: string; halfLabel?: HalfDay; textColor?: string } | null
     formatEmployeeName: (employee: Employee) => string
     isHolidayDate: (date: string) => boolean
 }>()

frontend/composables/useApi.ts

@@ -4,9 +4,14 @@ import { useAuthStore } from '~/stores/auth'
 
 export type AnyObject = Record<string, unknown>
 
+export type BlobResponse = {
+  data: Blob
+  headers: Headers
+}
+
 export type ApiClient = {
   get<T>(url: string, query?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
-  getBlob(url: string, query?: AnyObject, options?: ApiFetchOptions<'blob'>): Promise<Blob>
+  getBlob(url: string, query?: AnyObject, options?: ApiFetchOptions<'blob'>): Promise<BlobResponse>
   post<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
   put<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
   patch<T>(url: string, body?: AnyObject, options?: ApiFetchOptions<'json'>): Promise<T>
@@ -165,7 +170,9 @@ export const useApi = (): ApiClient => {
       return request<T>('GET', url, { ...options, query })
     },
     getBlob(url: string, query: AnyObject = {}, options: ApiFetchOptions<'blob'> = {}) {
-      return client<Blob>(url, { ...options, method: 'GET', query, responseType: 'blob' })
+      return client
+        .raw(url, { ...options, method: 'GET', query, responseType: 'blob' })
+        .then((res) => ({ data: res._data as Blob, headers: res.headers }))
     },
     post<T>(url: string, body: AnyObject = {}, options: ApiFetchOptions<'json'> = {}) {
       return request<T>('POST', url, { ...options, body })

frontend/composables/usePdfPrinter.ts

@@ -4,16 +4,17 @@ export const usePdfPrinter = () => {
     const api = useApi()
 
     const printPdf = async (url: string): Promise<void> => {
-        const blob = await api.getBlob(url);
+        const res = await api.getBlob(url);
+        const disposition = res.headers.get('content-disposition') || '';
+        const match = disposition.match(/filename="(.+?)"/i);
+        const filename = match?.[1] ?? 'document.pdf';
 
-        const pdfBlob = blob.type === 'application/pdf'
-            ? blob
-            : new Blob([blob], { type: 'application/pdf' });
+        const pdfBlob = res.data.type === 'application/pdf'
+            ? res.data
+            : new Blob([res.data], { type: 'application/pdf' });
 
         const blobUrl = URL.createObjectURL(pdfBlob);
 
-        const filename = `test.pdf`;
-
         const a = document.createElement('a');
         a.href = blobUrl;
         a.download = filename;

frontend/pages/calendar.vue

@@ -58,7 +58,7 @@
             :visible-employees="visibleEmployees"
             :grid-style="gridStyle"
             :get-cell-style="getCellStyle"
-            :get-cell-code="getCellCode"
+            :get-cell-info="getCellInfo"
             :format-employee-name="formatEmployeeName"
             :is-holiday-date="isHolidayDate"
             @cell-click="openCreate"
@@ -90,6 +90,8 @@
 import type {Employee} from '~/services/dto/employee'
 import type {AbsenceType} from '~/services/dto/absence-type'
 import type {Absence} from '~/services/dto/absence'
+import type {HalfDay} from '~/services/dto/half-day'
+import {HALF_DAYS} from '~/services/dto/half-day'
 import {listEmployees} from '~/services/employees'
 import {listAbsenceTypes} from '~/services/absence-types'
 import {createAbsence, deleteAbsence, listAbsences, updateAbsence} from '~/services/absences'
@@ -99,6 +101,7 @@ import CalendarGrid from '~/components/CalendarGrid.vue'
 import AbsenceFormDrawer from '~/components/AbsenceFormDrawer.vue'
 import AbsencePrintDrawer from '~/components/AbsencePrintDrawer.vue'
 
+// Données principales affichées dans la grille.
 const employees = ref<Employee[]>([])
 const sites = computed(() => {
     const siteMap = new Map<number, { id: number; name: string; color: string }>()
@@ -110,6 +113,7 @@ const sites = computed(() => {
     return Array.from(siteMap.values()).sort((siteA, siteB) => siteA.name.localeCompare(siteB.name, 'fr'))
 })
 
+// Filtres de sites (par défaut: tous sélectionnés à l'init).
 const selectedSiteIds = ref<number[]>([])
 const sitesInitialized = ref(false)
 
@@ -119,6 +123,7 @@ watch(sites, (next) => {
     sitesInitialized.value = true
 }, { immediate: true })
 
+// Tri stable: site -> nom -> prénom.
 const sortedEmployees = computed(() => {
   return [...employees.value].sort((employeeA, employeeB) => {
     const siteNameA = employeeA.site?.name ?? ''
@@ -133,21 +138,25 @@ const sortedEmployees = computed(() => {
   })
 })
 
+// Employés visibles selon le filtre de sites.
 const visibleEmployees = computed(() => {
     if (selectedSiteIds.value.length === 0) return []
     return sortedEmployees.value.filter((employee) => {
         return employee.site?.id && selectedSiteIds.value.includes(employee.site.id)
     })
 })
+// Données de référence et absences du mois affiché.
 const absenceTypes = ref<AbsenceType[]>([])
 const absences = ref<Absence[]>([])
 const publicHolidays = ref<Record<string, string>>({})
 
+// États UI.
 const isDrawerOpen = ref(false)
 const isSubmitting = ref(false)
 const editingAbsence = ref<Absence | null>(null)
 const isPrintOpen = ref(false)
 
+// Sélecteurs de période.
 const now = new Date()
 const selectedMonth = ref(now.getMonth())
 const selectedYear = ref(now.getFullYear())
@@ -170,43 +179,53 @@ const months = [
 const years = Array.from({length: 5}, (unusedValue, index) => now.getFullYear() - 2 + index)
 
 
+// Infos de calendrier calculées.
 const daysInMonth = computed(() => getDaysInMonth(selectedYear.value, selectedMonth.value))
 const monthStartDate = computed(() => new Date(selectedYear.value, selectedMonth.value, 1))
 const monthEndDate = computed(() => new Date(selectedYear.value, selectedMonth.value + 1, 0))
 
+// Largeur fixe de la colonne employés + une colonne par jour.
 const gridStyle = computed(() => ({
     gridTemplateColumns: `160px repeat(${daysInMonth.value.length}, minmax(44px, 1fr))`
 }))
 
+// Formulaire d'absence (AM/PM par défaut = journée complète).
 const form = reactive({
     employeeId: '' as number | '',
     typeId: '' as number | '',
     startDate: '',
+    startHalf: 'AM' as HalfDay,
     endDate: '',
+    endHalf: 'PM' as HalfDay,
     comment: ''
 })
 
+// Formulaire d'impression (intervalle + sites).
 const printForm = reactive({
     from: '',
     to: '',
     siteIds: [] as number[]
 })
 
-
+// Remet le formulaire à zéro.
 const resetForm = () => {
     form.employeeId = ''
     form.typeId = ''
     form.startDate = ''
+    form.startHalf = 'AM'
     form.endDate = ''
+    form.endHalf = 'PM'
     form.comment = ''
 }
 
+// Ferme le drawer et nettoie l'état.
 const closeDrawer = () => {
     isDrawerOpen.value = false
     editingAbsence.value = null
     resetForm()
 }
 
+// Ouvre l'impression avec la période du mois courant.
 const openPrint = () => {
     const monthStart = toYmd(selectedYear.value, selectedMonth.value, 1)
     const monthEnd = toYmd(selectedYear.value, selectedMonth.value + 1, 0)
@@ -220,12 +239,43 @@ const closePrint = () => {
     isPrintOpen.value = false
 }
 
+// Parse "YYYY-MM-DD" en Date (ou null).
 const parseYmd = (value: string) => {
     const [year, month, day] = value.split('-').map(Number)
     if (!year || !month || !day) return null
     return new Date(year, month - 1, day)
 }
 
+// Détermine si la journée est une demi-journée (AM/PM) ou complète.
+const getHalfForDate = (
+    startDate: string,
+    endDate: string,
+    startHalf: HalfDay,
+    endHalf: HalfDay,
+    date: string
+) => {
+    if (startDate === endDate) {
+        return startHalf === endHalf ? startHalf : null
+    }
+    if (date === startDate && startHalf === 'PM') return 'PM'
+    if (date === endDate && endHalf === 'AM') return 'AM'
+    return null
+}
+
+// Renvoie les segments occupés pour une date donnée (AM/PM).
+const getSegmentsForDate = (
+    startDate: string,
+    endDate: string,
+    startHalf: HalfDay,
+    endHalf: HalfDay,
+    date: string
+) => {
+    const half = getHalfForDate(startDate, endDate, startHalf, endHalf, date)
+    if (!half) return HALF_DAYS.map((item) => item.value) as HalfDay[]
+    return [half] as HalfDay[]
+}
+
+// Ajoute des mois tout en gardant un jour valide.
 const addMonths = (date: Date, months: number) => {
     const next = new Date(date.getFullYear(), date.getMonth() + months, date.getDate())
     if (next.getMonth() !== (date.getMonth() + months) % 12) {
@@ -234,6 +284,7 @@ const addMonths = (date: Date, months: number) => {
     return next
 }
 
+// Limite l'intervalle d'impression à 2 mois max.
 const enforcePrintRange = () => {
     if (!printForm.from) return
     const start = parseYmd(printForm.from)
@@ -266,6 +317,7 @@ const enforcePrintRange = () => {
 watch(() => printForm.from, enforcePrintRange)
 watch(() => printForm.to, enforcePrintRange)
 
+// Chargements API.
 const loadEmployees = async () => {
     employees.value = await listEmployees()
 }
@@ -302,15 +354,17 @@ watch(selectedYear, async () => {
 
 // Indexation des absences par cellule pour eviter un find() a chaque case.
 const cellAbsenceMap = computed(() => {
-    const map = new Map<string, { id: number; code: string; color: string; textColor?: string }>()
+    const map = new Map<string, { id: number; code: string; color: string; halfLabel?: HalfDay; textColor?: string }>()
     const monthStart = monthStartDate.value
     const monthEnd = monthEndDate.value
 
     for (const absence of absences.value) {
         const employeeId = absence.employee?.id
         if (!employeeId) continue
-        const start = parseYmd(normalizeDate(absence.startDate))
-        const end = parseYmd(normalizeDate(absence.endDate))
+        const startDate = normalizeDate(absence.startDate)
+        const endDate = normalizeDate(absence.endDate)
+        const start = parseYmd(startDate)
+        const end = parseYmd(endDate)
         if (!start || !end) continue
 
         const rangeStart = start < monthStart ? monthStart : start
@@ -322,11 +376,20 @@ const cellAbsenceMap = computed(() => {
             currentDate <= rangeEnd;
             currentDate.setDate(currentDate.getDate() + 1)
         ) {
-            const key = `${employeeId}-${toYmd(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate())}`
+            const dateKey = toYmd(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate())
+            const key = `${employeeId}-${dateKey}`
+            const halfLabel = getHalfForDate(
+                startDate,
+                endDate,
+                absence.startHalf ?? 'AM',
+                absence.endHalf ?? 'PM',
+                dateKey
+            ) ?? undefined
             map.set(key, {
                 id: absence.id,
                 code: absence.type?.code ?? '',
-                color: absence.type?.color ?? '#222783'
+                color: absence.type?.color ?? '#222783',
+                halfLabel
             })
         }
     }
@@ -334,15 +397,17 @@ const cellAbsenceMap = computed(() => {
     return map
 })
 
+// Jours fériés (interdit pour la création).
 const isHolidayDate = (date: string) => {
     return Boolean(publicHolidays.value[date])
 }
 
+// Renvoie l'absence effective pour une cellule (ou un "Férié").
 const getCellAbsence = (employeeId: number, date: string) => {
     if (isHolidayDate(date)) {
         return {
             id: 0,
-            code: 'F',
+            code: 'Férié',
             color: '#b3e5fc',
             textColor: '#0f172a'
         }
@@ -352,20 +417,35 @@ const getCellAbsence = (employeeId: number, date: string) => {
     return null
 }
 
+// Style de cellule (plein ou demi-journée).
 const getCellStyle = (employeeId: number, date: string) => {
     const absence = getCellAbsence(employeeId, date)
     if (!absence) return undefined
 
+    if (absence.halfLabel) {
+        const color = absence.color
+        const textColor = absence.textColor ?? '#FFF'
+        const backgroundImage = absence.halfLabel === 'AM'
+            ? `linear-gradient(180deg, ${color} 0 50%, transparent 50% 100%)`
+            : `linear-gradient(180deg, transparent 0 50%, ${color} 50% 100%)`
+        return {
+            backgroundImage,
+            backgroundColor: 'transparent',
+            color: textColor
+        }
+    }
+
     return {
         backgroundColor: absence.color,
         color: absence.textColor ?? '#fff'
     }
 }
 
-const getCellCode = (employeeId: number, date: string) => {
-    return getCellAbsence(employeeId, date)?.code ?? ''
+const getCellInfo = (employeeId: number, date: string) => {
+    return getCellAbsence(employeeId, date)
 }
 
+// Ouverture du drawer depuis une cellule.
 const openCreate = (employee: Employee, date: string) => {
     if (isHolidayDate(date)) {
         window.alert("Impossible de creer une absence un jour ferie.")
@@ -384,12 +464,16 @@ const openCreate = (employee: Employee, date: string) => {
         form.typeId = existing.type.id
         form.startDate = normalizeDate(existing.startDate)
         form.endDate = normalizeDate(existing.endDate)
+        form.startHalf = existing.startHalf ?? 'AM'
+        form.endHalf = existing.endHalf ?? 'PM'
         form.comment = existing.comment ?? ''
     } else {
         editingAbsence.value = null
         form.employeeId = employee.id
         form.startDate = date
         form.endDate = date
+        form.startHalf = 'AM'
+        form.endHalf = 'PM'
         form.typeId = ''
         form.comment = ''
     }
@@ -397,6 +481,7 @@ const openCreate = (employee: Employee, date: string) => {
     isDrawerOpen.value = true
 }
 
+// Ouverture du drawer depuis le bouton "Ajouter".
 const openCreateFromToday = () => {
     editingAbsence.value = null
     form.employeeId = ''
@@ -409,10 +494,13 @@ const openCreateFromToday = () => {
     }
     form.startDate = today
     form.endDate = today
+    form.startHalf = 'AM'
+    form.endHalf = 'PM'
     form.comment = ''
     isDrawerOpen.value = true
 }
 
+// Vérifie la présence d'un férié dans l'intervalle.
 const hasHolidayInRange = (startDate: string, endDate: string) => {
     const start = parseYmd(startDate)
     const end = parseYmd(endDate)
@@ -430,6 +518,7 @@ const hasHolidayInRange = (startDate: string, endDate: string) => {
     return false
 }
 
+// Soumission du formulaire: validations + chevauchement + save.
 const handleSubmit = async () => {
     if (isSubmitting.value) return
 
@@ -437,6 +526,14 @@ const handleSubmit = async () => {
     try {
         const start = normalizeDate(form.startDate)
         const end = normalizeDate(form.endDate)
+        if (start > end) {
+            window.alert("La date de fin ne peut pas etre avant la date de debut.")
+            return
+        }
+        if (start === end && form.startHalf === 'PM' && form.endHalf === 'AM') {
+            window.alert("La demi-journee de fin ne peut pas etre avant la demi-journee de debut.")
+            return
+        }
         if (hasHolidayInRange(start, end)) {
             window.alert("Impossible de creer une absence sur un jour ferie.")
             return
@@ -446,7 +543,40 @@ const handleSubmit = async () => {
             if (editingAbsence.value && absence.id === editingAbsence.value.id) return false
             const aStart = normalizeDate(absence.startDate)
             const aEnd = normalizeDate(absence.endDate)
-            return start <= aEnd && end >= aStart
+            if (start > aEnd || end < aStart) return false
+
+            const overlapStart = start > aStart ? start : aStart
+            const overlapEnd = end < aEnd ? end : aEnd
+            const overlapStartDate = parseYmd(overlapStart)
+            const overlapEndDate = parseYmd(overlapEnd)
+            if (!overlapStartDate || !overlapEndDate) return false
+
+            for (
+                let currentDate = new Date(overlapStartDate.getTime());
+                currentDate <= overlapEndDate;
+                currentDate.setDate(currentDate.getDate() + 1)
+            ) {
+                const dateKey = toYmd(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate())
+                const existingSegments = getSegmentsForDate(
+                    aStart,
+                    aEnd,
+                    absence.startHalf ?? 'AM',
+                    absence.endHalf ?? 'PM',
+                    dateKey
+                )
+                const newSegments = getSegmentsForDate(
+                    start,
+                    end,
+                    form.startHalf,
+                    form.endHalf,
+                    dateKey
+                )
+                if (existingSegments.some((segment) => newSegments.includes(segment))) {
+                    return true
+                }
+            }
+
+            return false
         })
 
         if (overlaps.length > 0) {
@@ -466,7 +596,9 @@ const handleSubmit = async () => {
                 employeeId: Number(form.employeeId),
                 typeId: Number(form.typeId),
                 startDate: form.startDate,
+                startHalf: form.startHalf,
                 endDate: form.endDate,
+                endHalf: form.endHalf,
                 comment: form.comment
             })
         } else {
@@ -474,7 +606,9 @@ const handleSubmit = async () => {
                 employeeId: Number(form.employeeId),
                 typeId: Number(form.typeId),
                 startDate: form.startDate,
+                startHalf: form.startHalf,
                 endDate: form.endDate,
+                endHalf: form.endHalf,
                 comment: form.comment
             })
         }
@@ -486,6 +620,7 @@ const handleSubmit = async () => {
     }
 }
 
+// Suppression de l'absence en cours d'édition.
 const handleDelete = async () => {
     if (!editingAbsence.value) return
 
@@ -497,11 +632,13 @@ const handleDelete = async () => {
     await loadAbsences()
 }
 
+// Affiche "Prénom N.".
 const formatEmployeeName = (employee: Employee) => {
     const initial = employee.lastName ? `${employee.lastName[0].toUpperCase()}.` : ''
     return `${employee.firstName} ${initial}`.trim()
 }
 
+// Impression PDF de l'intervalle sélectionné.
 const { printPdf } = usePdfPrinter()
 const handlePrint = async () => {
     const params = new URLSearchParams()

frontend/pages/login.vue

@@ -63,7 +63,6 @@ const handleSubmit = async () => {
 
     isSubmitting.value = true
     try {
-        console.log(useRuntimeConfig().public.apiBase)
         await auth.login(username.value, password.value)
 
         await router.push('/')

frontend/services/absences.ts

@@ -1,4 +1,5 @@
 import type { Absence } from './dto/absence'
+import type { HalfDay } from './dto/half-day'
 import { extractItems } from '~/utils/api'
 
 type ListAbsencesFilters = {
@@ -31,7 +32,9 @@ export const createAbsence = async (payload: {
   employeeId: number
   typeId: number
   startDate: string
+  startHalf: HalfDay
   endDate: string
+  endHalf: HalfDay
   comment?: string
 }) => {
   const api = useApi()
@@ -39,7 +42,9 @@ export const createAbsence = async (payload: {
     employee: `/api/employees/${payload.employeeId}`,
     type: `/api/absence_types/${payload.typeId}`,
     startDate: payload.startDate,
+    startHalf: payload.startHalf,
     endDate: payload.endDate,
+    endHalf: payload.endHalf,
     comment: payload.comment
   }, {
     toastSuccessKey: 'success.absence.create',
@@ -52,7 +57,9 @@ export const updateAbsence = async (payload: {
   employeeId: number
   typeId: number
   startDate: string
+  startHalf: HalfDay
   endDate: string
+  endHalf: HalfDay
   comment?: string
 }) => {
   const api = useApi()
@@ -60,7 +67,9 @@ export const updateAbsence = async (payload: {
     employee: `/api/employees/${payload.employeeId}`,
     type: `/api/absence_types/${payload.typeId}`,
     startDate: payload.startDate,
+    startHalf: payload.startHalf,
     endDate: payload.endDate,
+    endHalf: payload.endHalf,
     comment: payload.comment
   }, {
     toastSuccessKey: 'success.absence.update',

frontend/services/dto/absence.ts

@@ -1,10 +1,13 @@
 import type { Employee } from './employee'
 import type { AbsenceType } from './absence-type'
+import type { HalfDay } from './half-day'
 
 export type Absence = {
   id: number
   startDate: string
+  startHalf: HalfDay
   endDate: string
+  endHalf: HalfDay
   comment?: string | null
   employee: Employee
   type: AbsenceType

frontend/services/dto/half-day.ts

@@ -0,0 +1,6 @@
+export type HalfDay = 'AM' | 'PM'
+
+export const HALF_DAYS: { value: HalfDay; label: string }[] = [
+  { value: 'AM', label: 'Matin' },
+  { value: 'PM', label: 'Après-midi' }
+]

migrations/Version20260210120000.php

@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260210120000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add start/end half-day fields to absences';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql("ALTER TABLE absences ADD start_half VARCHAR(2) NOT NULL DEFAULT 'AM'");
+        $this->addSql("ALTER TABLE absences ADD end_half VARCHAR(2) NOT NULL DEFAULT 'PM'");
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE absences DROP COLUMN start_half');
+        $this->addSql('ALTER TABLE absences DROP COLUMN end_half');
+    }
+}

src/Entity/Absence.php

@@ -50,10 +50,18 @@ class Absence
     #[Groups(['absence:read'])]
     private DateTimeInterface $startDate;
 
+    #[ORM\Column(type: 'string', length: 2, options: ['default' => 'AM'])]
+    #[Groups(['absence:read'])]
+    private string $startHalf = 'AM';
+
     #[ORM\Column(type: 'date')]
     #[Groups(['absence:read'])]
     private DateTimeInterface $endDate;
 
+    #[ORM\Column(type: 'string', length: 2, options: ['default' => 'PM'])]
+    #[Groups(['absence:read'])]
+    private string $endHalf = 'PM';
+
     #[ORM\Column(type: 'text', nullable: true)]
     #[Groups(['absence:read'])]
     private ?string $comment = null;
@@ -111,6 +119,30 @@ class Absence
         return $this;
     }
 
+    public function getStartHalf(): string
+    {
+        return $this->startHalf;
+    }
+
+    public function setStartHalf(string $startHalf): self
+    {
+        $this->startHalf = $startHalf;
+
+        return $this;
+    }
+
+    public function getEndHalf(): string
+    {
+        return $this->endHalf;
+    }
+
+    public function setEndHalf(string $endHalf): self
+    {
+        $this->endHalf = $endHalf;
+
+        return $this;
+    }
+
     public function getComment(): ?string
     {
         return $this->comment;

src/State/AbsencePrintProvider.php

@@ -78,7 +78,11 @@ class AbsencePrintProvider implements ProviderInterface
         $dompdf->setPaper('A3', 'landscape');
         $dompdf->render();
 
-        $filename = 'test';
+        $filename = sprintf(
+            'absences_du_%s_au_%s.pdf',
+            $fromDate->format('d-m-Y'),
+            $toDate->format('d-m-Y')
+        );
 
         return new Response($dompdf->output(), Response::HTTP_OK, [
             'Content-Type'        => 'application/pdf',
@@ -180,17 +184,38 @@ class AbsencePrintProvider implements ProviderInterface
 
             $absenceStart = DateTimeImmutable::createFromInterface($absence->getStartDate());
             $absenceEnd   = DateTimeImmutable::createFromInterface($absence->getEndDate());
+            $startHalf    = $absence->getStartHalf();
+            $endHalf      = $absence->getEndHalf();
 
             $start = max($absenceStart, $from);
             $end   = min($absenceEnd, $to);
 
             $current = $start;
             while ($current <= $end) {
-                $dateKey = $current->format('Y-m-d');
+                $dateKey    = $current->format('Y-m-d');
+                $isSameDay  = $absenceStart->format('Y-m-d') === $absenceEnd->format('Y-m-d');
+                $isStartDay = $current->format('Y-m-d') === $absenceStart->format('Y-m-d');
+                $isEndDay   = $current->format('Y-m-d') === $absenceEnd->format('Y-m-d');
+                $halfLabel  = null;
+
+                if ($isSameDay) {
+                    if ($startHalf === $endHalf) {
+                        $halfLabel = $startHalf;
+                    }
+                } else {
+                    if ($isStartDay && 'PM' === $startHalf) {
+                        $halfLabel = 'PM';
+                    }
+                    if ($isEndDay && 'AM' === $endHalf) {
+                        $halfLabel = 'AM';
+                    }
+                }
 
                 $map[$employeeId][$dateKey] = [
-                    'code'  => (string) $type->getCode(),
-                    'color' => (string) $type->getColor(),
+                    'code'      => (string) $type->getCode(),
+                    'color'     => (string) $type->getColor(),
+                    'half'      => null !== $halfLabel,
+                    'halfLabel' => $halfLabel,
                 ];
 
                 $current = $current->add(new DateInterval('P1D'));

templates/absence/print.html.twig

@@ -9,7 +9,7 @@
 
         html, body {
             margin: 0;
-            padding: 2mm;
+            padding: 4mm;
             font-family: Helvetica, sans-serif;
             font-size: 8px;
         }
@@ -69,6 +69,11 @@
             font-size: 9px;
         }
 
+        .holiday-code {
+            font-weight: bold;
+            font-size: 4px;
+        }
+
         .month-separator {
             border-right: 4px solid #0a0a0a !important;
         }
@@ -80,6 +85,49 @@
         .holiday {
             background: #b3e5fc;
         }
+
+        .body-cell {
+            height: 6mm;
+            padding: 0 !important;
+            vertical-align: middle;
+            text-align: center;
+        }
+
+        .full-cell {
+            display: block;
+            height: 6mm;
+            line-height: 6mm;
+            text-align: center;
+            margin: 0;
+            padding: 0;
+        }
+
+        .half-table {
+            width: 100%;
+            height: 6mm;
+            border-collapse: collapse;
+            table-layout: fixed;
+            border: 0;
+            border-spacing: 0;
+            margin: 0;
+        }
+
+        .half-td {
+            height: 3mm;
+            line-height: 3mm;
+            text-align: center;
+            font-weight: bold;
+            font-size: 7px;
+            padding: 0;
+            border: 0;
+            vertical-align: middle;
+        }
+
+        td.body-cell table,
+        td.body-cell td {
+            padding: 0;
+        }
+
     </style>
 </head>
 <body>
@@ -198,11 +246,26 @@
                 {% set info = absenceMap[employee.id][day.date] ?? null %}
                 {% set isMonthEnd = (not loop.last) and (days[loop.index].date|date('n') != day.date|date('n')) %}
                 {% set isWeekend = day.date|date('N') in [6, 7] %}
-                <td class="col-day{% if isMonthEnd %} month-separator{% endif %}{% if isWeekend %} weekend{% endif %}{% if isHoliday %} holiday{% endif %}" style="width: {{ dayColWidthMm }}mm;{% if info and not isHoliday %} background-color: {{ info.color }};{% endif %}">
+                <td class="col-day body-cell{% if isMonthEnd %} month-separator{% endif %}{% if isWeekend %} weekend{% endif %}{% if isHoliday %} holiday{% endif %}" style="width: {{ dayColWidthMm }}mm;{% if info and not isHoliday and not info.half %} background-color: {{ info.color }};{% endif %}">
                     {% if isHoliday %}
-                        <span class="code">F</span>
+                        <span class="full-cell code">Férié</span>
                     {% elseif info %}
-                        <span class="code">{{ info.code }}</span>
+                        {% if info.half %}
+                            <table class="half-table">
+                                <tr>
+                                    <td class="half-td" style="{% if info.halfLabel == 'AM' %}background-color: {{ info.color }};{% endif %}">
+                                        {% if info.halfLabel == 'AM' %}{{ info.code }}{% endif %}
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="half-td" style="{% if info.halfLabel == 'PM' %}background-color: {{ info.color }};{% endif %}">
+                                        {% if info.halfLabel == 'PM' %}{{ info.code }}{% endif %}
+                                    </td>
+                                </tr>
+                            </table>
+                        {% else %}
+                            <span class="full-cell code">{{ info.code }}</span>
+                        {% endif %}
                     {% endif %}
                 </td>
             {% endfor %}