chore: bump version to v0.1.6

feat : ajout d'un ordre d'affichage pour les employés + ajout du drag and drop pour changer l'ordre des employés dans le calendrier et l'impression
chore: bump version to v0.1.5
2026-02-10 15:49:16 +00:00 · 2026-02-10 16:49:03 +01:00 · 2026-02-10 15:19:22 +00:00 · 2026-02-10 16:19:13 +01:00 · 2026-02-10 16:19:02 +01:00 · 2026-02-10 15:11:21 +00:00
19 changed files with 660 additions and 114 deletions
--- a/.env
+++ b/.env
@@ -46,4 +46,6 @@ JWT_PUBLIC_KEY=%kernel.project_dir%/config/jwt/public.pem
 JWT_PASSPHRASE=9efb9a2ec48439c723621d0c6393d04da5516c8fa00ecdba1660717b4f996867
 JWT_COOKIE_SECURE=0
 JWT_COOKIE_SAMESITE=lax
+JWT_TOKEN_TTL=86400
+JWT_COOKIE_TTL=86400
 ###< lexik/jwt-authentication-bundle ###
--- a/.idea/db-forest-config.xml
+++ b/.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>
--- a/config/packages/lexik_jwt_authentication.yaml
+++ b/config/packages/lexik_jwt_authentication.yaml
@@ -2,6 +2,7 @@ lexik_jwt_authentication:
    secret_key: '%env(resolve:JWT_SECRET_KEY)%'
    public_key: '%env(resolve:JWT_PUBLIC_KEY)%'
    pass_phrase: '%env(JWT_PASSPHRASE)%'
+    token_ttl: '%env(int:JWT_TOKEN_TTL)%'
    remove_token_from_body_when_cookies_used: true
    token_extractors:
        authorization_header:
@@ -13,7 +14,7 @@ lexik_jwt_authentication:
            enabled: false
    set_cookies:
        BEARER:
-            lifetime: 86400
+            lifetime: '%env(int:JWT_COOKIE_TTL)%'
            samesite: lax
            path: /
            secure: '%env(bool:JWT_COOKIE_SECURE)%'
--- a/config/version.yaml
+++ b/config/version.yaml
@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.1.3'
+    app.version: '0.1.6'
--- a/frontend/components/AbsenceFormDrawer.vue
+++ b/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
--- a/frontend/components/CalendarGrid.vue
+++ b/frontend/components/CalendarGrid.vue
@@ -1,16 +1,16 @@
 <template>
-    <div class="max-h-[80vh] overflow-auto rounded-lg border border-neutral-200 bg-white">
+    <div class="h-full min-h-0 overflow-auto rounded-lg border border-neutral-200 bg-white">
        <div class="min-w-[900px]">
            <div class="grid" :style="gridStyle">
                <div
-                    class="sticky left-0 z-20 border-b border-neutral-200 bg-tertiary-500 px-4 py-3 text-md font-semibold text-neutral-700"
+                    class="sticky left-0 top-0 z-30 border-b border-neutral-200 bg-tertiary-500 px-4 py-3 text-md font-semibold text-neutral-700"
                >
                    Employés
                </div>
                <div
                    v-for="day in daysInMonth"
                    :key="day.date"
-                    class="border-b border-neutral-200 bg-tertiary-500 px-2 py-3 text-center text-xs font-semibold text-neutral-700"
+                    class="sticky top-0 z-20 border-b border-neutral-200 bg-tertiary-500 px-2 py-3 text-center text-xs font-semibold text-neutral-700"
                >
                    <div>{{ day.label }}</div>
                    <div class="text-[10px] text-neutral-500">{{ day.weekday }}</div>
@@ -18,8 +18,12 @@

                <template v-for="employee in visibleEmployees" :key="employee.id">
                    <div
-                        class="sticky left-0 z-10 border-b border-neutral-100 px-4 py-3 text-md font-semibold text-black"
+                        class="sticky left-0 z-10 border-b border-neutral-100 px-4 py-3 text-md font-semibold text-black cursor-pointer"
                        :style="{ backgroundColor: employee.site?.color ?? '#304998' }"
+                        draggable="true"
+                        @dragstart="handleDragStart($event, employee)"
+                        @dragover="handleDragOver"
+                        @drop="handleDrop($event, employee)"
                    >
                        {{ formatEmployeeName(employee) }}
                    </div>
