feat : Ajout d'un composable pour la pesée qui sera réutilisable pour l'expédition, ajout de contrainte sur les entity de reception et weight pour plus de robustesse et correction de la class active des liens dans la nav

frontend/components/reception/reception-weight.vue

@@ -25,12 +25,12 @@
     <div class="flex justify-center mt-[54px]">
         <button
             class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
-            @click="getReceptionWeight"
+            @click="fetchWeight"
         >{{ displayWeight !== null ? 'refaire une pesee' : 'peser' }}</button>
         <button
             v-if="displayWeight !== null"
             class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
-            @click="validateWeight"
+            @click="saveWeight"
         >Valider la pesée</button>
     </div>
 
@@ -38,73 +38,30 @@
 
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
-import { getWeight } from '~/services/reception'
-import type { WeightData } from '~/services/dto/weight-data'
-import { createWeight, updateWeight } from '~/services/weight'
+import { useWeighing } from '~/composables/useWeighing'
 import { useReceptionStore } from '~/stores/reception'
 
 const props = defineProps<{
     mode: 'gross' | 'tare'
 }>()
 
-const weightData = ref<WeightData | null>(null)
-const localErrorMessage = ref<string | null>(null)
 const receptionStore = useReceptionStore()
 const { current: storeReception, errorMessage: storeErrorMessage } = storeToRefs(receptionStore)
-const errorMessage = computed(() => localErrorMessage.value ?? storeErrorMessage.value)
-const currentWeightEntry = computed(
-    () => storeReception.value?.weights?.find((entry) => entry.type === props.mode) ?? null
-)
-const displayWeight = computed(() => weightData.value?.weight ?? currentWeightEntry.value?.weight ?? null)
-const displayDsd = computed(() => weightData.value?.dsd ?? currentWeightEntry.value?.dsd ?? '-')
-const title = computed(() => (props.mode === 'gross' ? 'Pesée à plein' : 'Pesée à vide'))
-const showLoadingBox = computed(() => displayWeight.value === null && !errorMessage.value)
-
-async function getReceptionWeight() {
-    localErrorMessage.value = null
-    try {
-        weightData.value = await getWeight()
-    } catch (error) {
-        localErrorMessage.value = error?.data?.error ?? error?.message ?? 'Erreur inconnue.'
-    }
-}
-
-async function validateWeight() {
-    localErrorMessage.value = null
-
-    const existingEntry = currentWeightEntry.value
-    const baseDsd = weightData.value?.dsd ?? existingEntry?.dsd ?? null
-    const baseWeight = weightData.value?.weight ?? existingEntry?.weight ?? null
-    const baseWeighedAt = weightData.value?.weighedAt ?? existingEntry?.weighedAt ?? null
-
-    try {
-        if (existingEntry?.id) {
-            await updateWeight(existingEntry.id, {
-                type: props.mode,
-                dsd: baseDsd,
-                weight: baseWeight,
-                weighedAt: baseWeighedAt
-            })
-        } else {
-            await createWeight({
-                reception: `/receptions/${storeReception.value.id}`,
-                type: props.mode,
-                dsd: baseDsd,
-                weight: baseWeight,
-                weighedAt: baseWeighedAt
-            })
-        }
-    } catch (error) {
-        localErrorMessage.value = error?.data?.error ?? error?.message ?? 'Erreur inconnue.'
-        return
-    }
-    // @TODO Voir comment mettre en place la genération du bon, la validation de la reception et le dernier step
-    const nextStep = storeReception.value.currentStep + 1
-    await receptionStore.updateReception(storeReception.value.id, {
-        currentStep: nextStep,
-        isValid: props.mode === 'tare' ? true : storeReception.value.isValid
-    })
-    await receptionStore.loadReception(storeReception.value.id)
-}
+const {
+    displayWeight,
+    displayDsd,
+    title,
+    errorMessage,
+    showLoadingBox,
+    fetchWeight,
+    saveWeight
+} = useWeighing({
+    mode: props.mode,
+    reception: storeReception,
+    updateReception: receptionStore.updateReception,
+    loadReception: receptionStore.loadReception,
+    storeError: storeErrorMessage
+})
+// @TODO Voir comment mettre en place la genération du bon, la validation de la reception et le dernier step
 
 </script>