From 5938e269e10149f413f13d0703f20b5dce0b0dd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Sun, 1 Feb 2026 16:18:59 +0100
Subject: [PATCH] (update) track the time in the new real timer for the
 remaining time

---
 VApp/src/views/ScoreDisplay.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/VApp/src/views/ScoreDisplay.vue b/VApp/src/views/ScoreDisplay.vue
index f46ea5f5..b8f36e4a 100644
--- a/VApp/src/views/ScoreDisplay.vue
+++ b/VApp/src/views/ScoreDisplay.vue
@@ -58,13 +58,13 @@
     </div>
     
     <div class="timer-container">
-      <div class="timer-display">00:00</div>
+      <div class="timer-display">{{ timerDisplay }}</div>
     </div>
   </div>
 </template>
 
 <script setup>
-  import { onMounted, onUnmounted, reactive } from 'vue';
+  import { onMounted, onUnmounted, reactive, ref } from 'vue';
   import mqtt from 'mqtt'
   import config from '@/config.js'
 
@@ -82,6 +82,14 @@
     GreenRoundScore: 0,
   });
 
+  const timerDisplay = ref('00:00');
+
+  function formatTime(seconds) {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
+  }
+
   function handleMessage(topic, message) {
     let parsedMessage;
     try {
@@ -91,7 +99,7 @@
       return;
     }
 
-    if (parsedMessage.TEAM) {
+    if (topic === 'game/score' && parsedMessage.TEAM) {
        scores.RedTotalScore = parsedMessage.TEAM.Red.TotalScore
        scores.BlueTotalScore = parsedMessage.TEAM.Blue.TotalScore
        scores.YellowTotalScore = parsedMessage.TEAM.Yellow.TotalScore
@@ -102,6 +110,10 @@
        scores.YellowRoundScore = parsedMessage.TEAM.Yellow.RoundScore
        scores.GreenRoundScore = parsedMessage.TEAM.Green.RoundScore
     }
+
+    if (topic === 'game/timer' && parsedMessage.time !== undefined) {
+       timerDisplay.value = formatTime(parsedMessage.time);
+    }
   }
 
   function subscribeToTopic(topic, callback) {
@@ -117,6 +129,9 @@
     subscribeToTopic('game/score', (topic, message) => {
       handleMessage(topic, message);
     });
+    subscribeToTopic('game/timer', (topic, message) => {
+      handleMessage(topic, message);
+    });
   });
 
   onUnmounted(() => {