@@ -28,18 +32,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 +81,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,16 +94,34 @@ 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
 }>()

 const emit = defineEmits<{
    (event: 'cell-click', employee: Employee, date: string): void
+    (event: 'reorder', payload: { dragId: number; dropId: number }): void
 }>()

 const handleCellClick = (employee: Employee, date: string) => {
    emit('cell-click', employee, date)
 }
+
+const handleDragStart = (event: DragEvent, employee: Employee) => {
+    if (!event.dataTransfer) return
+    event.dataTransfer.effectAllowed = 'move'
+    event.dataTransfer.setData('text/plain', String(employee.id))
+}
+
+const handleDragOver = (event: DragEvent) => {
+    event.preventDefault()
+}
+
+const handleDrop = (event: DragEvent, employee: Employee) => {
+    event.preventDefault()
+    const dragId = Number(event.dataTransfer?.getData('text/plain'))
+    if (!dragId || dragId === employee.id) return
+    emit('reorder', { dragId, dropId: employee.id })
+}
 </script>
--- a/frontend/pages/calendar.vue
+++ b/frontend/pages/calendar.vue
@@ -1,68 +1,81 @@
 <template>
-    <div>
+    <div class="h-full flex flex-col overflow-hidden">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <h1 class="text-4xl font-bold text-primary-500">Calendrier des absences</h1>
        </div>
-        <div class="flex items-center justify-between py-6">
-            <div class="flex items-center gap-4">
-                <div class="flex flex-wrap items-center gap-4 rounded-md border border-neutral-300 px-3 py-2">
-                    <div v-for="site in sites" :key="site.id" class="flex items-center gap-2">
-                        <div :style="{ backgroundColor: site.color }" class="h-4 w-4 rounded"></div>
-                        <label class="text-md" :for="`site-${site.id}`">{{ site.name }}</label>
-                        <input
-                            :id="`site-${site.id}`"
-                            v-model="selectedSiteIds"
-                            :value="site.id"
-                            type="checkbox"
-                            class="h-4 w-4"
-                        />
+        <div class="py-6">
+            <div class="flex items-center justify-between gap-4">
+                <div class="flex items-center gap-4">
+                    <div class="flex flex-wrap items-center gap-4 rounded-md border border-neutral-300 px-3 py-2">
+                        <div v-for="site in sites" :key="site.id" class="flex items-center gap-2">
+                            <div :style="{ backgroundColor: site.color }" class="h-4 w-4 rounded"></div>
+                            <label class="text-md" :for="`site-${site.id}`">{{ site.name }}</label>
+                            <input
+                                :id="`site-${site.id}`"
+                                v-model="selectedSiteIds"
+                                :value="site.id"
+                                type="checkbox"
+                                class="h-4 w-4"
+                            />
+                        </div>
                    </div>
+                    <select
+                        v-model="selectedMonth"
+                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+                    >
+                        <option v-for="month in months" :key="month.value" :value="month.value">
+                            {{ month.label }}
+                        </option>
+                    </select>
+                    <select
+                        v-model="selectedYear"
+                        class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+                    >
+                        <option v-for="year in years" :key="year" :value="year">
+                            {{ year }}
+                        </option>
+                    </select>
+                </div>
+                <div class="flex gap-4">
+                    <button
+                        type="button"
+                        class="h-10 rounded-lg bg-primary-500 px-4 text-md font-semibold text-white hover:bg-secondary-500"
+                        @click="openCreateFromToday"
+                    >
+                        Ajouter une absence
+                    </button>
+                    <button
+                        type="button"
+                        class="h-10 rounded-lg bg-primary-500 px-4 text-md font-semibold text-white hover:bg-secondary-500"
+                        @click="openPrint"
+                    >
+                        Imprimer
+                    </button>
                </div>
-                <select
-                    v-model="selectedMonth"
-                    class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
-                >
-                    <option v-for="month in months" :key="month.value" :value="month.value">
-                        {{ month.label }}
-                    </option>
-                </select>
-                <select
-                    v-model="selectedYear"
-                    class="h-10 rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
-                >
-                    <option v-for="year in years" :key="year" :value="year">
-                        {{ year }}
-                    </option>
-                </select>
            </div>
