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

added text about promocode-status in payments-modal, promocode-input

Browse Source
This commit is contained in:
Kostya
2024-01-19 19:47:55 +03:00
parent b0f21d5dfc
commit c09f895260
2 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -205,8 +205,30 @@ input[type="checkbox"]:checked::before {
.error-checkbox h2 { .error-checkbox h2 {
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 700;
color: #c52f2f; color: #BA3636;
font-family: "Montserrat Alternates";
}
.error-promocode {
position: absolute;
left: 49%;
top: 35%;
}
.error-promocode .error-text__promocode {
font-size: 11px;
font-weight: 700;
color: #BA3636;
font-family: "Montserrat Alternates";
margin-left: 55px;
}
.error-promocode .correct-text__promocode {
font-size: 11px;
font-weight: 700;
color: #3BA44C;
font-family: "Montserrat Alternates";
} }
.checkbox-styles input:disabled:hover { .checkbox-styles input:disabled:hover {

14
luckydiamond/src/components/PaymentsModal.vue
View File

@@ -29,9 +29,13 @@
</li> </li>
</ul> </ul>
</div> </div>
<div v-if="showPromocodeStatus" class="error-promocode">
<h2 v-if="errorPromocode" class="error-text__promocode">Промокод не найден</h2>
<h2 v-else class="correct-text__promocode">Промокод успешно применён</h2>
</div>
<div class="deposit-promocode deposit-promocode__padding--input"> <div class="deposit-promocode deposit-promocode__padding--input">
<h3>Промокод</h3> <h3>Промокод</h3>
<input class="promo-input" type="text" /> <input @focusout="checkValidationPromocode" v-model="promocode" class="promo-input" type="text" />
</div> </div>
<div class="deposit-checkbox checkbox-styles"> <div class="deposit-checkbox checkbox-styles">
<input @click="agreeUser = !agreeUser" type="checkbox" /> <input @click="agreeUser = !agreeUser" type="checkbox" />
@@ -108,6 +112,10 @@ export default {
amountWithdraw: 1, amountWithdraw: 1,
amountSave: 1, amountSave: 1,
card: '', card: '',
promocode: '',
promocodeBase: ['ANTI-GRIF'],
errorPromocode: false,
showPromocodeStatus: false,
errorAgree: false, errorAgree: false,
captchaToken: null, captchaToken: null,
clickedBtn: "", clickedBtn: "",
@@ -179,6 +187,10 @@ export default {
closeModal() { closeModal() {
return this.$emit("closemodal"); return this.$emit("closemodal");
}, },
checkValidationPromocode() {
this.errorPromocode = !this.promocodeBase.includes(this.promocode);
this.showPromocodeStatus = true
},
completeValidationCheck() { completeValidationCheck() {
this.offBtn = true this.offBtn = true