From e88fea2796dcd0687162a13c15d43c00b16a6c66 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Thu, 21 May 2026 14:24:13 +0200
Subject: [PATCH] feat(fer-19) : affichage etat pont-bascule et desactivation
 du bouton peser

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../components/workflow/workflow-weight.vue     | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/components/workflow/workflow-weight.vue b/frontend/components/workflow/workflow-weight.vue
index 295ebf7..8a35c6a 100644
--- a/frontend/components/workflow/workflow-weight.vue
+++ b/frontend/components/workflow/workflow-weight.vue
@@ -2,7 +2,15 @@
     <div class="flex justify-center">
         <div class="flex flex-col items-center w-[660px]">
             <h1 class="font-bold text-5xl uppercase text-primary-500">{{ title }}</h1>
-            <p class="text-primary-500 uppercase text-2xl mt-2">Pont-bascule connecté</p>
+            <p
+                v-if="pontBasculeStatus === 'checking'"
+                class="uppercase text-2xl mt-2 text-primary-500">Vérification du pont-bascule…</p>
+            <p
+                v-else-if="pontBasculeStatus === 'connected'"
+                class="uppercase text-2xl mt-2 text-green-600">Pont-bascule connecté</p>
+            <p
+                v-else
+                class="uppercase text-2xl mt-2 text-red-600">Pont-bascule non connecté</p>
             <div
                 v-if="!displayWeight"
                 class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[86px]">
@@ -19,6 +27,7 @@
     <div class="flex justify-center mt-[54px]">
         <UiButton
             class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
+            :disabled="pontBasculeStatus !== 'connected'"
             @click="fetchWeight"
         >{{ displayWeight !== null ? 'refaire une pesée' : 'peser' }}</UiButton>
         <UiButton
@@ -35,7 +44,8 @@
 </template>
 
 <script setup lang="ts">
-import { toRef } from 'vue'
+import { onMounted, toRef } from 'vue'
+import { usePontBascule } from '~/composables/usePontBascule'
 import { useWeighingStep } from '~/composables/steps/useWeighingStep'
 import type { WeightData } from '~/services/dto/weight-data'
 
@@ -55,6 +65,9 @@ const props = defineProps<{
 
 const entityRef = toRef(props, 'entity')
 
+const { status: pontBasculeStatus, checkHealth } = usePontBascule()
+onMounted(checkHealth)
+
 const {
     displayWeight,
     title,