From 6bbd7e0195e718a9a13999bee744b142e69b5f7a Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 21 Jan 2024 00:38:23 +0300
Subject: [PATCH] added notification about start-game in saper

---
 .../src/assets/css/PagesStyles/games-pages/saper.css  |  8 ++++++++
 luckydiamond/src/pages/games-pages/SapergamePage.vue  | 11 +++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index ab173d3..9733614 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -274,6 +274,14 @@ input[type="number"]::-webkit-outer-spin-button {
 
 /* Saper Game */
 
+.start-game {
+    position: absolute;
+    top: 15%;
+    left: 45%;
+    background: #000;
+    padding: 20px;
+}
+
 .saper-game {
     margin: -2.75% 0 0 5.1%;
 }
diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index 6f45378..a175331 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -126,6 +126,9 @@
       </div>
     </section>
   </div>
+  <div class="start-game" v-if="ValidationPlay.startGame === true">
+    <h2>Игра началась!</h2>
+  </div>
 </template>
 
 <script>
@@ -163,7 +166,8 @@ export default {
       PercentageGameSteps: [],
       ValidationPlay: {
         CrystalValidate: false,
-        DiamondValidate: false
+        DiamondValidate: false,
+        startGame: false,
       },
       modules: [ Navigation ]
     }
@@ -219,7 +223,10 @@ export default {
         this.errorPlayButton()
       }
       else {
-        console.log('yes')
+        this.ValidationPlay.startGame = true
+        setTimeout(() => {
+          this.ValidationPlay.startGame = false
+        }, 1500)
       }
     },
     validationCheck() {