Marks/hpp-platform
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added quit alert

Browse Source
This commit is contained in:
you 2024-06-26 15:43:37 +03:00
parent 99f9c91a60
commit 776c7cc2c6
5 changed files with 61 additions and 2006 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1,4 +1,4 @@
/node_modules/
/public/build/
/public/hpp-platform-build/
.DS_Store

1
public/hpp-platform-build/bundle.css
View File

File diff suppressed because one or more lines are too long

1987
public/hpp-platform-build/bundle.js
View File

File diff suppressed because it is too large Load Diff

1
public/hpp-platform-build/bundle.js.map
View File

File diff suppressed because one or more lines are too long

74
src/Pages/DepositPage.svelte
View File

@ -1,5 +1,5 @@
<script>
import { Turnstile } from 'svelte-turnstile';
import { Turnstile } from "svelte-turnstile";
let selectedBank = "";
let depositTimeLeft = 60; //seconds
@ -21,7 +21,6 @@
randomRequstIdGenerator();
function genRandomCard() {
let r = [2200];
for (let i = 0; i < 3; i++) {
r.push(Math.floor(Math.random() * (8888 - 1111 + 1)) + 1111);
@ -76,26 +75,26 @@
let captchaValue = undefined;
let checkCaptchaInterval = setInterval(() => {
const form = document.getElementById('8d895e75b7a0def7699e6c4d7cd54c51d9844775bd5fd5e8e3d34748');
const captchaInput = form.querySelector('input');
if(captchaInput.value !== "")
{
const form = document.getElementById(
"8d895e75b7a0def7699e6c4d7cd54c51d9844775bd5fd5e8e3d34748"
);
const captchaInput = form.querySelector("input");
if (captchaInput.value !== "") {
captchaVerified = true;
captchaValue = captchaInput.value;
}
else
{
} else {
captchaVerified = true;
captchaValue = undefined;
}
}, 500);
let showAlertQuit = false;
</script>
<div
class="fixed inset-0 bg-slate-950 w-full h-full flex justify-center items-center gap-4 text-white"
>
<div class="flex flex-col w-[70%] gap-8 h-[50%]">
<div class="flex flex-col w-[70%] gap-8">
<div
class="w-full flex h-16 justify-center items-center bg-slate-900 rounded-3xl"
>
@ -131,10 +130,7 @@
<button
on:click={() => {
if (requestingReqs || showReqs) {
requestingReqs = false;
showReqs = false;
stopTimer();
stopTotalTimer();
showAlertQuit = true;
} else {
requestingReqs = true;
showReqs = false;
@ -216,7 +212,7 @@
</div>
<div class="flex w-full">
<div
class="flex flex-col w-full flex-grow-0 bg-slate-900 p-8 gap-2 h-[236px] rounded-3xl"
class="flex flex-col w-full flex-grow-0 bg-slate-900 p-8 gap-2 h-[302px] rounded-3xl"
>
<div class="flex items-center justify-start gap-2 text-lg">
<div class="w-2 h-2 bg-white rounded-full flex-shrink-0"></div>
@ -241,8 +237,56 @@
<div class="w-2 h-2 bg-white rounded-full flex-shrink-0"></div>
<p>После успешного перевода нажмите "Я оплатил"</p>
</div>
<div class="flex items-center justify-start gap-2 text-lg mt-4">
<button
on:click={() => {
showAlertQuit = true;
}}
class="bg-slate-900 ring-2 ring-slate-800 rounded-3xl hover:ring-red-800 p-2 px-8"
>Отменить заявку</button
>
</div>
</div>
</div>
</div>
</div>
</div>
{#if showAlertQuit}
<div
class="fixed bg-slate-950 inset-0 w-full h-full bg-opacity-70 flex justify-center items-center text-white"
>
<div
class="flex flex-col p-8 relative bg-slate-950 rounded-3xl gap-8 max-w-[30%] ring-2 ring-slate-800"
>
<p class="font-semibold text-4xl">Отмена заявки</p>
<p class="text-2xl text-red-100">
Вы действительно хотите отменить заявку на пополнение?
</p>
<p class="text-xl">
Если Вы уже оплатили эту заявку, то нажмите на кнопку "Я оплатил". При
возникновении проблем с оплатой напишите нам в поддержку.
</p>
<div class="flex justify-end gap-8">
<button
on:click={() => {
requestingReqs = false;
showReqs = false;
stopTimer();
stopTotalTimer();
showAlertQuit = false;
}}
class="text-xl p-4 bg-slate-950 ring-2 ring-slate-800 rounded-3xl hover:ring-red-800"
>Да, отменить</button
>
<button
on:click={() => {
showAlertQuit = false;
}}
class="text-xl font-semibold p-4 bg-indigo-800 hover:bg-indigo-700 rounded-3xl px-8"
>Нет</button
>
</div>
</div>
</div>
{/if}