diff --git a/README.md b/README.md index 6748566..b0dbb36 100644 --- a/README.md +++ b/README.md @@ -23,9 +23,8 @@ https://github.com/sp-worlds/api-docs https://discord.com/developers/docs/topics/oauth2#oauth2 -

Bootstrap 5 Tutorial

-

Если получится то использовать его для фронта

- https://www.w3schools.com/bootstrap5/ +

Откуда берём вдохновление

+ https://cs.fail/en/ diff --git a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css index 14388a7..b230bec 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/payments-modal.css @@ -126,6 +126,10 @@ input:focus { border: none; } +.btn-style-payments button:disabled { + background: #3d3a3a; +} + .btn-click { border-radius: 10px !important; background: #EF4444 !important; diff --git a/luckydiamond/src/components/PaymentsModal.vue b/luckydiamond/src/components/PaymentsModal.vue index e00d7d8..868118b 100644 --- a/luckydiamond/src/components/PaymentsModal.vue +++ b/luckydiamond/src/components/PaymentsModal.vue @@ -21,7 +21,7 @@
- +
@@ -36,7 +36,7 @@
- +
@@ -57,18 +57,23 @@ export default { card: 0, clickedBtn: '', url: '', + offBtn: true, PaymentsModalNumbers } }, watch: { amount(newAmount) { console.log(newAmount) + this.offBtn = true + console.log('OFFBTN', this.offBtn) setTimeout(() => { try { GettingMoneyOperation(newAmount) .then((response) => { console.log('Payments Modal Working!: ', response) this.url = response.url + this.offBtn = false + console.log('ONBTN', this.offBtn) }) } catch (e) { @@ -81,19 +86,22 @@ export default { closeModal() { return this.$emit('closemodal') }, - detectorMethod(method) { - this.closeModal() - if (method === 'dep') { - return this.$emit('deposit', this.amount) - } - else if (method === 'with') { - return this.$emit('withdraw', this.amount, this.card) - } - else { - console.log('Произошла ошибка при взаимодействие') - return - } + RedirectedMethodDep() { + window.location.href = this.url }, + // detectorMethod(method) { + // this.closeModal() + // if (method === 'dep') { + // return this.$emit('deposit', this.amount) + // } + // else if (method === 'with') { + // return this.$emit('withdraw', this.amount, this.card) + // } + // else { + // console.log('Произошла ошибка при взаимодействие') + // return + // } + // }, clickedBtnChoice(index, content) { this.clickedBtn = index this.amount = content diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue index ee20fb8..834926a 100644 --- a/luckydiamond/src/pages/ProfilePage.vue +++ b/luckydiamond/src/pages/ProfilePage.vue @@ -8,7 +8,7 @@
- +

{{ username }}

{{ balance }}

@@ -57,6 +57,7 @@ import AsideBarComponent from "@/components/AsidebarComponent.vue"; import ChatComponent from "@/components/ChatComponent.vue"; import HeaderComponent from "@/components/HeaderComponent.vue"; import PaymentsModal from "@/components/PaymentsModal.vue"; +import { GetCookie } from "@/assets/js/storage/CookieStorage"; import '@/assets/css/PagesStyles/profile.css' export default { @@ -64,12 +65,17 @@ export default { data() { return { username: 'Artemka', + imageUrl: '', balance: 25000, openModal: false, payments: true, arrayHistory: [], } }, + created() { + this.username = GetCookie('SpUserName') + this.imageUrl = `https://visage.surgeplay.com/front/256/${this.username}` + }, methods: { formatNumber(number) { return number < 10 ? `0${number}` : number;