feat(absence) : extract Absence front into Nuxt module layer

LST-66 (2.3) front. Companion to the backend module migration. - Move pages (absences, team-absences), 8 components, the absences service + DTO and the useAbsenceHelpers composable into frontend/modules/absence/ (auto-detected layer; composable now auto-imported). - Rewrite consumers: AdminAbsencePolicyTab and the time-tracking calendar (getPublicHolidays) point to ~/modules/absence/... - Middlewares (employee/admin) and shared services (clients, users, user-data DTO) stay at the root. i18n stays global. - Routes /absences and /team-absences preserved. nuxt build passes; routes confirmed.
2026-06-20 18:36:48 +02:00
parent 306cfd34cd
commit 163bf0891a
16 changed files with 21 additions and 27 deletions
@@ -0,0 +1,73 @@
+<template>
+    <div class="absence-date-field">
+        <label class="mb-1 block text-sm font-medium text-neutral-700">{{ label }}</label>
+        <MalioDate
+            :model-value="modelValue"
+            :min="min ?? undefined"
+            :max="max ?? undefined"
+            :error="error"
+            :clearable="true"
+            group-class="w-full"
+            @update:model-value="$emit('update:modelValue', $event)"
+        />
+
+        <div v-if="showPills" class="mt-2 flex flex-wrap gap-2">
+            <button
+                v-for="opt in pillOptions"
+                :key="String(opt.value)"
+                type="button"
+                class="rounded-full border px-4 py-1.5 text-sm font-medium transition"
+                :class="half === opt.value
+                    ? 'border-primary-500 bg-primary-50 text-primary-600'
+                    : 'border-neutral-300 text-neutral-600 hover:border-neutral-400'"
+                @click="$emit('update:half', opt.value)"
+            >
+                {{ opt.label }}
+            </button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type { HalfDay } from '~/modules/absence/services/dto/absence'
+
+const props = withDefaults(defineProps<{
+    /** ISO date string "YYYY-MM-DD" or null. */
+    modelValue: string | null
+    half: HalfDay | null
+    label: string
+    /** 'start' shows full/morning/afternoon, 'end' shows full/morning only. */
+    mode?: 'start' | 'end'
+    error?: string
+    /** ISO date string "YYYY-MM-DD" or null. */
+    min?: string | null
+    max?: string | null
+    showPills?: boolean
+}>(), {
+    mode: 'start',
+    error: '',
+    min: null,
+    max: null,
+    showPills: true,
+})
+
+defineEmits<{
+    'update:modelValue': [value: string | null]
+    'update:half': [value: HalfDay | null]
+}>()
+
+const { t } = useI18n()
+
+type PillOption = { label: string; value: HalfDay | null }
+
+const pillOptions = computed<PillOption[]>(() => {
+    const base: PillOption[] = [
+        { label: t('absences.form.fullDay'), value: null },
+        { label: t('absences.halfDay.matin'), value: 'matin' },
+    ]
+    if (props.mode === 'start') {
+        base.push({ label: t('absences.halfDay.apres_midi'), value: 'apres_midi' })
+    }
+    return base
+})
+</script>