fix : bouton de mise en attente

frontend/components/reception/reception-form.vue

@@ -1,5 +1,5 @@
 <template>
-    <form :class="{ submitted }" @submit.prevent="validate">
+    <form ref="formRef" :class="{ submitted }" @submit.prevent="validate">
         <div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16">
             <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1 text-primary-500">Réception</h1>
             <UiSelect
@@ -141,6 +141,7 @@ const router = useRouter()
 const receptionStore = useReceptionStore()
 const isHydrating = ref(false)
 const submitted = ref(false)
+const formRef = ref<HTMLFormElement | null>(null)
 
 const form = reactive<ReceptionFormData>({
     licensePlate: '',
@@ -217,7 +218,7 @@ onMounted(async () => {
     await loadVehicles()
 })
 
-async function validate() {
+const buildPayload = () => {
     const normalizedLicensePlate = form.licensePlate.trim()
     const normalizedReceptionDate = form.receptionDate.trim()
     const normalizedReceptionTypeId = form.receptionTypeId.trim()
@@ -236,7 +237,7 @@ async function validate() {
     const carrierIri = normalizedCarrierId ? `/api/carriers/${normalizedCarrierId}` : null
     const driverIri = normalizedDriverId ? `/api/drivers/${normalizedDriverId}` : null
 
-    const basePayload = {
+    return {
         licensePlate: normalizedLicensePlate,
         receptionDate: normalizedReceptionDate,
         receptionType: receptionTypeIri,
@@ -244,13 +245,35 @@ async function validate() {
         supplier: supplierIri,
         address: addressIri,
         truck: truckIri,
-        carrier: carrierIri
-    }
-
-    const payload = {
-        ...basePayload,
+        carrier: carrierIri,
         ...(isLiotCarrier.value && driverIri ? { driver: driverIri } : {})
     }
+}
+
+const saveDraft = async () => {
+    const payload = buildPayload()
+    if (!receptionStore.current) {
+        await receptionStore.createReception({
+            currentStep: 0,
+            ...payload
+        })
+        return
+    }
+    await receptionStore.updateReception(receptionStore.current.id, {
+        currentStep: receptionStore.current.currentStep,
+        ...payload
+    })
+}
+
+const validateFields = () => {
+    submitted.value = true
+    return formRef.value?.reportValidity() ?? false
+}
+
+defineExpose({ saveDraft, validateFields })
+
+async function validate() {
+    const payload = buildPayload()
 
     if (!receptionStore.current) {
         const created = await receptionStore.createReception({

frontend/components/shipment/shipment-form.vue

@@ -1,5 +1,5 @@
 <template>
-    <form :class="{ submitted }" @submit.prevent="validate">
+    <form ref="formRef" :class="{ submitted }" @submit.prevent="validate">
         <div class="grid grid-cols-2 h-[461px] items-start gap-y-8 gap-x-40 mb-16">
             <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1 text-primary-500">Expédition</h1>
             <UiSelect
@@ -152,6 +152,7 @@ const router = useRouter()
 const shipmentStore = useShipmentStore()
 const isHydrating = ref(false)
 const submitted = ref(false)
+const formRef = ref<HTMLFormElement | null>(null)
 
 const form = reactive<ShipmentFormData>({
     userId: '',
@@ -286,7 +287,12 @@ const saveDraft = async () => {
     })
 }
 
-defineExpose({ saveDraft })
+const validateFields = () => {
+    submitted.value = true
+    return formRef.value?.reportValidity() ?? false
+}
+
+defineExpose({ saveDraft, validateFields })
 
 const validate = async () => {
     const payload = buildPayload()

frontend/components/workflow/workflow-weight.vue

@@ -60,6 +60,7 @@ const {
     title,
     fetchWeight,
     saveWeight,
+    saveWeightDraft,
     showGenerateReceipt,
     printReceipt
 } = useWeighingStep({
@@ -75,4 +76,6 @@ const {
     clearEntity: props.clearEntity,
     buildReceiptFilename: props.buildReceiptFilename
 })
+
+defineExpose({ saveWeightDraft })
 </script>