added spacebar

Короче баг был, который при отсылании миллиарда символов чат схлопывал.
Бл, Рафаелло постоянно просил переделывать, наконец то сделал то, что он принял и залил, всем спасибо за внимание

luckydiamond/src/assets/css/ComponentsStyles/asidebar.css

@@ -28,14 +28,14 @@
 .menu__content--chest-icon {
     margin-left: -1px;
     transition: 250ms;
-    width: 100%;
-    height: 100%;
+    width: 80px;
+    height: 80px;
 }
 
 .menu__content--chest-icon:hover {
-    margin-left: -5px;
-    height: 125%;
-    width: 125%;
+    margin-left: -2px;
+    height: 100px;
+    width: 100px;
 }
 
 .menu__btn--home {

luckydiamond/src/assets/css/ComponentsStyles/developer.css

@@ -4,10 +4,10 @@
     align-items: center;
     display: flex;
     justify-content: center;
-    width: 1332px;
+    width: 100%;
     height: 732px;
     margin-top: 10px;
-    margin-left: 65px;
+   
 }
 .bottom_card {
     width: 1332px;
@@ -18,8 +18,7 @@
     margin-left: 295px;
 }
 .top_card {
-    width: 1204px;
-    height: 443px;
+    width: 100%;
     display: flex;
     justify-content: space-between;
     margin-left: 287px;
@@ -397,7 +396,114 @@
     display: flex;
 }
 /*the and FUpir_card 1*/
