yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into DevelopMadara

Browse Source
This commit is contained in:
Hepatica
2024-02-17 15:56:05 +01:00
parent 59098efce1 dca4010254
commit 0452795c3a
17 changed files with 1283 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
luckydiamond/src/assets/css/ComponentsStyles/chat.css
View File

@@ -191,4 +191,4 @@
.mention-message {
background-color: rgb(169, 113, 0);
}
}

10
luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css
View File

@@ -1,13 +1,3 @@
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input:focus {
outline: none;
}
.payment-modal {
position: absolute;
top: 20%;

442
luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css Normal file
View File

@@ -0,0 +1,442 @@
.crash-content {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(5, 1fr);
gap: 0.625rem; /* 10px в рем */
grid-auto-flow: row;
grid-template-areas:
"crashgame crashgame crashgame crashgame crashgame crashgame"
"crashgame crashgame crashgame crashgame crashgame crashgame"
"crashgame crashgame crashgame crashgame crashgame crashgame"
"crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers"
"crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers";
background: #17181C;
box-shadow: 0 0.25rem #00000040;
border-radius: 1.25rem;
.grid-crash .chat {
height: 96.8%;
}
.crash-game {
background: #22252F;
border-radius: 1.25rem;
box-shadow: 0.25rem 0.25rem 0.25rem 0px #00000040;
width: 95%;
height: 29.6875rem;
margin: 2.5625rem auto 0 auto;
}
.crash-game__content {
display: flex;
}
/* Crash-Window */
.crash-game__start-window {
margin-left: 30px;
height: 0;
}
.crash-game__start-window .crash__game-name {
margin: 62px 0 2px 0;
font-family: 'Montserrat Alternates';
font-weight: 700;
font-size: 26px;
color: #fff;
box-shadow: 1px 1px 1px 0px #00000001;
}
.crash-game__start-window p {
font-family: 'Montserrat Alternates';
font-weight: 700;
font-size: 14px;
color: #FFFFFF85;
}
.crash-game-window__inputs {
margin-top: 29px;
}
.crash-label {
font-family: 'Montserrat Alternates';
font-weight: 700;
font-size: 13px;
color: #44C6EF54;
margin: 0 0 4px 4px;
}
.input-style-crash {
width: 347px;
height: 40px;
border: 2px solid #2B3458;
border-radius: 15px;
background: #22252F;
}
.diamond-input-crash {
margin-left: -25px;
}
.input-style-crash__text {
font-family: 'Montserrat Alternates';
font-weight: 700;
font-size: 12px;
color: #fff;
padding-left: 35px;
}
.crash-input-deposit .diamonds-btns__display {
margin: 8px 0 19px -22px;
}
.crash-input-deposit #max-button {
padding: 4px 10px;
}
.crash-input-deposit .diamond-icon {
left: 12px;
}
.crash-game-window__btn-start {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 23px;
}
.crash-game-window__btn-start button {
margin-bottom: 5px;
background: #EF4444;
border: unset;
border-radius: 10px;
width: 300px;
height: 60px;
font-family: 'Inter';
font-weight: 700;
font-size: 18px;
}
.claim-btn-crash__prize {
background: #4E5EF2 !important;
}
.waiting-btn-crash {
background: #3D3F48 !important;
}
.crash-window__line {
display: flex;
flex-direction: row-reverse;
}
.line-crash {
width: 2px;
height: 474px;
background: #30364F;
position: relative;
top: -342px;
left: 10%;
z-index: 1;
}
.crash-game__content .error-block {
top: 425px;
}
/* /Crash-Window */
/* Crash-Graph */
.crash-game__graph {
width: 800px;
top: 200px;
left: 600px;
position: fixed;
}
.chart-container canvas {
background-color: transparent !important;
width: 800px !important;
height: 400px !important;
transition: .3s ease;
}
.lost-ratio {
color: #EF4444;
font-weight: 700;
}
/* /Crash-Graph */
/* Crash-Players */
.user-crash {
display: flex;
justify-content: end;
margin-left: 400px;
}
.user-list {
overflow-y: auto;
height: 300px;
}
.user-crash-content {
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%);
display: grid;
justify-content: space-between;
grid-template-columns: repeat(5, 50px) 100px;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"username username bid bid ... status";
margin: 10px auto;
width: 90%;
height: 70px;
border-radius: 18px;
}
.user-crash-content__lose {
background: linear-gradient(90deg, #22252F -0.54%, #322733 83.25%, #B53938 103.54%) !important;
}
.user-crash-content__win {
background: linear-gradient(90deg, #22252F -0.54%, #22252F 84.17%, rgba(42, 110, 57, 0.87) 103.54%);
}
.user-name-crash {
display: flex;
align-items: center;
margin: 10px;
grid: 'username';
}
.user-name-crash h2 {
margin-left: 8px;
color: #61647F;
font-family: 'Montserrat';
font-weight: 700;
font-size: 20px;
}
.user-name-crash img {
width: 50px;
}
.user-bid-crash {
display: flex;
justify-content: center;
align-items: center;
grid-area: bid;
}
.user-bid-crash h2 {
color: #848484;
font-weight: 700;
font-family: 'Montserrat';
font-size: 24px;
}
.user-bid-crash img {
margin: 5px 0 0 5px;
}
.user-game-status-crash {
display: flex;
align-items: center;
grid-area: status;
}
.user-game-status-crash h2 {
font-size: 20px;
}
.wingame__win-bid-crash {
color: #28BD49 !important;
}
.ingame-crash {
color: #61647F;
font-family: 'Montserrat';
font-weight: 700;
font-size: 12px;
background: #22252F;
box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 5px;
width: 70px;
height: 24px;
}
.lostgame-crash {
color: #fff;
font-weight: 700;
font-family: 'Montserrat';
background: #EF4847;
box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 5px;
margin-left: -26px;
padding: 4px;
}
.wingame-crash {
box-shadow: 0px 4px 4px 0px #00000040;
font-family: 'Montserrat';
font-weight: 700;
color: #28BD49;
border: 1px solid #28BD49;
border-radius: 5px;
padding: 6px;
}
.ratio {
position: relative;
left: 50%;
top: -390px;
font-size: 34px;
font-weight: 700;
font-family: 'Montserrat';
}
.time {
position: relative;
left: 50%;
font-size: 34px;
font-weight: 700;
font-family: 'Montserrat';
}
/* /Crash-Players */
/* Notification */
.notification-crash {
text-align: center;
top: 20%;
left: 50%;
position: absolute;
background: #000;
width: 200px;
height: 40px;
}
/* /Notification */
/* Media */
@media screen and (max-width: 1740px) and (min-width: 1400px) {
.crash-game__content .error-block{
top: 407px !important;
}
.crash-game__graph {
width: 500px;
height: 500px;
top: 190px;
left: 570px;
}
.crash-input-deposit .btn-style__diamonds button {
padding: 4px 18px !important;
}
.chart-container {
width: 500px !important;
height: 500px !important;
}
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
.header__nav nav a {
font-size: 16px;
}
.crash-game__content .error-block{
top: 405px !important;
}
.crash-game__graph {
width: 400px;
height: 400px;
top: 180px;
left: 550px;
}
.chart-container {
width: 400px !important;
height: 400px !important;
}
.crash-input-deposit .btn-style__diamonds button {
padding: 4px 18px !important;
}
}
@media screen and (max-height: 950px) and (min-height: 915px) {
.grid-crash .chat {
height: 92.5%;
}
.crash-game__players {
height: 270px;
}
.crash-game-players__content {
height: 230px;
}
.ratio {
top: -380px;
}
.time {
left: 45%;
}
}
@media screen and (max-height: 915px) and (min-height: 890px) {
.grid-crash .chat {
height: 100%;
}
.chat__content--users {
height: 58vh;
}
.crash-game {
height: 40vh;
}
.crash-game__players {
height: 290px;
}
.crash-game-players__content {
height: 250px;
}
.crash-game__graph {
height: 100px !important;
top: 200px;
}
#line-chart {
height: 300px !important;
}
.ratio {
top: -320px;
}
.time {
left: 40%;
}
.line-crash {
height: 366px;
}
}}
@media screen and (min-height: 950px) {
.chat {
height: 88vh !important;
}
}
/*.crash-game__graph {*/
/* width: 800px;*/
/* top: 200px;*/
/* left: 600px;*/
/* position: fixed;*/
/*}*/
/*.chart-container canvas {*/
/* background-color: transparent !important;*/
/* width: 800px !important;*/
/* height: 400px !important;*/
/* transition: .3s ease;*/
/*}*/
/* /Media */

