From 37dc8795b401ee078fc7c93c4349d05b5bb78faf Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Sun, 25 Feb 2024 03:16:24 +0100
Subject: [PATCH] added frontend for userl list in game

---
 .../css/PagesStyles/games-pages/jackpot.css   |  5 +-
 .../src/pages/games-pages/JackpotPage.vue     | 47 +++++++++++++------
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css
index 6d70be4..9fc6542 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css
@@ -60,6 +60,8 @@
 }
 .jackpot-useringame-list{
     margin-top: 3.5%;
+    overflow-y: auto;
+    height: 62vh
 }
 .jackpot-carousel-user {
     z-index: 1;
@@ -69,12 +71,11 @@
     background: #1F2543;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
     width: 100%;
-    margin-top: 1%;
+    margin-bottom: 1%;
 
     /* height: 480px; */
     /* height: 100%; */
     border: 1px solid #262C55;
-    height: 95%;
 }
 
 
diff --git a/luckydiamond/src/pages/games-pages/JackpotPage.vue b/luckydiamond/src/pages/games-pages/JackpotPage.vue
index 82045c5..630b7c5 100644
--- a/luckydiamond/src/pages/games-pages/JackpotPage.vue
+++ b/luckydiamond/src/pages/games-pages/JackpotPage.vue
@@ -193,35 +193,31 @@
                 </div>
               </div>
 
+              
+
               <div class="col-md-12">
                 <div class="jackpot-useringame-list">
-                  <div class="jackpot-carousel-user">
+                  <div class="jackpot-carousel-user" v-for="(user, index) in users" :key="index">
                     <div class="jackpot-banner">
                       <div class="jackpot-content">
-                        <img
-                          src="https://avatar.spworlds.ru/face/55/Hepatir.png"
-                          alt="Player Avatar"
-                          class="jackpot-avatar"
-                        />
+                        <img :src="user.avatarUrl" alt="Player Avatar" class="jackpot-avatar" />
                         <div class="jackpot-info">
-                          <span class="jackpot-name">FUpir</span>
-                          <span class="jackpot-gems">500<span class="jackpot-gems-icon"
-                            ><img class="jackpot-gems-icon-extension"
-                              src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png"
-                          /></span></span>
+                          <span class="jackpot-name">{{ user.name }}</span>
+                          <span class="jackpot-gems">{{ user.gems }}<span class="jackpot-gems-icon">
+                            <img class="jackpot-gems-icon-extension" src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" /></span>
+                          </span>
                         </div>
                       </div>
                       <div class="jackpot-chance">
-                        ШАНС <span class="jackpot-percentage">15.55%</span>
+                        ШАНС <span class="jackpot-percentage">{{ user.chance }}%</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-
-
-
               
+
+
             </div>
           </div>
         </div>
@@ -272,6 +268,27 @@ export default {
     return {
       JackpotNumbers,
       autoplay: 0,
+      users: [
+      // {
+      //   name: "FUpir",
+      //   gems: 500,
+      //   avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
+      //   chance: 16.55
+      // },
+      // {
+      //   name: "FUpir",
+      //   gems: 500,
+      //   avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
+      //   chance: 16.55
+      // },
+      // {
+      //   name: "FUpir",
+      //   gems: 500,
+      //   avatarUrl: "https://avatar.spworlds.ru/face/55/Hepatir.png",
+      //   chance: 16.55
+      // },
+    ],
+      // Добавьте других пользователей по аналогии
       // slides: [
       //   {
       //     img: "https://avatar.spworlds.ru/face/55/Hepatir.png",