diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css index 4f5777b..f7c4a42 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css @@ -191,4 +191,4 @@ .mention-message { background-color: rgb(169, 113, 0); -} \ No newline at end of file +} diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css index fe183ef..c046c74 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css @@ -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%; diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css new file mode 100644 index 0000000..0b9ac92 --- /dev/null +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css @@ -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 */ diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css new file mode 100644 index 0000000..e69de29 diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css index 645b198..aae53d8 100644 --- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css +++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css @@ -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; } diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index 0e94100..99e4150 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -377,4 +377,10 @@ } } -/* /Media */ \ No newline at end of file +@media screen and (min-height: 910px) { + .chat { + height: 87vh !important; + } +} + +/* /Media */ diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css index 3e048ac..c2a4cbc 100644 --- a/luckydiamond/src/assets/css/global.css +++ b/luckydiamond/src/assets/css/global.css @@ -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 */ \ No newline at end of file diff --git a/luckydiamond/src/assets/js/chat/ChatLogic.js b/luckydiamond/src/assets/js/chat/ChatLogic.js index 1280ec6..0bbece7 100644 --- a/luckydiamond/src/assets/js/chat/ChatLogic.js +++ b/luckydiamond/src/assets/js/chat/ChatLogic.js @@ -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); -// } -// } \ No newline at end of file +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); + } +} \ No newline at end of file diff --git a/luckydiamond/src/assets/js/games/crash/CrashAPI.js b/luckydiamond/src/assets/js/games/crash/CrashAPI.js new file mode 100644 index 0000000..fbb1223 --- /dev/null +++ b/luckydiamond/src/assets/js/games/crash/CrashAPI.js @@ -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') + } + +} \ No newline at end of file diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue index 6367bf0..a1d25c8 100644 --- a/luckydiamond/src/components/AsidebarComponent.vue +++ b/luckydiamond/src/components/AsidebarComponent.vue @@ -7,7 +7,7 @@
- +
diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue index 1749bd3..9288cce 100644 --- a/luckydiamond/src/components/PaymentsModal.vue +++ b/luckydiamond/src/components/PaymentsModal.vue @@ -19,11 +19,11 @@