From c0411ef8b1aded6455988374acfaada0457a1d45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Mon, 18 Nov 2024 22:45:02 +0100
Subject: [PATCH] modification des bouttons de score pour publier un meilleur
 message MQTT

---
 ui/src/components/CardButtonScore.vue | 32 +++++++++++++--------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/CardButtonScore.vue b/ui/src/components/CardButtonScore.vue
index faf4655..96bed7e 100644
--- a/ui/src/components/CardButtonScore.vue
+++ b/ui/src/components/CardButtonScore.vue
@@ -7,82 +7,82 @@
     <v-container class="text-center">
       <v-row justify="center">
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn red xs12 sm6 md3" topic="/game/score" message="TEAM_RED-2"rounded>
+          <mqtt-button width="120" height="60" class="btn red xs12 sm6 md3" topic="game/score/update" message='{"Red": "-2"}'>
             <v-icon left size="40">mdi-minus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3" topic="/game/score" message="TEAM_RED-1">
+          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3" topic="game/score/update" message='{"Red": "-1"}'>
             <v-icon left size="40">mdi-minus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3" topic="/game/score" message="TEAM_RED+1">
+          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3" topic="game/score/update" message='{"Red": "+1"}'>
             <v-icon left size="40">mdi-plus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3 " topic="/game/score" message="TEAM_RED+2">
+          <mqtt-button width="120" height="60" class="btn red card xs12 sm6 md3 " topic="game/score/update" message='{"Red": "+2"}'>
             <v-icon left size="40">mdi-plus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="/game/score" message="TEAM_BLUE-2">
+          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="game/score/update" message='{"Blue": "-2"}'>
             <v-icon left size="40">mdi-minus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="/game/score" message="TEAM_BLUE-1">
+          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="game/score/update" message='{"Blue": "-1"}'>
             <v-icon left size="40">mdi-minus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="/game/score" message="TEAM_BLUE+1">
+          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="game/score/update" message='{"Blue": "+1"}'>
             <v-icon left size="40">mdi-plus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="/game/score" message="TEAM_BLUE+2">
+          <mqtt-button width="120" height="60" class="btn blue card xs12 sm6 md3 " topic="game/score/update" message='{"Blue": "+2"}'>
             <v-icon left size="40">mdi-plus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW-2">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="game/score/update" message='{"Yellow": "-2"}'>
             <v-icon left size="40">mdi-minus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW-1">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="game/score/update" message='{"Yellow": "-1"}'>
             <v-icon left size="40">mdi-minus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW+1">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="game/score/update" message='{"Yellow": "+1"}'>
             <v-icon left size="40">mdi-plus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW+2">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="game/score/update" message='{"Yellow": "+2"}'>
             <v-icon left size="40">mdi-plus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="/game/score" message="TEAM_GREEN-2">
+          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="game/score/update" message='{"Green": "-2"}'>
             <v-icon left size="40">mdi-minus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="/game/score" message="TEAM_GREEN-1">
+          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="game/score/update" message='{"Green": "-1"}'>
             <v-icon left size="40">mdi-minus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="/game/score" message="TEAM_GREEN+1">
+          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="game/score/update" message='{"Green": "+1"}'>
             <v-icon left size="40">mdi-plus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="/game/score" message="TEAM_GREEN+2">
+          <mqtt-button width="120" height="60" class="btn green card xs12 sm6 md3 " topic="game/score/update" message='{"Green": "2"}'>
             <v-icon left size="40">mdi-plus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>