chore: update frontend configuration

app/components/CustomFieldsDisplay.vue

@@ -1,9 +1,11 @@
 <template>
   <div v-if="customFields && customFields.length > 0" class="space-y-4">
-    <h4 class="font-semibold text-gray-700 mb-3">Champs personnalisés</h4>
+    <h4 class="font-semibold text-gray-700 mb-3">
+      Champs personnalisés
+    </h4>
     <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-      <div 
-        v-for="field in customFields" 
+      <div
+        v-for="field in customFields"
         :key="field.id"
         class="form-control"
       >
@@ -11,66 +13,68 @@
           <span class="label-text">{{ field.name }}</span>
           <span v-if="field.required" class="label-text-alt text-error">*</span>
         </label>
-        
+
         <!-- Champ de type TEXT -->
-        <input 
+        <input
           v-if="field.type === 'text'"
           v-model="fieldValues[field.id]"
           type="text"
           class="input input-bordered input-sm"
           :required="field.required"
           @blur="updateCustomFieldValue(field.id)"
-        />
-        
+        >
+
         <!-- Champ de type NUMBER -->
-        <input 
+        <input
           v-else-if="field.type === 'number'"
           v-model="fieldValues[field.id]"
           type="number"
           class="input input-bordered input-sm"
           :required="field.required"
           @blur="updateCustomFieldValue(field.id)"
-        />
-        
+        >
+
         <!-- Champ de type SELECT -->
-        <select 
+        <select
           v-else-if="field.type === 'select'"
           v-model="fieldValues[field.id]"
           class="select select-bordered select-sm"
           :required="field.required"
           @change="updateCustomFieldValue(field.id)"
         >
-          <option value="">Sélectionner...</option>
-          <option 
-            v-for="option in field.options" 
-            :key="option" 
+          <option value="">
+            Sélectionner...
+          </option>
+          <option
+            v-for="option in field.options"
+            :key="option"
             :value="option"
           >
             {{ option }}
           </option>
         </select>
-        
+
         <!-- Champ de type BOOLEAN -->
         <div v-else-if="field.type === 'boolean'" class="flex items-center gap-2">
-          <input 
+          <input
             v-model="fieldValues[field.id]"
             type="checkbox"
             class="checkbox checkbox-sm"
             :checked="fieldValues[field.id] === 'true'"
             @change="updateCustomFieldValue(field.id)"
-          />
+          >
           <span class="text-sm">{{ fieldValues[field.id] === 'true' ? 'Oui' : 'Non' }}</span>
         </div>
-        
+
         <!-- Champ de type DATE -->
-        <input 
+        <input
           v-else-if="field.type === 'date'"
           v-model="fieldValues[field.id]"
           type="date"
           class="input input-bordered input-sm"
           :required="field.required"
           @blur="updateCustomFieldValue(field.id)"
-        />
+        >
       </div>
     </div>
   </div>
@@ -91,7 +95,7 @@ const props = defineProps({
   entityType: {
     type: String,
     required: true, // 'machine', 'composant', 'piece'
-    validator: (value) => ['machine', 'composant', 'piece'].includes(value)
+    validator: value => ['machine', 'composant', 'piece'].includes(value)
   }
 })
 
@@ -102,7 +106,7 @@ const fieldValues = reactive({})
 
 // Initialiser les valeurs sans appliquer de valeur par défaut implicite
 const initializeFieldValues = () => {
-  props.customFields.forEach(field => {
+  props.customFields.forEach((field) => {
     if (!(field.id in fieldValues)) {
       fieldValues[field.id] = field.value ?? ''
     }
@@ -129,4 +133,4 @@ watch(() => props.customFields, () => {
 onMounted(() => {
   initializeFieldValues()
 })
-</script> 
+</script>