+/*beginning Swino4ka_card 1*/
+.Swino4ka_card {
+    width: 250px;
+    height: 443px;
+    background-color: #6b4d3f;
+    border: 3px solid #595959 ;
+    border-color: #595959;
+    border-radius: 22px;
+}
+.Swino4ka_text_2 {
+    width: 244px;
+    height: 219.7px;
+    display: inline-block;
+    flex-flow: column-reverse;
     
+}
+
+.Swino4ka_aboutinfo_2 {
+    margin-top: 30px;
+    margin-left: 19px;
+    
+}
+.Swino4ka_aboutinfo_2 p {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 14px;
+    width: 79px;
+    height: 19px;
+    margin-left: 4px;
+}
+.Swino4ka_aboutinfo_2 h1 {
+    font-family: 'Montserrat';
+    color: white;
+    font-size: 32px;
+    width: 177px;
+    height: 37px;
+    line-height: 30px;
+}
+.Swino4ka_whatjob_1 {
+    display: flex;
+    width: 183px;
+    height: 16px;
+    margin-left: 19px;
+    font-family: 'Montserrat';
+    margin-top: 30px;
+    
+}
+.Swino4ka_whatjob_1 img {
+    width: 15px;
+    height: 17px;
+}
+.Swino4ka_whatjob_1 p {
+    margin-left: 3px;
+    
+}
+.Swino4ka__whatjob_2 {
+    display: flex;
+    width: 183px;
+    height: 16px;
+    margin-left: 19px;
+    font-family: 'Montserrat';
+    margin-top: 10px;
+}
+.Swino4ka__whatjob_2 img {
+    width: 15px;
+    height: 17px;
+}
+.Swino4ka__whatjob_2 p {
+    margin-left: 3px;
+}
+.Swino4ka__whatjob_3 {
+    display: flex;
+    width: 183px;
+    height: 16px;
+    margin-left: 19px;
+    font-family: 'Montserrat';
+    margin-top: 9px;
+}
+.Swino4ka__whatjob_3 img {
+    width: 17px;
+    height: 15px;
+}
+.Swino4ka__whatjob_3 p {
+    margin-left: 3px;
+}
+
+.Swino4ka_skin_2 {
+    width: 244px;
+    height: 221.5px;
+    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.Swino4ka_skin_2_skin {
+    width: 212px;
+    height: 212px;
+    background-image: url(https://avatar.spworlds.ru/front/212/Swino4ka.png);
+    justify-content: space-around;
+    display: flex;
+    align-items: flex-end;
+    margin-bottom: 3px;
+}
+.Swino4ka_skinicons1 {
+   justify-content: space-around;
+    display: flex;
+}
+/*the and Swino4ka_card 1*/
 /*beginning busha888_card 1*/
 .busha888_card {
     width: 422px;
@@ -485,10 +591,11 @@
 }
 /*the and busha888_card 1*/
 
-/*beginning megatntmega_card 1*/
-.megatntmega_card {
+/*beginning GEDPOOL31_card 1*/
+.GEDPOOL31_card {
     width: 422px;
     height: 269px;
+    flex-direction: row;
     border-radius: 22px;
     border: 3px solid #595959 ;
     border-color: #595959;
@@ -498,32 +605,33 @@
 
 }
 
-.megatntmega_text {
-    width: 211px;
+.GEDPOOL31_text {
+    width: 200px;
     height: 269px;
 
  
 }
-.megatntmega_aboutinfo {
+.GEDPOOL31_aboutinfo {
     margin-top: 30px;
     margin-left: 15px;
     
     
 }
-.megatntmega_aboutinfo p {
+.GEDPOOL31_aboutinfo p {
     font-family: 'Montserrat';
     color: white;
     font-size: 14px;
-    
+    width: 200px;
     height: 16px;
+   
 }
-.megatntmega_aboutinfo h1 {
+.GEDPOOL31_aboutinfo h1 {
     font-family: 'Montserrat';
     color: white;
     font-size: 32px;
     
 }
-.megatntmega_whatjob {
+.GEDPOOL31_whatjob {
     display: flex;
     width: 183px;
     height: 16px;
@@ -533,15 +641,15 @@
    
     margin-top: 30px;
 }
-.megatntmega_whatjob p {
+.GEDPOOL31_whatjob p {
     margin-left: 3px;
     margin-top: 3px;
 }
-.megatntmega_whatjob img {
+.GEDPOOL31_whatjob img {
     width: 25px;
-    height: 24px;
+    height: 25px;
 }
-.megatntmega_icons {
+.GEDPOOL31_icons {
     width: 79px;
     height: 36px; 
     justify-content: space-around;
@@ -550,23 +658,23 @@
     margin-left: 72px;
     margin-bottom: 11px;
 }
-.megatntmega_icons img {
+.GEDPOOL31_icons img {
+    display: flex;
     width: 36px;
     height: 36px;
 }
-.megatntmega_skin {
+.GEDPOOL31_skin {   
     margin-top: 51px;
     margin-bottom: 3px;
     display: flex;
     width: 212px;
     height: 212px;
-    background-image: url(https://avatar.spworlds.ru/front/212/megatntmega.png);
 }
-.megatntmega_skin img {
+.GEDPOOL31_skin img {
     width: 212px;
     height: 212px;
 }
-/*the and megatntmega_card 1*/
+/*the and GEDPOOL31_card 1*/
 
 /*beginning CLARFFY_card 1*/
 .CLARFFY_card {
@@ -659,11 +767,15 @@
         align-items: center;
         display: flex;
         justify-content: center;
-        width: 1332px;
+        width: 100%;
         height: 732px;
         margin-top: 80px;
-        margin-left: 142px;
        
+        
+        
+    }
+    .top_card {
+        width: 90%;
     }
 }
 

luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css

@@ -1,3 +1,12 @@
+.classMenegerCrash {
+    display: flex;
+   
+   flex-direction: row;
+  }
+  .classNoMenegerCrash {
+    margin-top: 7.4vh;
+    margin-left: 1vh;
+  }
 .crash-content {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
@@ -168,7 +177,30 @@
     font-weight: 700;
 }
 
-/* /Crash-Graph */
+/* /Crash-History */
+
+.crash__history {
+    background: linear-gradient(90deg, rgba(34, 37, 47, 0.8) -0.54%, rgba(34, 37, 47, 0.8) 83.03%, rgba(73, 59, 74, 0.64) 103.54%);
+    width: 66%;
+    height: 50px;
+    border-radius: 18px;
+    margin-left: 455px;
+    display: grid;
+    grid-template-columns: auto auto auto;
+    gap: 10px;
+}
+
+.grid-item {
+    background-color: rgba(255, 255, 255, 0.8);
+    border: 1px solid rgba(0, 0, 0, 0.8);
+    text-align: center;
+  }
+
+.crash-history__element {
+    height: 80%;
+    border-radius: 18px;
+    background: rgba(34, 37, 47, 0.8);
+}
 
 /* Crash-Players */
 

luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css

@@ -11,6 +11,15 @@
     /* margin-top: 2.6%; */
     margin: 2.6%;
 }
+.classMeneger {
+    display: flex;
+   
+   flex-direction: row;
+  }
+  .classNoMeneger {
+    margin-left: 1vh;
+    margin-top: 2.4vh;
+  }
 
 .jackpot-loading-bar {
     z-index: 1;

luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css

@@ -6,7 +6,15 @@
     backdrop-filter: blur(100px);
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
+.classMenegerSaper {
+    display: flex;
    
+   flex-direction: row;
+  }
+  .classNoMenegerSaper {
+    margin-left: 1vh;
+    margin-top: 2.4vh;
+  }
 .bg {
     background: #293561;
     filter: blur(120px);

luckydiamond/src/assets/css/PagesStyles/home.css

@@ -37,6 +37,7 @@
     text-transform: uppercase;
 }
 
+
 @keyframes RaindowAnimate {
     from {
         color: #6EEB21;
@@ -90,6 +91,7 @@
 }
 
 .bg-card {
+   
     border-radius: 40px;
     background: #EF4444;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -99,6 +101,7 @@
     border-radius: 40px;
     background: #EF4444;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    height: 21.5vh;
 }
 
 .gamemode__main {
@@ -261,6 +264,29 @@
     bottom: 5%;
     left: 2%;
     transition: 250ms;  
+    height: 7vh; 
+    
+}
+
+
+.line__btn--doubl {
+    border-radius: 21px;
+    background: #FFF;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    color: #000;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 36px;
+    font-weight: 700;
+    padding: 11px 0px 11px 11px;
+    text-decoration: none;
+    text-transform: uppercase;
+    position: relative;
+    bottom: 5%;
+    left: 2%;
+    height: 7.4vh;
+    width: 16vh;
+    transition: 250ms;   
 }
 
 .line__btn--crash span:after {
@@ -268,6 +294,7 @@
     opacity: 0;
     transition: 250ms;
     right: 20;
+    
   }
 
 .line__btn--crash:hover span:after {
@@ -281,7 +308,28 @@
   }
 
 .line__btn--crash:active {
-    left: 5%;
+    left: 2%;
+  }
+  .line__btn--doubl span:after {
+    content: '\00bb';
+    opacity: 0;
+    transition: 250ms;
+    right: 0;
+  }
+
+.line__btn--doubl:hover span:after {
+    opacity: 1;
+    right: 0;
+    padding-right: 0px;
+  }
+
+.line__btn--doubl:hover {
+    padding:11px 11px 11px 22px ;
+    width: 20vh;
+  }
+
+.line__btn--doubl-:active {
+    left: 2%;
   }
 
 .line__btn__jackpot {
@@ -325,6 +373,7 @@
 .line__btn--elm {
     color: #000;
     font-size: 38px ;
+    
 }
 
 .line__btn--elm--saper {
@@ -382,13 +431,28 @@
     margin-top: 2%;
     width: 100%;
     min-height: 180px;
-}
+    height:22.3vh ;
     
+}
+.container {}
 .gamemode__twoline--two__element .container {
     display: flex;
     justify-content: center;
-}
     
+   
+   
+}
+.linecontent-4 {
+    
+}
+.iconsGame {
+    bottom:  20px;
+    height: 20vh;
+}
+.ButtonPlayDouble {
+    width: 20vh;
+    margin-top: 1.6vh;
+}
 .gamemode__twoline--two__element .container a {
     margin-right: 10%;
 }
@@ -491,8 +555,8 @@
     }
 
     .crash--img {
-        height: 60px;
-        width: 60px;
+        height: 128px;
+        width: 128px;
     }
 
     .line__content {

luckydiamond/src/assets/css/PagesStyles/jackpot-history.css

@@ -0,0 +1,67 @@
+.jackpot-history__content {
+    display: flex;
+    max-height: 800px;
+    overflow-y: auto;
+    margin: 0 auto;
+}
+
+.jackpot-history__element {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    margin: 15px;
+}
+
+.abc {
+
+}
+
+.element-info {
+    display: flex;
+    align-items: center;
+}
+
+.element-info .element-info__icon img {
+    height: 50px;
+}
+
+.element-info .element-info__user-info {
+    margin-left: 4px;
+}
+
+.element-info .element-info__user-info .username {
+    color: #515D83;
+    font-family: 'Montserrat';
+    font-weight: 700;
+    font-size: 20px;
+}
+
+.element-info .element-info__user-info .user-deposit {
+    font-family: 'Montserrat';
+    font-weight: 700;
+    font-size: 20px;
+
+}
+
+.element-info .element-info__user-info .img-width img {
+    width: 16px;
+    height: 16px;
+}
+
+.element-chance {
+    margin-top: 10px;
+}
+
+.element-chance h2 {
+    font-family: 'Montserrat';
+    font-weight: 700;
+    font-size: 18px;
+    text-align: center;
+    background: #27345C;
+    border-radius: 7px;
+}
+
+.element-chance .chance-style {
+    color: #EF4444;
+    margin-left: 2px;
+}

luckydiamond/src/assets/css/global.css

@@ -125,6 +125,22 @@ button {
     grid-gap: 0.625rem;
 }
 
+.jackpot-history__content-grid {
+    display: grid;
+    grid-auto-columns: 1fr;
+    grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
+    grid-template-rows: auto 0fr repeat(4, 1fr);
+    grid-template-areas:
+        "menu header header header header header header"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat"
+        "menu jackpot-history jackpot-history jackpot-history jackpot-history jackpot-history chat";
+    grid-gap: 0.625rem;
+}
+
 .grid-crash {
     display: grid;
     grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
@@ -227,6 +243,13 @@ button {
     margin: 0.625rem 2.438rem 1.125rem 1.125rem; */
 }
 
+.jackpot-history {
+    grid-area: jackpot-history;
+    background: #17181C;
+    border-radius: 20px;
+    height: 97%;
+}
+
 .double {
     display: flex;
     grid-area: double;

luckydiamond/src/assets/icons-games/double-game/info.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="20" height="20" fill="url(#pattern0_3764_2)"/>
+<defs>
+<pattern id="pattern0_3764_2" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_3764_2" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_3764_2" width="128" height="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHQklEQVR4nO1dS2xUVRhGBd8PLOLbrdG1iRtfRJuIBjRGgRgT1iaQYEw0gYXdYowLN0pBUUBdzKrOq7czNePCB9YRxYIuXbQ+VghLoFK/b3ponHY6M525Z/7/3PN/yZdBLNP7f9937z33nHPPWbPGYDAYDAaDwWAwGAwGg8FgMBgyg4mJiRuSJLkPfAB/fmh8fHwYfN5xmH/H/8ef4c9KH6+hR8DAIRj4DEx9HRzFf9fAv8D5VfJP928P8Lv4nfxu6foMS8Cz1Z3N+8E6TPq3B7O7Jb/7NIMFbqvVauul648SuVzuOhjwMswo4fOiR8PbEr/7Aj6L4A6E4VppXTIPnO2PQ/SPIPg5KdPbhOEsPg/h8zFpnTKF+fn5K2D8Vgh7XNrkVYThJ3zuHBkZuVJav2BB8Wg8hPxR2tA+gjDNIOD2sFZaz6AA45+EeL9JG5gi2XDcJK2rehSLxTsh1lGIdUmBaT6uCIVyuXyvtM7qwMs9xNmTKGzceQgBG4u72baR1l0FcEZshCjj0sYIcJJXPGn9RQHzn4D3fygwQ+pq8Dc7saR9GDh4yYcAb4Fz0iZIkx1Z4L5obgl8JELBh6WFV8hj9Xp9nbQ/XuH67csKxNbK6tjY2E3SPnkBihuC+d8oEFk7p/L5/G3SfqUKFoTCTisQNwiyB7FarW6Q9i0VwPzr7czvKQTfo710o7R/fYGNGrvn98VqLpe7WtrHnsDHGpj/iQIRgyY0/CzIUcVk4TlfXMAsECHYK+3nqsAevsQ6edIMwMVgJprgWf/2mLt3PXJG/eOhG9WbUCBWJskGter2gBvSFRcqy4TGu6R9bgkObbqxbnGRMs5z0Pkuab+XAQf2uQJxoiACcETa7yZwDp+0KF3wO77M0Q35swqOt10ALnGKvLTvDeRyuatwQL9Ki9IFc93WxJ9VcLydQjCtokGIg3lFWowYA+BCsN2ntx3hununpYWIOAA/i84kKpfLL0iLEHMASL4849PjTkJNSQsQewA4bOzT4xXBVqh08RaABeJK/KhPr1vCvaUrXrwFoHEVOOjT62Xgu/D4pf9IF24BWAzAWa6Z4NPzJrjFGcQLtwA0hWCbT8+bEOg0r6wHIO/T80WgwXGz5LIsxhUDcGEgk0jxy7ZIF2tckZsHEYB3FRRqbM23BxGAEwoKNbYgbgM/+DZ/KPG7Dp+xP84Vi8VbvQUADcBnFRRpbE9/7QAumaqgQGMbcl6mzwCMShdo7BiA970FAL/gK+kCjR0D8KXPAPSy6rZxsJz1Yj57mRQU1w9nkoUu3m44o+B4eyInjPKV/NQDwAUOpYvrk5keC1gSgvTfG6hUKg9KF2YB6I6lUun+1AOAL35YujALQHfk9jepByCQlz8sAEnjFrAp9QBwcyXpwiwAXQfgOQuABSBd2C0gHHq5BSTWCAyGXhqB9hgYDr08BlpHUDj00hGUga7gKALgrSvYCRPyYFAUAUh8DQY5YUIeDo4iAF6HgwOfEBJLAPxNCAl8SlgsAfA3JcxtoS5epAWgbQCe9haAJOxp4TEEwO+0cCdOqHv5xhCAKZ/eN4BLzDsKCrUAtCC82e/T+wYCfjkkhgD4u/9fBrc146vI0sVaAJbxPLfl8+n9/wUqKijYAtDMMZ+eLxVoh4KCLQDNfNGn502wRaJ0ceCLRDmRDkkXbgFY5AGfXrcENzFSULgFIGnMAHrEp9fthPpWuvjYA4AT8bhPj9sisJnCmQwAuMWnx23BpcpxAL8oECHKAIgvF08EtGpo5gKAe/9LPr3tCtwyJglja/isBeCkii1jCL6IwMmICkRpx0xtGiWyRHw74KA+lRYmIn4s7fcyTE5O3hFg72CIPMP9maX9bgkc3G4FAmWaOMlelfZ5RbhdxPLSImWYJfHHvk5A42QjDnRWgVhZo/7t4y+DG0rZngLpkVqK9ff3Chz0PmnhskJo+aa0n6uGaw8clhYvAzym/r6/Eur1+joUUFIgYpDECVSo1WprpX3sC5ypgkK+lhYzNHKYd2CTPH2jWq1uQFGnpEUNiBxhHZL2LVXwlSW7EnQmz/xgHvdWC65ckYQ5pXxQ5he8re6hBW74+ENpsbUR5h9ho1nan4HAPSLutc6ihU4e8I1gH/X6QbKw9uDv0iYIcia4Hr60wQZPEmFfAe/3fDqS1l8F3C1hVyTzCc5wSDfKS34n8IzgQlQBTC/r5YxnTUfVTubQBDeaOC1tWoo8qW4On3ZwxiuCsJX74SowsFeyR28nH32l9QwaCMFwonym7hKe4Oxiu8+nDF5GIexBpY1FNu5Go3+sGwTc+gTb+SglvFzNefALvqGDcF4jrUuUYN85bxFcIYuDTZ4DMYfvr+PzPV7i8dRyi3T9hiXgqCMM2gy+Bn7AxZOT3iapzrp/y+/YwxW4cOVZL12foUfwSlEoFO7hbhrcUgWX7Kf4ejvJP/Pv+P8qlcrdmR+RMxgMBoPBYDAYDAaDwWAwGAyR4T8v9J98K6ZdvgAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>

luckydiamond/src/assets/js/jackpot/JackpotLogic.js

@@ -85,3 +85,25 @@ export async function JoinJackpotGame(userData, amount) {
         console.log('Fetch error')
     }
 }
+
+export async function getJackpotHistoryGame () {
+    try {
+        const response = await fetch(`${BackendApiUrl}/GameJackpot/GetNewestJackpotGames`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            redirect: "follow"
+        })
+
+        if (!response.ok) {
+            console.log('Fetch error:', response.status)
+        }
+
+        console.log(response)
+        return await response.json()
+    }
+    catch (error) {
+        console.log('Fetch error')
+    }
+}

luckydiamond/src/components/AsidebarComponent.vue

@@ -9,8 +9,7 @@
           <!-- <div class="fotosloti"><a href="#"><img  src="../assets/icons-menu/slots-icon.svg" ></a></div> -->
           <a href="#" @click="$router.push({ name: 'jackpot' })"><img  class="menu__content--jackpot-icon" src="../assets/icons-menu/jackpot-icon.svg"></a>
           <a href="#" @click="$router.push({ name: 'crash' })"><img  class="menu__content--cruch-icon" src="../assets/icons-menu/crush-icon.svg"></a>
-          <a href="#" @click="$router.push({ name: 'double' })"><img  class="menu__content--chest-icon" src="../assets/icons-menu/case-icon.png"></a>
-          
+          <a href="#" @click="$router.push({ name: 'double' })"><img  class="menu__content--chest-icon" src="../assets/icons-menu/duable-icons.svg"></a>
            <!-- <a href="#" @click="$router.push({ name: 'saper' })"><img  class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a> -->
           <a href="#" @click="$router.push({ name: 'saper' })"><img  class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a>
         </div>

luckydiamond/src/components/ChatComponent.vue

@@ -71,11 +71,34 @@ export default {
     ClaimDatamsg(msg) {
   const now = Date.now();
   if (!this.lastMsgTime || now - this.lastMsgTime >= 1000) {
-        SendMessageToChat(msg[0]);
+    const processedMsg = this.processMessage(msg[0]);
+
+    SendMessageToChat(processedMsg);
     this.lastMsgTime = now;
   } else {
     alert("Вы не можете отправлять сообщения так часто");
   }
+},
+processMessage(message) {
+  const maxLength = 5; // Тут макс допустимых символов писать
+  const processedMessage = [];
+  let currentSymbol = "";
+  let count = 0;
+
+  for (let i = 0; i < message.length; i++) {
+    if (message[i] === currentSymbol) {
+      count++;
+    } else {
+      currentSymbol = message[i];
+      count = 1;
+    }
+
+    if (count <= maxLength) {
+      processedMessage.push(message[i]);
+    }
+  }
+
+  return processedMessage.join("");
 },
     muteChat() {
       // Mute the chat by disabling the event listener for incoming messages.
@@ -116,9 +139,11 @@ export default {
         let imageUrl =
           "https://avatar.spworlds.ru/face/55/" + element.userName;
 
+        const processedMsg = this.processMessage(element.message); // Process the message
+
         const MsgUser = {
           id: this.id + 1,
-            msg: element.message,
+          msg: processedMsg, // Use the processed message
           username: element.userName,
           icon: imageUrl,
         };
@@ -133,6 +158,27 @@ export default {
     }
   });
 },
+processMessage(message) {
+  const maxLength = 5; // Тут макс допустимых символов писать
+  const processedMessage = [];
+  let currentSymbol = "";
+  let count = 0;
+
+  for (let i = 0; i < message.length; i++) {
+    if (message[i] === currentSymbol) {
+      count++;
+    } else {
+      currentSymbol = message[i];
+      count = 1;
+    }
+
+    if (count <= maxLength) {
+      processedMessage.push(message[i]);
+    }
+  }
+
+  return processedMessage.join("");
+},
 };
 </script>
 

luckydiamond/src/components/DevelopComponent.vue

@@ -106,25 +106,57 @@
         </div>
       
     </div>
+    <div class="Swino4ka_card">
+      <div class="Swino4ka_text_2">
+        <div class="Swino4ka_aboutinfo_2">
+          <p>Фронтэндер</p>
+          <h1>Swino4ka</h1>
+        </div>
+        <div class="Swino4ka_whatjob_1">
+          <img src="@/assets/icons-developcard/html.png" alt="html">
+          <p>HTML 5, CSS</p>
+          </div>
+          <div class="Swino4ka__whatjob_2">
+          <img src="@/assets/icons-developcard/js.png" alt="html">
+          <p>JavaScript</p>
+        </div>
+        <div class="Swino4ka__whatjob_3">
+          <img src="@/assets/icons-developcard/Vue.png" alt="html">
+          <p>Vue 3</p>
+          </div>
+        </div>
+        <div class="Swino4ka_skin_2">
+          <div class="Swino4ka_skin_2_skin">
+            
+            <div class="Swino4ka_skinicons1">
+            <a href="https://t.me/Swino4ka_pon" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+            <a href="https://discordapp.com/users/472393576010088449" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
+            <a href="https://github.com/swino4ka/" target="_blank" ><img src="@/assets/icons-developcard/github.png" alt=""></a>
+           
+            </div>
+          </div>
+        </div>
+      
+    </div>
   </div>
   <div class="bottom_card">
-    <div class="megatntmega_card">
-      <div class="megatntmega_text">
-        <div class="megatntmega_aboutinfo">
-          <p>Дизайнер</p>
-          <h1>megatntmega</h1>
+    <div class="GEDPOOL31_card">
+      <div class="GEDPOOL31_text">
+        <div class="GEDPOOL31_aboutinfo">
+          <p>Техническая поддержка</p>
+          <h1>GEDPOOL31</h1>
         </div>
-        <div class="megatntmega_whatjob">
-          <img src="@/assets/icons-developcard/Figma.png" alt="html">
-          <p>Designer</p>
+        <div class="GEDPOOL31_whatjob">
+          <img src="@/assets/icons-developcard/tech-support.svg" alt="html">
+          <p>Tech-Support</p>
         </div>
-        <div class="megatntmega_icons">
-          <a href="https://t.me/random_ak" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
-          <a href="https://discordapp.com/users/531420425255911424" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
+        <div class="GEDPOOL31_icons">
+          <a href="https://t.me/GEDPOOL31" target="_blank" ><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
+          <a href="https://discord.com/users/1044186204884701227" target="_blank" ><img src="@/assets/icons-developcard/discord.png" alt=""></a>
         </div>
       </div>
-      <div class="megatntmega_skin">
-        
+      <div class="GEDPOOL31_skin">
+        <img src="https://avatar.spworlds.ru/front/212/GEDPOOL31.png" alt="">
         </div>
     </div>
     <div class="busha888_card">

luckydiamond/src/components/PaymentsModal.vue

@@ -68,7 +68,7 @@
             type="checkbox"
             :class="{ 'animate-start-btn': errorAgree }"
           />
-          <h3>Я согласен с <a href="https://docs.google.com/document/d/1lU_zTWJdD1lcMlIAFDIVz-DlZAoq3a-OFkoO8WBIkzo/edit?usp=sharing">пользовательским соглашением</a></h3>
+          <h3>Я согласен с <a href="https://docs.google.com/document/d/1ytKHnXr67o7mu5TKqlpgRjO8DEvQDRHNnaphhzbr_sg/edit?usp=sharing">пользовательским соглашением</a></h3>
         </div>
         <div
           class="btn-deposit btn-text-style btn-display-deposit btn-style-payments"
@@ -115,7 +115,7 @@
       </div>
       <div class="withdraw-checkbox checkbox-styles">
         <input @click="agreeUser = !agreeUser" type="checkbox" />
-        <h3>Я согласен <a href="https://docs.google.com/document/d/1lU_zTWJdD1lcMlIAFDIVz-DlZAoq3a-OFkoO8WBIkzo/edit?usp=sharing">пользовательским соглашением</a></h3>
+        <h3>Я согласен <a href="https://docs.google.com/document/d/1ytKHnXr67o7mu5TKqlpgRjO8DEvQDRHNnaphhzbr_sg/edit?usp=sharing">пользовательским соглашением</a></h3>
       </div>
       <div class="error-captcha" v-if="errorCaptcha && agreeUser === true">
         <h2>Пройдите проверку!</h2>

luckydiamond/src/components/ReferalModal.vue

@@ -81,7 +81,7 @@
           type="checkbox"
           :class="{ 'animate-start-btn': errorAgree }"
         />
-        <h3>Я согласен с <a href="https://docs.google.com/document/d/1lU_zTWJdD1lcMlIAFDIVz-DlZAoq3a-OFkoO8WBIkzo/edit?usp=sharing">пользовательским соглашением</a></h3>
+        <h3>Я согласен с <a href="https://docs.google.com/document/d/1ytKHnXr67o7mu5TKqlpgRjO8DEvQDRHNnaphhzbr_sg/edit?usp=sharing">пользовательским соглашением</a></h3>
       </div>
       <div
         class="btn-deposit btn-text-style btn-display-deposit btn-style-payments"

luckydiamond/src/main.js

@@ -7,7 +7,7 @@ const SiteOff = {
                    <p>We are currently performing maintenance. We will be back shortly!</p>
                </div>`
 };
-const siteIsOff = true; 
+const siteIsOff = false; 
 
 import router from "@/router/router";
 import mitt from 'mitt'

luckydiamond/src/pages/HomePage.vue

@@ -85,13 +85,17 @@
                   </div>
                   <div class="container">
                     <!-- <a href="#" class="line__btn">play <span class="line__btn--elm">></span></a> -->
+                     
                     <a
                       href="#"
                       @click="$router.push({ name: 'double' })"
                       class="line__btn--crash"
                       >play <span class="line__btn--elm"></span></a
                     >
-                    <img class="crash--img" src="@/assets/icons-gamemodes/slots-icon.png" />
+                 
+                    
+                    <img class="double--img" src="@/assets/icons-games/double-game/DoubleLogo.svg" />
+                 
                   </div>
                 </li>
               </ul>
@@ -110,6 +114,7 @@
                       class="line__btn--crash"
                       >play <span class="line__btn--elm"></span></a
                     >
+                    
                     <img class="crash--img" src="@/assets/icons-gamemodes/crush-icon.svg" />
                   </div>
                 </li>

luckydiamond/src/pages/JackopthistoryPage.vue

@@ -0,0 +1,70 @@
+t<template>
+  <div class="jackpot-history__content-grid">
+    <aside-bar-element/>
+
+    <chat-component/>
+
+    <header-element-page/>
+
+    <div class="jackpot-history">
+      <div class="jackpot-history__content">
+        <ul class="jackpot-history__element">
+          <li v-for="(game, index) in historyGame" :key="index">
+            <div class="abc">
+              <div class="jackpot-history__element">
+                <div class="element-info">
+                  <div class="element-info__icon">
+                    <img :src="`https://avatar.spworlds.ru/face/55/${game.winnerUserName}`">
+                  </div>
+                  <div class="element-info__user-info">
+                    <h2 class="username">{{ game.winnerUserName }}</h2>
+                    <h2 class="user-deposit">
+                      {{ game.winStake.toFixed(2) }}
+                      <span class="img-width"><img src="@/assets/icons-profile/icon-diamond-ore.png"></span>
+                    </h2>
+                  </div>
+                </div>
+                <div class="element-chance">
+                  <h2>
+                    Шанс <span class="chance-style">{{ game.winnerPercentage.toFixed(2) }}%</span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { onMounted, reactive } from "vue";
+
+import ChatComponent from "@/components/ChatComponent.vue";
+import AsideBarElement from "@/components/AsidebarComponent.vue";
+import HeaderElementPage from "@/components/HeaderComponent.vue";
+
+import '@/assets/css/PagesStyles/jackpot-history.css'
+import {getJackpotHistoryGame} from "@/assets/js/jackpot/JackpotLogic";
+
+export default {
+  components: {HeaderElementPage, ChatComponent, AsideBarElement},
+  setup() {
+    let historyGame = reactive({})
+
+    onMounted(() => {
+      getJackpotHistoryGame()
+          .then(response => {
+            Object.assign(historyGame, response)
+          })
+    })
+
+    return { historyGame }
+  }
+}
+</script>
+
+<style>
+
+</style>

luckydiamond/src/pages/JackpothistoryPage.vue

@@ -0,0 +1,70 @@
+t<template>
+  <div class="jackpot-history__content-grid">
+    <aside-bar-element/>
+
+    <chat-component/>
+
+    <header-element-page/>
+
+    <div class="jackpot-history">
+      <div class="jackpot-history__content">
+        <ul class="jackpot-history__element">
+          <li v-for="(game, index) in historyGame" :key="index">
+            <div class="abc">
+              <div class="jackpot-history__element">
+                <div class="element-info">
+                  <div class="element-info__icon">
+                    <img :src="`https://avatar.spworlds.ru/face/55/${game.winnerUserName}`">
+                  </div>
+                  <div class="element-info__user-info">
+                    <h2 class="username">{{ game.winnerUserName }}</h2>
+                    <h2 class="user-deposit">
+                      {{ game.winStake.toFixed(2) }}
+                      <span class="img-width"><img src="@/assets/icons-profile/icon-diamond-ore.png"></span>
+                    </h2>
+                  </div>
+                </div>
+                <div class="element-chance">
+                  <h2>
+                    Шанс <span class="chance-style">{{ game.winnerPercentage.toFixed(2) }}%</span>
+                  </h2>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { onMounted, reactive } from "vue";
+
+import ChatComponent from "@/components/ChatComponent.vue";
+import AsideBarElement from "@/components/AsidebarComponent.vue";
+import HeaderElementPage from "@/components/HeaderComponent.vue";
+
+import '@/assets/css/PagesStyles/jackpot-history.css'
+import {getJackpotHistoryGame} from "@/assets/js/jackpot/JackpotLogic";
+
+export default {
+  components: {HeaderElementPage, ChatComponent, AsideBarElement},
+  setup() {
+    let historyGame = reactive({})
+
+    onMounted(() => {
+      getJackpotHistoryGame()
+          .then(response => {
+            Object.assign(historyGame, response)
+          })
+    })
+
+    return { historyGame }
+  }
+}
+</script>
+
+<style>
+
+</style>

luckydiamond/src/pages/games-pages/CrashgamePage.vue

@@ -11,7 +11,16 @@
       <section class="crash-game">
         <div class="crash-game__content">
           <div class="crash-game__start-window">
+            <div class="classMenegerCrash">
               <h2 class="crash__game-name">Краш</h2>
+              <div class="classNoMenegerCrash">
+              <a href="https://docs.google.com/document/d/13jJx5IC0AC8pOpbSG5CU1i9tIQof0Vb0IUFzcR0aKcE" target="_blank">
+                <img src="@/assets/icons-games/double-game/info.svg" alt="" />
+             </a>
+            </div>
+              
+            </div>
+           
             <p>Жди момента и забирай выигрыш</p>
             <div class="crash-game-window__inputs">
               <div class="crash-deposit">

luckydiamond/src/pages/games-pages/DoublePage.vue

@@ -9,7 +9,16 @@
         <div
           class="jackpot-start__content title-saper padding-elements-jackpot"
         >
+          
+          <div class="classMenegerDouble">
             <h2>Рулетка</h2>
+            <div class="classNoMenegerDouble">
+            <a href="https://docs.google.com/document/d/1oeL3kHp_5Mjcgsb2i87yMgjjNO2HdUa0_5TK1mJk9S0" target="_blank">
+              <img src="@/assets/icons-games/double-game/info.svg" alt="" />
+           </a>
+          </div>
+            
+          </div>
           <p>Крути, ставь, побеждай!</p>
           <div class="saper-start__choises diamonds diamonds-input__margin">
             <h3>Цвет победной ячейки</h3>
@@ -647,6 +656,15 @@ export default {
 .carousel__slide {
   padding: 1px;
 }
+.classMenegerDouble {
+  display: flex;
+ 
+ flex-direction: row;
+}
+.classNoMenegerDouble {
+  margin-left: 1vh;
+  margin-top: 2.4vh;
+}
 
 .carousel__viewport {
   perspective: 2000px;

luckydiamond/src/pages/games-pages/JackpotPage.vue

@@ -43,9 +43,18 @@
         <div
           class="jackpot-start__content title-saper padding-elements-jackpot"
         >
+        <div class="classMeneger">
           <h2>Джекпот</h2>
+          <div class="classNoMeneger">
+          <a href="https://docs.google.com/document/d/1kW8bPmIZPrjK9EtKo6xsPLv989uOkgUn4wFk_uYOCUI/edit?usp=sharing" target="_blank">
+            <img src="@/assets/icons-games/double-game/info.svg" alt="" />
+         </a>
+        </div>
+          
+        </div>
           <p>Больше ставь, больше побеждай!</p>
           
+
           <div class="saper-start__choises diamonds diamonds-input__margin">
             <h3>Сумма депозита</h3>
 

luckydiamond/src/pages/games-pages/SapergamePage.vue

@@ -11,7 +11,16 @@
       <div class="bg-two"></div>
       <div class="saper-start" :class="{ 'game-start__menu-off' : gameStart }">
         <div class="saper-start__content title-saper padding-elements">
+          <div class="classMenegerSaper">
             <h2>Сапёр</h2>
+            <div class="classNoMenegerSaper">
+            <a href="https://docs.google.com/document/d/1aoN7tqLxWxOBJ-NXUs4GHK8Nl2n2Q-Kw6JHzmujku6A" target="_blank">
+              <img src="@/assets/icons-games/double-game/info.svg" alt="" />
+           </a>
+          </div>
+            
+          </div>
+          
           <p>Находи изумруды на поле и избегай кристалы</p>
           <div class="saper-start__choises crystals">
             <h3>Количество кристалов</h3>

luckydiamond/src/router/router.js

@@ -6,6 +6,7 @@ import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
 import SettingsPage from "@/pages/SettingsPage.vue";
 import CrashGamePage from "@/pages/games-pages/CrashgamePage.vue";
 import JackpotPage from "@/pages/games-pages/JackpotPage.vue";
+import JackopthistoryPage from "@/pages/JackopthistoryPage.vue";
 import DoublePage from "@/pages/games-pages/DoublePage.vue";
 import AboutPage from "@/pages/AboutPage.vue";
 import HelpPage from "@/pages/HelpPage.vue" ;
@@ -18,6 +19,7 @@ export default createRouter({
         { path: '/game/saper', component: SapergamePage, name: 'saper' },
         { path: '/game/crash', component: CrashGamePage, name: 'crash' },
         { path: '/game/jackpot', component: JackpotPage, name: 'jackpot' },
+        { path: '/game/jackpot/history', component: JackopthistoryPage, name: 'jackpot-history' },
         { path: '/game/double', component: DoublePage, name: 'double' },
         { path: '/settings', component: SettingsPage, name: 'settings' },
         { path: '/about', component: AboutPage, name: 'about' },