-            <div class="flex gap-4">
-                <button
-                    type="button"
-                    class="h-10 rounded-lg bg-primary-500 px-4 text-md font-semibold text-white hover:bg-secondary-500"
-                    @click="openCreateFromToday"
-                >
-                    Ajouter une absence
-                </button>
-                <button
-                    type="button"
-                    class="h-10 rounded-lg bg-primary-500 px-4 text-md font-semibold text-white hover:bg-secondary-500"
-                    @click="openPrint"
-                >
-                    Imprimer
-                </button>
+            <div class="mt-3 flex items-center gap-4">
+                <input
+                    v-model="employeeFilter"
+                    type="text"
+                    placeholder="Chercher un employé (nom ou prénom)"
+                    class="h-10 w-full max-w-md rounded-md border border-neutral-300 bg-white px-3 text-md text-neutral-900"
+                />
            </div>
        </div>

-        <CalendarGrid
-            :days-in-month="daysInMonth"
-            :visible-employees="visibleEmployees"
-            :grid-style="gridStyle"
-            :get-cell-style="getCellStyle"
-            :get-cell-code="getCellCode"
-            :format-employee-name="formatEmployeeName"
-            :is-holiday-date="isHolidayDate"
-            @cell-click="openCreate"
-        />
+        <div class="flex-1 min-h-0">
+            <CalendarGrid
+                :days-in-month="daysInMonth"
+                :visible-employees="visibleEmployees"
+                :grid-style="gridStyle"
+                :get-cell-style="getCellStyle"
+                :get-cell-info="getCellInfo"
+                :format-employee-name="formatEmployeeName"
+                :is-holiday-date="isHolidayDate"
+                @cell-click="openCreate"
+                @reorder="handleReorder"
+            />
+        </div>

        <AbsenceFormDrawer
            v-model="isDrawerOpen"
@@ -90,7 +103,9 @@
 import type {Employee} from '~/services/dto/employee'
 import type {AbsenceType} from '~/services/dto/absence-type'
 import type {Absence} from '~/services/dto/absence'
-import {listEmployees} from '~/services/employees'
+import type {HalfDay} from '~/services/dto/half-day'
+import {HALF_DAYS} from '~/services/dto/half-day'
+import {listEmployees, updateEmployeeOrder} from '~/services/employees'
 import {listAbsenceTypes} from '~/services/absence-types'
 import {createAbsence, deleteAbsence, listAbsences, updateAbsence} from '~/services/absences'
 import {listPublicHolidays} from '~/services/public-holidays'
@@ -99,6 +114,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 +126,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,35 +136,51 @@ 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 ?? ''
    const siteNameB = employeeB.site?.name ?? ''
    if (siteNameA !== siteNameB) return siteNameA.localeCompare(siteNameB, 'fr')
-        const lastNameA = employeeA.lastName ?? ''
-        const lastNameB = employeeB.lastName ?? ''
-        if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
-        const firstNameA = employeeA.firstName ?? ''
-        const firstNameB = employeeB.firstName ?? ''
+    const orderA = employeeA.displayOrder ?? 0
+    const orderB = employeeB.displayOrder ?? 0
+    if (orderA !== orderB) return orderA - orderB
+    const lastNameA = employeeA.lastName ?? ''
+    const lastNameB = employeeB.lastName ?? ''
+    if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
+    const firstNameA = employeeA.firstName ?? ''
+    const firstNameB = employeeB.firstName ?? ''
    return firstNameA.localeCompare(firstNameB, 'fr')
  })
 })

+// Employés visibles selon le filtre de sites.
+const employeeFilter = ref('')
+
 const visibleEmployees = computed(() => {
    if (selectedSiteIds.value.length === 0) return []
+    const filter = employeeFilter.value.trim().toLowerCase()
    return sortedEmployees.value.filter((employee) => {
-        return employee.site?.id && selectedSiteIds.value.includes(employee.site.id)
+        const siteOk = employee.site?.id && selectedSiteIds.value.includes(employee.site.id)
+        if (!siteOk) return false
+        if (!filter) return true
+        const first = employee.firstName?.toLowerCase() ?? ''
+        const last = employee.lastName?.toLowerCase() ?? ''
+        return first.includes(filter) || last.includes(filter)
    })
 })
+// 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 +203,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 +263,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 +308,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 +341,7 @@ const enforcePrintRange = () => {
 watch(() => printForm.from, enforcePrintRange)
 watch(() => printForm.to, enforcePrintRange)

+// Chargements API.
 const loadEmployees = async () => {
    employees.value = await listEmployees()
 }
