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

Referalls done (waiting backend for payment)

Browse Source
This commit is contained in:
Swino4ka
2024-04-06 20:43:17 +02:00
parent 4154d3dba6
commit 82b32794b8
1 changed files with 72 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
luckydiamond/src/components/ReferalModal.vue
View File

@@ -6,45 +6,82 @@
</div>
<div class="payments-modal__deposit">
<div class="error-deposit" v-if="errorDeposit">
<h2>Ошибка с суммой депозита</h2>
<h2>Ошибка с суммой депозита</h2>
</div>
<div
class="deposit-input deposit-text referal-icon-diamond deposit-icon__input"
>
<br>
<h3>Ваш реферальный код</h3>
<input
:class="{ 'animate-start-btn': errorDeposit }"
readonly
class="deposit-amount__input"
v-if="referralData.referralCode"
:value="referralData.referralCode"
/>
<br>
<br>
<h3>Доступно к выводу</h3>
<img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" />
<input
:class="{ 'animate-start-btn': errorDeposit }" readonly
class="deposit-amount__input"
v-if="referralData.avalibleAmount"
:value="referralData.avalibleAmount"
/>
<div class="deposit-btns">
<ul class="display-btns btns-style-diamonds">
<li v-for="(number, index) in PaymentsModalNumbers" :key="index">
<button
@click="clickedBtnChoice(index, number.diamonds)"
:class="{
'btn-click': clickedBtn === index,
[number]: clickedBtn === number,
}"
>
{{ number.diamonds }}
</button>
</li>
</ul>
</div>
<div class="deposit-input deposit-text referal-icon-diamond deposit-icon__input">
<br>
<h3 v-if="referralData.referralCode">{{ referralData.referralCode }}</h3>
<input :class="{ 'animate-start-btn': errorDeposit }" readonly class="deposit-amount__input" v-model="amount" type="number" />
<br>
<br>
<h3>Доступно к выводу</h3>
<img src="@/assets/icons-games/saper-game/icon-diamond-ore-saper.png" />
<input :class="{ 'animate-start-btn': errorDeposit }" readonly class="deposit-amount__input" v-model="amount" type="number" />
<div class="deposit-btns">
<ul class="display-btns btns-style-diamonds">
<li v-for="(number, index) in PaymentsModalNumbers" :key="index">
<button @click="clickedBtnChoice(index, number.diamonds)" :class="{ 'btn-click': clickedBtn === index, [number]: clickedBtn === number }">{{ number.diamonds }}</button>
</li>
</ul>
</div>
<div class="deposit-promocode deposit-promocode__padding--input">
<h3>Всего привели рефералов</h3>
<div class="promokods">
<input :class="{ 'animate-start-btn': errorDeposit }" readonly class="deposit-amount__input" v-model="amount" type="number" />
</div>
</div>
<div class="error-checkbox" v-if="errorAgree">
<h2>Подтвердите согласие!</h2>
</div>
<div class="deposit-checkbox checkbox-styles">
<input @click="agreeUser = !agreeUser" 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>
</div>
<div class="btn-deposit btn-text-style btn-display-deposit btn-style-payments">
<p>Вы подтверждаете правильность введенных данных при создании вывода.</p>
<button type="submit" @click="RedirectedMethodDep">Вывести</button>
<p>Перед пополнение прочитайте политику конфиденциальности и пользовательское соглашение.</p>
<div class="deposit-promocode deposit-promocode__padding--input">
<h3>Всего привели рефералов</h3>
<div class="promokods">
<input
:class="{ 'animate-start-btn': errorDeposit }" readonly
class="deposit-amount__input"
v-if="referralData.activationsAmount"
:value="referralData.activationsAmount"
/>
</div>
</div>
<div class="error-checkbox" v-if="errorAgree">
<h2>Подтвердите согласие!</h2>
</div>
<div class="deposit-checkbox checkbox-styles">
<input
@click="agreeUser = !agreeUser"
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>
</div>
<div
class="btn-deposit btn-text-style btn-display-deposit btn-style-payments"
>
<p>
Вы подтверждаете правильность введенных данных при создании вывода.
</p>
<button type="submit" @click="RedirectedMethodDep">Вывести</button>
<p>
Перед пополнение прочитайте политику конфиденциальности и
пользовательское соглашение.
</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>