chore: update frontend configuration

This commit is contained in:
Matthieu
2025-09-26 11:29:47 +02:00
parent b7caa4f552
commit a78938a4d1
64 changed files with 5790 additions and 5129 deletions

View File

@@ -2,7 +2,9 @@
<div class="space-y-4">
<section class="space-y-3">
<div class="flex items-center justify-between">
<h3 class="text-sm font-semibold">Champs personnalisés</h3>
<h3 class="text-sm font-semibold">
Champs personnalisés
</h3>
<button type="button" class="btn btn-outline btn-xs" @click="addField">
<IconLucidePlus class="w-3 h-3 mr-2" aria-hidden="true" />
Ajouter
@@ -27,18 +29,28 @@
type="text"
class="input input-bordered input-xs"
placeholder="Nom du champ"
/>
>
<select v-model="field.type" class="select select-bordered select-xs">
<option value="text">Texte</option>
<option value="number">Nombre</option>
<option value="select">Liste</option>
<option value="boolean">Oui/Non</option>
<option value="date">Date</option>
<option value="text">
Texte
</option>
<option value="number">
Nombre
</option>
<option value="select">
Liste
</option>
<option value="boolean">
Oui/Non
</option>
<option value="date">
Date
</option>
</select>
</div>
<div class="flex items-center gap-2 text-xs">
<input v-model="field.required" type="checkbox" class="checkbox checkbox-xs" />
<input v-model="field.required" type="checkbox" class="checkbox checkbox-xs">
Obligatoire
</div>
@@ -47,7 +59,7 @@
v-model="field.optionsText"
class="textarea textarea-bordered textarea-xs h-20"
placeholder="Option 1&#10;Option 2"
></textarea>
/>
</div>
<button
type="button"
@@ -71,13 +83,13 @@ import IconLucideTrash from '~icons/lucide/trash'
const props = defineProps({
modelValue: {
type: Object,
default: () => ({ customFields: [] }),
},
default: () => ({ customFields: [] })
}
})
const emit = defineEmits(['update:modelValue'])
const ensureArray = (value) => (Array.isArray(value) ? value : [])
const ensureArray = value => (Array.isArray(value) ? value : [])
const clone = (input, fallback = {}) => {
try {
@@ -104,24 +116,24 @@ const toEditorField = (input = {}) => ({
? input.options.join('\n')
: typeof input.optionsText === 'string'
? input.optionsText
: '',
: ''
})
const hydrateFields = (structure = {}) => ensureArray(structure.customFields).map(toEditorField)
const localState = reactive({
fields: hydrateFields(props.modelValue),
fields: hydrateFields(props.modelValue)
})
const extraState = reactive({
rest: clone(extractRest(props.modelValue)),
rest: clone(extractRest(props.modelValue))
})
const localFields = computed({
get: () => localState.fields,
set: (value) => {
localState.fields = ensureArray(value).map(toEditorField)
},
}
})
const normalizeFields = (fields) => {
@@ -139,8 +151,8 @@ const normalizeFields = (fields) => {
const raw = typeof field.optionsText === 'string' ? field.optionsText : ''
const parsed = raw
.split(/\r?\n/)
.map((option) => option.trim())
.filter((option) => option.length > 0)
.map(option => option.trim())
.filter(option => option.length > 0)
options = parsed.length > 0 ? parsed : undefined
}
@@ -155,14 +167,14 @@ const normalizeFields = (fields) => {
let lastEmitted = JSON.stringify({
...clone(extraState.rest, {}),
customFields: normalizeFields(props.modelValue?.customFields),
customFields: normalizeFields(props.modelValue?.customFields)
})
const emitUpdate = () => {
const customFields = normalizeFields(localFields.value)
const payload = {
...clone(extraState.rest, {}),
customFields,
customFields
}
const serialized = JSON.stringify(payload)
if (serialized !== lastEmitted) {
@@ -178,7 +190,7 @@ watch(
extraState.rest = clone(extractRest(value), {})
lastEmitted = JSON.stringify({
...clone(extraState.rest, {}),
customFields: normalizeFields(value?.customFields),
customFields: normalizeFields(value?.customFields)
})
},
{ deep: true }