@@ -302,15 +378,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 +400,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 +421,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 +441,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 +488,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 +505,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 +518,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 +542,7 @@ const hasHolidayInRange = (startDate: string, endDate: string) => {
    return false
 }

+// Soumission du formulaire: validations + chevauchement + save.
 const handleSubmit = async () => {
    if (isSubmitting.value) return

@@ -437,6 +550,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 +567,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 +620,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 +630,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 +644,7 @@ const handleSubmit = async () => {
    }
 }

+// Suppression de l'absence en cours d'édition.
 const handleDelete = async () => {
    if (!editingAbsence.value) return

@@ -497,11 +656,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()
@@ -513,4 +674,46 @@ const handlePrint = async () => {
    await printPdf(`/absences/print?${params.toString()}`)
    isPrintOpen.value = false
 }
+
+const handleReorder = async (payload: { dragId: number; dropId: number }) => {
+    const dragEmployee = employees.value.find((employee) => employee.id === payload.dragId)
+    const dropEmployee = employees.value.find((employee) => employee.id === payload.dropId)
+    if (!dragEmployee || !dropEmployee) return
+    const dragSiteId = dragEmployee.site?.id
+    const dropSiteId = dropEmployee.site?.id
+    if (!dragSiteId || !dropSiteId || dragSiteId !== dropSiteId) return
+
+    const siteEmployees = [...employees.value]
+        .filter((employee) => employee.site?.id === dragSiteId)
+        .sort((employeeA, employeeB) => {
+            const orderA = employeeA.displayOrder ?? 0
+            const orderB = employeeB.displayOrder ?? 0
+            if (orderA !== orderB) return orderA - orderB
+            const lastNameA = employeeA.lastName ?? ''
+            const lastNameB = employeeB.lastName ?? ''
+            if (lastNameA !== lastNameB) return lastNameA.localeCompare(lastNameB, 'fr')
+            const firstNameA = employeeA.firstName ?? ''
+            const firstNameB = employeeB.firstName ?? ''
+            return firstNameA.localeCompare(firstNameB, 'fr')
+        })
+
+    const fromIndex = siteEmployees.findIndex((employee) => employee.id === dragEmployee.id)
+    const toIndex = siteEmployees.findIndex((employee) => employee.id === dropEmployee.id)
+    if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex) return
+
+    const [moved] = siteEmployees.splice(fromIndex, 1)
+    siteEmployees.splice(toIndex, 0, moved)
+
+    const updates: Array<{ id: number; displayOrder: number }> = []
+    siteEmployees.forEach((employee, index) => {
+        const nextOrder = index + 1
+        if ((employee.displayOrder ?? 0) !== nextOrder) {
+            updates.push({ id: employee.id, displayOrder: nextOrder })
+        }
+        employee.displayOrder = nextOrder
+    })
+
+    if (updates.length === 0) return
+    await Promise.all(updates.map((update) => updateEmployeeOrder(update.id, update.displayOrder)))
+}
 </script>
--- a/frontend/services/absences.ts
+++ b/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',
--- a/frontend/services/dto/absence.ts
+++ b/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
--- a/frontend/services/dto/employee.ts
+++ b/frontend/services/dto/employee.ts
@@ -5,4 +5,5 @@ export type Employee = {
  firstName: string
  lastName: string
  site: Site
+  displayOrder?: number
 }
--- a/frontend/services/dto/half-day.ts
+++ b/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' }
+]
--- a/frontend/services/employees.ts
+++ b/frontend/services/employees.ts
@@ -33,19 +33,33 @@ export const updateEmployee = async (
    firstName: string
    lastName: string
    siteId?: number | null
+    displayOrder?: number
  }
 ) => {
  const api = useApi()
  return api.patch<Employee>(`/employees/${id}`, {
    firstName: payload.firstName,
    lastName: payload.lastName,
-    site: payload.siteId ? `/api/sites/${payload.siteId}` : null
+    site: payload.siteId ? `/api/sites/${payload.siteId}` : null,
+    displayOrder: payload.displayOrder
  }, {
    toastSuccessKey: 'success.employee.update',
    toastErrorKey: 'errors.employee.update'
  })
 }

