fix : corrections de l'entity customer.php et de la partie admin front qui lui est lié + update des fixtures/seed

frontend/components/shipment/shipment-form.vue

@@ -49,7 +49,7 @@
                 label="Client"
                 :options="customers.map((customer) => ({
                     value: String(customer.id),
-                    label: customer.label
+                    label: customer.name || `Client #${customer.id}`
                 }))"
                 :loading="isLoadingCustomers"
                 wrapper-class="col-start-1 row-start-5"

frontend/pages/admin/customer/[[id]].vue

@@ -15,8 +15,9 @@
         </div>
 
         <div class="grid grid-cols-2 gap-y-8 gap-x-80 mb-10 py-12">
-            <UiTextInput id="customer-label" v-model="form.label" label="Nom du client" :disabled="!auth.isAdmin"/>
-            <UiTextInput id="customer-code" v-model="form.code" label="Code" :disabled="!auth.isAdmin"/>
+            <UiTextInput id="customer-name" v-model="form.name" label="Nom du client" :disabled="!auth.isAdmin"/>
+            <UiTextInput id="customer-phone" v-model="form.phone" label="Téléphone" :disabled="!auth.isAdmin"/>
+            <UiTextInput id="customer-email" v-model="form.email" label="Email" :disabled="!auth.isAdmin"/>
         </div>
 
         <div class="mx-24 mb-4 py-6 border-t border-black"></div>
@@ -94,8 +95,9 @@ const resolveId = (param: unknown) => {
 const customerId = computed(() => resolveId(route.params.id))
 const isLoading = ref(false)
 const form = reactive<CustomerFormData>({
-    label: "",
-    code: "",
+    name: "",
+    phone: "",
+    email: "",
     addresses: [],
 })
 
@@ -122,8 +124,9 @@ const goToEditAddress = (addressId: number | null) => {
 
 const hydrateFromCustomer = (customer: CustomerData | null) => {
     if (!customer) return
-    form.label = customer.label ?? ""
-    form.code = customer.code ?? ""
+    form.name = customer.name ?? ""
+    form.phone = customer.phone ?? ""
+    form.email = customer.email ?? ""
     if (!Array.isArray(customer.addresses) || customer.addresses.length === 0) {
         form.addresses = []
         return
@@ -165,12 +168,14 @@ async function validate() {
     isLoading.value = true
 
     try {
-        const label = form.label.trim()
-        const code = form.code.trim()
+        const name = form.name.trim()
+        const phone = form.phone?.trim() || null
+        const email = form.email?.trim() || null
 
         const customerPayload: CustomerPayload = {
-            label,
-            code,
+            name,
+            phone,
+            email,
         }
         let targetId: number | null = null
 

frontend/pages/admin/customer/customer-list.vue

@@ -14,10 +14,11 @@
     <div v-if="auth.isAdmin" class="mt-6 border border-slate-200 mb-16">
         <div class="max-h-96 overflow-y-auto">
             <div
-                class="sticky top-0 z-10 grid grid-cols-7 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
+                class="sticky top-0 z-10 grid grid-cols-8 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
             >
                 <div>Nom</div>
-                <div>Code</div>
+                <div>Téléphone</div>
+                <div>Email</div>
                 <div>Rue</div>
                 <div>Complément</div>
                 <div>Code Postal</div>
@@ -26,17 +27,18 @@
             </div>
 
             <div v-if="customerList.length === 0" class="px-4 py-6 text-slate-400">
-                Aucun fournisseur.
+                Aucun client.
             </div>
 
             <div v-for="customer in customerList" :key="customer.id">
                 <div
                     v-if="!customer.addresses || customer.addresses.length === 0"
-                    class="grid grid-cols-7 border-t gap-4 px-4 py-2 hover:bg-slate-50 cursor-pointer"
+                    class="grid grid-cols-8 border-t gap-4 px-4 py-2 hover:bg-slate-50 cursor-pointer"
                     @click="goToCustomer(customer.id)"
                 >
-                    <div class="truncate">{{ customer.label }}</div>
-                    <div class="truncate">{{ customer.code }}</div>
+                    <div class="truncate">{{ customer.name || "—" }}</div>
+                    <div class="truncate">{{ customer.phone || "—" }}</div>
+                    <div class="truncate">{{ customer.email || "—" }}</div>
                     <div class="col-span-1">Pas d'adresse</div>
                     <div class="uppercase truncate">{{"—"}}</div>
                     <div class="uppercase truncate">{{"—"}}</div>
@@ -48,14 +50,15 @@
                     <div
                         v-for="(address, idx) in customer.addresses"
                         :key="address.id ?? `${customer.id}-${idx}-${address.street}-${address.postalCode}`"
-                        class="grid grid-cols-7 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
+                        class="grid grid-cols-8 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
                         :class="idx > 0 ? 'pl-4 border-l-4 border-l-slate-200 bg-slate-50' : ''"
                         @click="goToCustomer(customer.id)"
                     >
                         <div class="truncate">
-                            {{ idx === 0 ? customer.label : "↳" }}
+                            {{ idx === 0 ? (customer.name || "—") : "↳" }}
                         </div>
-                        <div class="truncate">{{ idx === 0 ? customer.code : ""  }}</div>
+                        <div class="truncate">{{ idx === 0 ? (customer.phone || "—") : ""  }}</div>
+                        <div class="truncate">{{ idx === 0 ? (customer.email || "—") : ""  }}</div>
                         <div class="truncate">{{ address.street || "—" }}</div>
                         <div class="truncate">{{ address.street2 || "—" }}</div>
                         <div>{{ address.postalCode || "—"  }}</div>
@@ -66,11 +69,12 @@
 
                 <template v-else>
                     <div
-                        class="grid grid-cols-7 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
+                        class="grid grid-cols-8 hover:bg-slate-50 border-t gap-4 px-4 py-2 cursor-pointer"
                         @click="goToCustomer(customer.id)"
                     >
-                        <div class="truncate">{{ customer.label }}</div>
-                        <div class="truncate">{{ customer.code }}</div>
+                        <div class="truncate">{{ customer.name || "—" }}</div>
+                        <div class="truncate">{{ customer.phone || "—" }}</div>
+                        <div class="truncate">{{ customer.email || "—" }}</div>
                         <div class="col-span-5 text-slate-400">
                             Adresses non chargées
                         </div>

frontend/services/dto/customer-data.ts

@@ -4,19 +4,22 @@ export type CustomerAddresses = AddressFormData[] | string[]
 
 export interface CustomerData {
     id: number
-    label: string
-    code?: string | null
+    name: string
+    phone?: string | null
+    email?: string | null
     addresses: CustomerAddresses
 }
 
 export interface CustomerFormData {
-    label: string
-    code?: string
+    name: string
+    phone?: string
+    email?: string
     addresses: AddressFormData[]
 }
 
 export type CustomerPayload = {
-    label: string
-    code?: string | null
+    name: string
+    phone?: string | null
+    email?: string | null
     addresses?: string[]
 }