Finalisation réception marchandise, ajout de composant UI et ajout de fixtures (!7)

| Numéro du ticket | Titre du ticket | |------------------|-----------------| | | | ## Description de la PR ## Modification du .env ## Check list - [x] Pas de régression - [ ] TU/TI/TF rédigée - [x] TU/TI/TF OK - [x] CHANGELOG modifié Reviewed-on: https://gitea.malio.fr/MALIO-DEV/Ferme/pulls/7 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
2026-01-30 14:10:40 +00:00
parent 9ae073e69e
commit 1ce6357c1d
90 changed files with 4280 additions and 307 deletions
@@ -0,0 +1,85 @@
+<template>
+    <div :class="['flex flex-col', wrapperClass]">
+        <label
+            v-if="label"
+            :for="id"
+            class="font-bold uppercase text-xl mb-2"
+            :class="labelClass"
+        >
+            {{ label }}
+        </label>
+        <select
+            :id="id"
+            :value="modelValue ?? ''"
+            :disabled="disabled || loading"
+            v-bind="attrs"
+            class="border-b border-black justify-self-start text-xl pb-[6px] bg-transparent"
+            :class="[
+                isEmpty ? 'text-neutral-400' : 'text-black',
+                disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer',
+                selectClass
+            ]"
+            @change="onChange"
+        >
+            <option value="" disabled class="text-neutral-400">
+                {{ placeholderText }}
+            </option>
+            <option
+                v-for="option in options"
+                :key="option.value"
+                :value="option.value"
+                class="text-black"
+            >
+                {{ option.label }}
+            </option>
+        </select>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs } from 'vue'
+
+type SelectOption = {
+    value: string | number
+    label: string
+}
+
+defineOptions({ inheritAttrs: false })
+
+const props = withDefaults(
+    defineProps<{
+        id?: string
+        label?: string
+        placeholder?: string
+        modelValue: string | number | null | undefined
+        options: SelectOption[]
+        disabled?: boolean
+        loading?: boolean
+        wrapperClass?: string
+        labelClass?: string
+        selectClass?: string
+    }>(),
+    {
+        placeholder: 'Sélectionner',
+        disabled: false,
+        loading: false,
+        wrapperClass: '',
+        labelClass: '',
+        selectClass: ''
+    }
+)
+
+const emit = defineEmits<{
+    (event: 'update:modelValue', value: string): void
+}>()
+
+const attrs = useAttrs()
+
+const isEmpty = computed(() => props.modelValue === '' || props.modelValue === null || props.modelValue === undefined)
+const placeholderText = computed(() => props.placeholder || 'Sélectionner')
+
+const onChange = (event: Event) => {
+    const target = event.target as HTMLSelectElement
+    emit('update:modelValue', target.value)
+}
+</script>