+export const updateEmployeeOrder = async (
+  id: number,
+  displayOrder: number
+) => {
+  const api = useApi()
+  return api.patch<Employee>(`/employees/${id}`, {
+    displayOrder
+  }, {
+    toast: false
+  })
+}
+
 export const deleteEmployee = async (id: number) => {
  const api = useApi()
  return api.delete(`/employees/${id}`, {}, {
--- a/migrations/Version20260210120000.php
+++ b/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');
+    }
+}
--- a/migrations/Version20260210121500.php
+++ b/migrations/Version20260210121500.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260210121500 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Add display_order to employees';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE employees ADD display_order INT NOT NULL DEFAULT 0');
+    }
+
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE employees DROP COLUMN display_order');
+    }
+}
--- a/migrations/Version20260210123000.php
+++ b/migrations/Version20260210123000.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+final class Version20260210123000 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return 'Backfill employee display_order per site';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // Initialise display_order par site selon le tri nom/prénom/id.
+        $this->addSql('
+            UPDATE employees e
+            SET display_order = ranked.rn
+            FROM (
+                SELECT id,
+                       ROW_NUMBER() OVER (
+                           PARTITION BY site_id
+                           ORDER BY last_name ASC, first_name ASC, id ASC
+                       ) AS rn
+                FROM employees
+            ) ranked
+            WHERE ranked.id = e.id
+        ');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // Pas de rollback pertinent.
+    }
+}
--- a/src/Entity/Absence.php
+++ b/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;
--- a/src/Entity/Employee.php
+++ b/src/Entity/Employee.php
@@ -37,6 +37,10 @@ class Employee
    #[Groups(['employee:read', 'employee:write'])]
    private ?Site $site = null;

+    #[ORM\Column(type: 'integer', options: ['default' => 0])]
+    #[Groups(['employee:read', 'employee:write'])]
+    private int $displayOrder = 0;
+
    #[ORM\Column(type: 'datetime_immutable')]
    private DateTimeImmutable $createdAt;

@@ -90,4 +94,16 @@ class Employee
    {
        return $this->createdAt;
    }
+
+    public function getDisplayOrder(): int
+    {
+        return $this->displayOrder;
+    }
+
+    public function setDisplayOrder(int $displayOrder): self
+    {
+        $this->displayOrder = $displayOrder;
+
+        return $this;
+    }
 }
--- a/src/State/AbsencePrintProvider.php
+++ b/src/State/AbsencePrintProvider.php
@@ -115,6 +115,7 @@ class AbsencePrintProvider implements ProviderInterface
            ->leftJoin('e.site', 's')
            ->addSelect('s')
            ->orderBy('s.name', 'ASC')
+            ->addOrderBy('e.displayOrder', 'ASC')
            ->addOrderBy('e.lastName', 'ASC')
            ->addOrderBy('e.firstName', 'ASC')
        ;
@@ -184,17 +185,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'));
--- a/templates/absence/print.html.twig
+++ b/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 %}
Author	SHA1	Message	Date
gitea-actions	4845230429	chore: bump version to v0.1.6 All checks were successful Auto Tag Develop / tag (push) Successful in 4s Details Build Release Artefact / build (push) Successful in 1m7s Details	2026-02-10 15:49:16 +00:00
tristan	0b0ca60af7	feat : ajout d'un ordre d'affichage pour les employés + ajout du drag and drop pour changer l'ordre des employés dans le calendrier et l'impression All checks were successful Auto Tag Develop / tag (push) Successful in 5s Details	2026-02-10 16:49:03 +01:00
gitea-actions	fe6a0e8fc9	chore: bump version to v0.1.5 All checks were successful Auto Tag Develop / tag (push) Successful in 4s Details Build Release Artefact / build (push) Successful in 1m7s Details	2026-02-10 15:19:22 +00:00
tristan	c10c774ac8	Merge remote-tracking branch 'origin/develop' into develop Some checks failed Auto Tag Develop / tag (push) Has been cancelled Details	2026-02-10 16:19:13 +01:00
tristan	4b847eb1a2	feat : ajout d'un filtre sur le nom des employés et ajout du header sticky	2026-02-10 16:19:02 +01:00
gitea-actions	fd48c9937e	chore: bump version to v0.1.4 All checks were successful Auto Tag Develop / tag (push) Successful in 4s Details Build Release Artefact / build (push) Successful in 1m11s Details	2026-02-10 15:11:21 +00:00
tristan	2a8c874985	feat : ajout des demi-journées d'absence dans le calendrier et l'export pdf Some checks failed Auto Tag Develop / tag (push) Has been cancelled Details	2026-02-10 16:11:09 +01:00