From 5900b1faa1e90cb39cae5374f764d80dd747e72e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Fri, 23 Jan 2026 18:50:58 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20des=20boutons=20de=20simulation=20de=20?=
 =?UTF-8?q?buzzer=20et=20agrandissement=20de=20la=20fen=C3=AAtre?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 VApp/src/components/MQTTDebugPublish.vue | 58 ++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 5 deletions(-)

diff --git a/VApp/src/components/MQTTDebugPublish.vue b/VApp/src/components/MQTTDebugPublish.vue
index 667e2917..580987f9 100644
--- a/VApp/src/components/MQTTDebugPublish.vue
+++ b/VApp/src/components/MQTTDebugPublish.vue
@@ -1,18 +1,18 @@
 <template>
   <v-container class="v-container-style">
-    <v-card tile outlined width="500">
+    <v-card tile outlined width="600">
       <v-card-title class="card__title primary centered-title">
         <v-icon left class="pr-5 pl-2" size="30">mdi-send</v-icon>
         Publier un message
       </v-card-title>
 
       <div class="input-style">
-        <v-select
+        <v-text-field
           label="Topic"
           v-model="selectedTopic"
           :items="topics"
           prepend-icon="mdi-target"
-        ></v-select>
+        ></v-text-field>
 
         <v-text-field
           label="Message"
@@ -30,6 +30,42 @@
         Déblocage<br>Buzzer
       </v-btn>
 
+      <v-btn
+        rounded
+        color="RedBuzzer"
+        class="v-btn-style-standalone"
+        height="40"
+        @click="publishBuzzer('#d42828')"
+      >
+        Buzzer
+      </v-btn>
+      <v-btn
+        rounded
+        color="BlueBuzzer"
+        class="v-btn-style-standalone"
+        height="40"
+        @click="publishBuzzer('#2867d4')"
+      >
+        Buzzer
+      </v-btn>
+      <v-btn
+        rounded
+        color="YellowBuzzer"
+        class="v-btn-style-standalone"
+        height="40"
+        @click="publishBuzzer('#D4D100')"
+      >
+        Buzzer
+      </v-btn>
+      <v-btn
+        rounded
+        color="GreenBuzzer"
+        class="v-btn-style-standalone"
+        height="40"
+        @click="publishBuzzer('#28d42e')"
+      >
+        Buzzer
+      </v-btn>
       <v-btn
         class="v-btn-style-validate"
         height="50"
@@ -53,7 +89,8 @@ const topics = [
   'display/control',
   'sound/playsound',
   'game/score/update',
-  'game/score'
+  'game/score',
+  '/display/media'
 ];
 
 // Methods
@@ -62,7 +99,18 @@ const publisCustomMessage = () => {
 };
 
 const publishBuzzerUnblock = () => {
-  publishMessage('brainblast/buzzer/unlock', "0");
+  publishMessage('vulture/buzzer/unlock', "0");
+};
+const publishBuzzer = (inputColor) => {
+  publishMessage('vulture/buzzer/pressed/2',JSON.stringify({
+                buzzer_id: 1,
+                color: inputColor
+            }));
+  // Add a small delay before unlocking to ensure the score update is processed
+  setTimeout(() => {
+        publishMessage('/display/control', "pause");
+  }, 100);
+
 };
 </script>