0
luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css Normal file
View File

26
luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
View File

@@ -1,17 +1,3 @@
button {
cursor: pointer;
}
button:focus {
outline: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.saper {
display: flex;
padding-top: 10%;
@@ -190,7 +176,7 @@ input[type="number"]::-webkit-outer-spin-button {
font-family: Inter;
font-size: 16px;
font-weight: 700;
padding: 4px 15px;
padding: 4px 13px;
}
.saper-start__btns {
@@ -253,7 +239,7 @@ input[type="number"]::-webkit-outer-spin-button {
.error-block {
position: absolute;
top: 440px;
top: 445px;
}
.error-block h2 {
@@ -483,7 +469,9 @@ input[type="number"]::-webkit-outer-spin-button {
.saper-game__content {
width: auto;
}
.error-block {
top: 425px;
}
.saper-start {
width: 30%;
height: 500px;
@@ -562,7 +550,9 @@ input[type="number"]::-webkit-outer-spin-button {
.bg-two {
left: 300px;
}
.error-block {
top: 410px;
}
.saper-game__content {
width: auto;
}

8
luckydiamond/src/assets/css/PagesStyles/home.css
View File

@@ -377,4 +377,10 @@
}
}
/* /Media */
@media screen and (min-height: 910px) {
.chat {
height: 87vh !important;
}
}
/* /Media */

150
luckydiamond/src/assets/css/global.css
View File

@@ -11,68 +11,120 @@ ul {
list-style: none;
}
body, html {
body,
html {
background: #121212;
height: 100%;
margin: 0;
overflow-y: hidden;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
button:focus {
outline: none;
}
button {
cursor: pointer;
}
/* /Global Settings */
/* Content Grid */
.content-grid {
display: grid;
grid-template-columns: .35fr repeat(5, 1fr) 1fr;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"menu main main main main main chat"
"menu main main main main main chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat";
"menu header header header header header header"
"menu main main main main main chat"
"menu main main main main main chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat";
height: 100%;
grid-gap: 10px;
grid-gap: 0.625rem;
}
.content__grid-profile {
display: grid;
grid-template-columns: .35fr repeat(5, 1fr) 1fr;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat";
grid-gap: 10px;
"menu header header header header header header"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat";
grid-gap: 0.625rem;
height: 100%;
}
.content-grid--saper {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: .35fr repeat(5, 1fr) 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 saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat";
grid-gap: 10px;
"menu header header header header header header"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat";
grid-gap: 0.625rem;
}
.content-grid--jackpot {
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 jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat";
grid-gap: 0.625rem;
}
.grid-crash {
display: grid;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-auto-columns: 1fr;
gap: 0.625rem;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"menu crash crash crash crash crash chat"
"menu crash crash crash crash crash chat"
"menu crash crash crash crash crash chat"
"menu crash crash crash crash crash chat"
"menu crash crash crash crash crash chat"
"menu crash crash crash crash crash chat";
}
/* /Content Grid */
@@ -80,9 +132,9 @@ body, html {
.header {
grid-area: header;
border-radius: 20px;
border-radius: 1.25rem;
background: #17181C;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
align-self: start;
}
@@ -93,8 +145,8 @@ body, html {
.menu {
grid-area: menu;
background: #17181C;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 20px;
box-shadow: 0px 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
border-radius: 1.25rem;
align-self: start;
}
@@ -105,9 +157,9 @@ body, html {
.chat {
grid-area: chat;
background: #16171B;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0px 0.25rem 0.25rem rgba(0, 0, 0, 0.25));
border-radius: 0;
/* border-radius: 20px; */
/* border-radius: 1.25rem; */
height: 100%;
position: relative;
z-index: 3;
@@ -142,10 +194,20 @@ body, html {
display: flex;
grid-area: profile;
height: 95%;
border-radius: 50px;
border-radius: 3.125rem;
background: #17181C;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin: 10px 39px 18px 13px;
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
}
.jackpot {
display: flex;
grid-area: jackpot;
height: 95%;
border-radius: 3.125rem;
background: #17181C;
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
}
/* /Profile */
@@ -159,6 +221,22 @@ body, html {
/* /Saper */
/* Crash */
.crash-content {
grid-area: crash;
}
.crash-game {
grid-area: crashgame;
}
.crash-game__players {
grid-area: crashplayers;
}
/* /Crash */
/* Media */
/* /Media */

136
luckydiamond/src/assets/js/chat/ChatLogic.js
View File

@@ -1,66 +1,70 @@
// import { BackendWebSocketUrl } from '@/properties/Сonfig.js';
// import { eventBus } from "@/main";
// import {
// GetCookie
// } from "@/assets/js/storage/CookieStorage.js";
//
// let webSocket;
//
// export function ConnectToChat() {
// try {
// webSocket = new WebSocket(BackendWebSocketUrl);
//
// webSocket.onopen = function () {
// console.log('Connection established');
// };
//
// webSocket.onmessage = function (event) {
//
// const dataObject = JSON.parse(event.data);
//
// if (dataObject && Object.prototype.hasOwnProperty.call(dataObject, 'SpUserName') && Object.prototype.hasOwnProperty.call(dataObject, 'Message')) {
// eventBus.emit('dataChat', event.data);
// }
//
// console.log('Message from Server:', event.data);
// };
//
// webSocket.onclose = function () {
//
// webSocket = new WebSocket(BackendWebSocketUrl);
//
// console.log('Connection closed and reconnected');
// };
//
// webSocket.onerror = function (event) {
// console.error('WebSocket Error:', event);
// };
// } catch (error) {
// console.error('Error in ConnectToChat:', error);
// }
// }
//
// export function SendMessageToChat(message) {
// try {
//
// if (!GetCookie("SpUserName") && !GetCookie("AUTHTOKEN") && !GetCookie("SearchToken")) {
// return;
// }
//
// const userCredentials = {
// SearchToken: GetCookie("SearchToken"),
// AUTHTOKEN: GetCookie("AUTHTOKEN")
// };
//
// const messageObject = {
// UserCredentials: userCredentials,
// Message: message,
// MessageType: "Chat"
// };
//
// webSocket.send(JSON.stringify(messageObject));
//
// } catch (error) {
// console.error('Error in ConnectToChat:', error);
// }
// }
import { BackendWebSocketUrl } from '@/properties/Сonfig.js';
import { eventBus } from "@/main";
import {
GetCookie
} from "@/assets/js/storage/CookieStorage.js";
let webSocket;
export function ConnectToChat() {
try {
webSocket = new WebSocket(BackendWebSocketUrl);
webSocket.onopen = function () {
console.log('Connection established');
};
webSocket.onmessage = function (event) {
const dataObject = JSON.parse(event.data);
if (dataObject && Object.prototype.hasOwnProperty.call(dataObject, 'SpUserName') && Object.prototype.hasOwnProperty.call(dataObject, 'Message')) {
eventBus.emit('dataChat', event.data);
console.log('CHAT')
}
else {
eventBus.emit('crash', event.data)
}
// console.log('Message from Server:', event.data);
};
webSocket.onclose = function () {
webSocket = new WebSocket(BackendWebSocketUrl);
console.log('Connection closed and reconnected');
};
webSocket.onerror = function (event) {
console.error('WebSocket Error:', event);
};
} catch (error) {
console.error('Error in ConnectToChat:', error);
}
}
export function SendMessageToChat(message) {
try {
if (!GetCookie("SpUserName") && !GetCookie("AUTHTOKEN") && !GetCookie("SearchToken")) {
return;
}
const userCredentials = {
SearchToken: GetCookie("SearchToken"),
AUTHTOKEN: GetCookie("AUTHTOKEN")
};
const messageObject = {
UserCredentials: userCredentials,
Message: message,
MessageType: "Chat"
};
webSocket.send(JSON.stringify(messageObject));
} catch (error) {
console.error('Error in ConnectToChat:', error);
}
}

63
luckydiamond/src/assets/js/games/crash/CrashAPI.js Normal file
View File

@@ -0,0 +1,63 @@
import { BackendApiUrl } from '@/properties/Сonfig.js';
export async function JoinCrashGame(userData, amount) {
const data = {
userCredentials: {
searchToken: userData.searchToken,
authtoken: userData.authtoken
},
bid: amount
}
try {
const response = await fetch(`${BackendApiUrl}/GameCrash/JoinCrashGame`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data),
redirect: 'follow'
})
if (!response.ok) {
console.log('Fetch error:', response.status)
}
console.log(response)
return await response.json()
}
catch (error) {
console.log('Fetch error')
}
}
export async function ExitAndTakeMoneyFromCrashGame(userData) {
const data = {
exitUserCredentials: {
searchToken: userData.searchToken,
authtoken: userData.authtoken
}
}
try {
const response = await fetch(`${BackendApiUrl}/GameCrash/ExitAndTakeMoneyFromCrashGame`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data),
redirect: 'follow'
})
if (!response.ok) {
console.log('Fetch error:', response.status)
}
console.log(response)
return await response.json()
}
catch (error) {
console.log('Fetch error')
}
}