From 995cca83aeb926d7975072e09d5bd17688e47cf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Mon, 1 Apr 2024 15:03:27 +0200
Subject: [PATCH] =?UTF-8?q?Modification=20des=20donn=C3=A9es=20affich?=
 =?UTF-8?q?=C3=A9e=20dans=20la=20gestion=20des=20scores=20en=20vu=20d'une?=
 =?UTF-8?q?=20migration=20vers=20du=20dialog=20via=20WebSocket=20entre=20l?=
 =?UTF-8?q?e=20serveur=20backend=20et=20le=20frontend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/GameStatus.vue | 20 +++++++++++---------
 ui/src/variables.js              | 24 ++++++++++++++++++++----
 ui/src/views/GameDisplay.vue     | 15 +++++++++++++++
 3 files changed, 46 insertions(+), 13 deletions(-)

diff --git a/ui/src/components/GameStatus.vue b/ui/src/components/GameStatus.vue
index 744ca8b..59abd74 100644
--- a/ui/src/components/GameStatus.vue
+++ b/ui/src/components/GameStatus.vue
@@ -19,10 +19,10 @@
       <v-row no-gutters justify="space-around" class="scorebox-1-pos">
         <v-row>
           <v-col class="align-start scorediv-style-red pr-1">
-            <v-label class="labelScore-style">{{ localStorageVars.RedScore }}</v-label>
+            <v-label class="labelScore-style">{{ RedScore }}</v-label>
           </v-col>
           <v-col class="align-start scorediv-style-blue pl-1">
-            <v-label class="labelScore-style">{{ localStorageVars.BlueScore }}</v-label>
+            <v-label class="labelScore-style">{{ BlueScore }}</v-label>
           </v-col>
         </v-row>
       </v-row>
@@ -31,10 +31,10 @@
       <v-row no-gutters justify="space-around" class="scorebox-2-pos mb-0">
         <v-row>
           <v-col class="align-start scorediv-style-orange pr-1">
-            <v-label class="labelScore-style">{{ localStorageVars.OrangeScore }}</v-label>
+            <v-label class="labelScore-style">{{ OrangeScore }}</v-label>
           </v-col>
           <v-col class="align-start scorediv-style-green pl-1">
-            <v-label class="labelScore-style">{{ localStorageVars.GreenScore }}</v-label>
+            <v-label class="labelScore-style">{{ GreenScore }}</v-label>
           </v-col>
         </v-row>
       </v-row>
@@ -43,12 +43,14 @@
 </template>
 
 <script setup>
-import { localStorageVars } from '@/variables.js';
+import { ref} from 'vue'; // Import des fonctions de Vue 3
+import variables from '@/variables.js';
 
-localStorage.setItem('RedScore', 10);
-localStorage.setItem('BlueScore', 11);
-localStorage.setItem('OrangeScore', 12);
-localStorage.setItem('GreenScore', 13);
+// Déclaration des variables locales pour les scores
+const RedScore = ref(variables.RedScore);
+const BlueScore = ref(variables.BlueScore);
+const OrangeScore = ref(variables.OrangeScore);
+const GreenScore = ref(variables.GreenScore);
 
 </script>
 
diff --git a/ui/src/variables.js b/ui/src/variables.js
index 72c2690..6a0dad3 100644
--- a/ui/src/variables.js
+++ b/ui/src/variables.js
@@ -1,8 +1,24 @@
+export default {
+  // Gestion des score et des Buzzers
+  RedScore: 9999,
+  BlueScore: 1321,
+  OrangeScore: 10,
+  GreenScore: 10,
+  BuzzerRed: false,
+  BuzzerBlue: false,
+  BuzzerOrange: false,
+  BuzzerGreen: false,
+
+
+  
+  // Ajoutez d'autres variables globales ici
+};
+
 // Variables localStorage
 export const localStorageVars = {
     // Exemple de variable localStorage
-    RedScore: localStorage.getItem('RedScore') || '',
-    BlueScore: localStorage.getItem('BlueScore') || '',
-    OrangeScore: localStorage.getItem('OrangeScore') || '',
-    GreenScore: localStorage.getItem('GreenScore') || '',
+    RedScorelocal: localStorage.getItem('RedScore') || '',
+    BlueScorelocal: localStorage.getItem('BlueScore') || '',
+    OrangeScorelocal: localStorage.getItem('OrangeScore') || '',
+    GreenScorelocal: localStorage.getItem('GreenScore') || '',
   }; 
\ No newline at end of file
diff --git a/ui/src/views/GameDisplay.vue b/ui/src/views/GameDisplay.vue
index e69de29..849c7d9 100644
--- a/ui/src/views/GameDisplay.vue
+++ b/ui/src/views/GameDisplay.vue
@@ -0,0 +1,15 @@
+<template>
+    <v-container>
+        <v-btn @click="update"></v-btn>
+    </v-container>
+</template>
+
+<script setup>
+    import { ref} from 'vue'; // Import des fonctions de Vue 3
+    import variables from '@/variables.js';
+
+    function update() {
+        variables.RedScore = '10'
+        
+    }
+</script>
\ No newline at end of file