From 407c535ee509088f61d137b7f203b9921474833b Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 23 Mar 2024 20:28:52 +0300
Subject: [PATCH] added logic for get timetogame and object doubledata

---
 .../src/pages/games-pages/DoublePage.vue      | 51 +++++++++++--------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/luckydiamond/src/pages/games-pages/DoublePage.vue b/luckydiamond/src/pages/games-pages/DoublePage.vue
index 0dad11e..464c5ee 100644
--- a/luckydiamond/src/pages/games-pages/DoublePage.vue
+++ b/luckydiamond/src/pages/games-pages/DoublePage.vue
@@ -6,6 +6,7 @@
     <div class="bg-gradient-left"></div>
     <section class="double">
       <h1>double</h1>
+      <h2 v-if="timeToGame !== null">time to game - {{ timeToGame.toFixed(0) }}</h2>
       <div class="jackpot-game">
         <div class="bootstrap-wrapper">
           <div class="container">
@@ -63,47 +64,55 @@ export default {
   },
   setup() {
     const slides = reactive([])
+    let doubleData = reactive({})
+
     let autoPlay = ref(0)
     let targetColor = ref('')
+    let timeToGame = ref(0)
     let endGame = ref(false)
 
     onMounted(() => {
-      for (let i = 1; i < 29; i++) {
-        if (i === 15) {
-          slides.push({
-            img: require("@/assets/icons-games/double-game/RectangleGreenDouble.png"),
-            target: "Green",
-          })
-        }
-        else {
-          if (i % 2 === 0) {
-            slides.push(
-                {
-                  img: require("@/assets/icons-games/double-game/RectangleRedDouble.png"),
-                  target: "Red",
-                }
-            )
+      if (slides.length == 0) {
+        for (let i = 1; i < 29; i++) {
+          if (i === 15) {
+            slides.push({
+              img: require("@/assets/icons-games/double-game/RectangleGreenDouble.png"),
+              target: "Green",
+            })
           }
           else {
-            slides.push({
-              img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
-              target: "Black",
-            })
+            if (i % 2 === 0) {
+              slides.push(
+                  {
+                    img: require("@/assets/icons-games/double-game/RectangleRedDouble.png"),
+                    target: "Red",
+                  }
+              )
+            }
+            else {
+              slides.push({
+                img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
+                target: "Black",
+              })
+            }
           }
         }
       }
 
       eventBus.on('doubleGame', (dataDouble) => {
         const dataDoubleParse = JSON.parse(dataDouble)
+        doubleData = Object.assign(doubleData, dataDoubleParse)
         console.log(dataDoubleParse)
 
+        timeToGame.value = doubleData.WaitingTime
+
         if (dataDoubleParse.Status === 'InGame') {
           autoPlay.value = 500
           targetColor.value = dataDoubleParse.WInColor
         }
         else if (dataDoubleParse.Status === 'GameEnd') {
           endGame.value = true
-          autoPlay.value = 200
+          autoPlay.value = 350
         }
       })
     })
@@ -126,7 +135,7 @@ export default {
       autoPlay.value = 0;
     }
 
-    return { slides, autoPlay, handleStepCarousel, stopAutoPlay, targetColor };
+    return { slides, autoPlay, doubleData, targetColor, timeToGame, handleStepCarousel, stopAutoPlay };
   },
 }
 </script>