000
This commit is contained in:
you
parent
06d4c96c44
commit
5b5dc15f5c
11
package-lock.json
generated
11
package-lock.json
generated
@ -9,6 +9,7 @@
|
||||
"version": "1.0.0",
|
||||
"dependencies": {
|
||||
"axios": "^1.6.8",
|
||||
"date-fns": "^3.0.2-rc.1",
|
||||
"jwt-decode": "^4.0.0",
|
||||
"qrcode": "^1.5.3",
|
||||
"serialize-error": "^11.0.3",
|
||||
@ -710,6 +711,16 @@
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/date-fns": {
|
||||
"version": "3.0.2-rc.1",
|
||||
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.0.2-rc.1.tgz",
|
||||
"integrity": "sha512-rtLgW/u9feeKuSjYjDZVDoe47sdA7QnGRbyEtFtmNB8SXVQnL3g3SIKlcQkHwk5X7uhmF9vP7/B1ZGXtGsF+IA==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/kossnocorp"
|
||||
}
|
||||
},
|
||||
"node_modules/decamelize": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
|
||||
|
||||
@ -24,6 +24,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.6.8",
|
||||
"date-fns": "^3.0.2-rc.1",
|
||||
"jwt-decode": "^4.0.0",
|
||||
"qrcode": "^1.5.3",
|
||||
"serialize-error": "^11.0.3",
|
||||
|
||||
@ -5,11 +5,18 @@
|
||||
import axios from "axios";
|
||||
import { sayError, sayInfo } from "../lib/toaster";
|
||||
import LoadingSpinner from "../lib/loadingSpinner.svelte";
|
||||
import { addMinutes, formatDistanceToNow, parseISO } from "date-fns";
|
||||
import { ca, ru } from "date-fns/locale";
|
||||
|
||||
const apiBase = "https://24paymentgateway.ru/api/v1/";
|
||||
|
||||
const delay = (ms) => new Promise((res) => setTimeout(res, ms));
|
||||
let showAccept = false;
|
||||
let showReject = false;
|
||||
let showNormal = false;
|
||||
let showTimeout = false;
|
||||
|
||||
const delay = (ms) => new Promise((res) => setTimeout(res, ms));
|
||||
//http://localhost:8080/?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXUyJ9.eyJleHAiOjE3MjQzNjEzOTgsImlhdCI6MTcyMTk0MjE5OCwiaW5fY3VycmVuY3lfY29kZSI6IktHUyIsImlzcyI6Ikhvc3RhcGF5Iiwib3JkZXJfaWQiOiIxZjhjOTI2NC1lZWQ3LTRhYzMtYTEyZC0xYzEzMjg4MWM4NzQiLCJvdXRfY3VycmVuY3lfY29kZSI6IktHUyJ9.w_ki56Hb81kX2SoS9qm0Je3atBhmUWTQaYYrLX-udCM
|
||||
/**
|
||||
* hpp:
|
||||
1) GET: /api/v1/getPaymentMethods
|
||||
@ -29,6 +36,36 @@
|
||||
// await delay(5000);
|
||||
const urlParams = new URLSearchParams(queryString);
|
||||
tokenURL = urlParams.get("token");
|
||||
console.log(tokenURL);
|
||||
validateJWT(tokenURL);
|
||||
// console.log();
|
||||
if (invalidURL == true) {
|
||||
sayError("Неверный ID заявки");
|
||||
} else {
|
||||
await getOrderStatus();
|
||||
|
||||
switch (orderStatus) {
|
||||
case 1:
|
||||
getPaymentMethods();
|
||||
break;
|
||||
case 2:
|
||||
showReject = true;
|
||||
break;
|
||||
case 3:
|
||||
showAccept = true;
|
||||
break;
|
||||
case 4:
|
||||
getPaymentMethods();
|
||||
case 5:
|
||||
getPaymentMethods();
|
||||
case 6:
|
||||
showTimeout = true;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
// getPaymentMethods();
|
||||
}
|
||||
// console.log(urlParams.get("token"));
|
||||
}
|
||||
getTokenFromURL();
|
||||
@ -41,17 +78,23 @@
|
||||
invalidURL = false;
|
||||
} catch (error) {
|
||||
invalidURL = true;
|
||||
// console.log(error);
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
$: tokenURL, validateJWT(tokenURL);
|
||||
$: invalidURL,
|
||||
(() => {
|
||||
if (!invalidURL) {
|
||||
getPaymentMethods();
|
||||
}
|
||||
})();
|
||||
let timeLeft = "";
|
||||
let timeLeftInterval = -1;
|
||||
function calculateDate(src) {
|
||||
const originalDate = parseISO(src);
|
||||
const newDate = addMinutes(originalDate, 10);
|
||||
timeLeftInterval = setInterval(() => {
|
||||
timeLeft = formatDistanceToNow(newDate, {
|
||||
addSuffix: true,
|
||||
includeSeconds: true,
|
||||
locale: ru,
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
let selectedBank = "";
|
||||
let depositTimeLeft = 60; //seconds
|
||||
@ -102,7 +145,7 @@
|
||||
// }, 1000);
|
||||
// }
|
||||
|
||||
// function stopTimer() {
|
||||
// function stopTimer() {loaded-file
|
||||
// clearInterval(timerInterval);
|
||||
// depositTimeLeft = 60;
|
||||
// }
|
||||
@ -173,50 +216,71 @@
|
||||
requestingReqs = true;
|
||||
disableGetReqBtn = true;
|
||||
await delay(2000);
|
||||
let result = await axios.post(
|
||||
apiBase + "getRequisites",
|
||||
{
|
||||
bank_id: selectedBank,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
Authorization: "Bearer " + tokenURL,
|
||||
"Content-Type": "application/json",
|
||||
try {
|
||||
let result = await axios.post(
|
||||
apiBase + "getRequisites",
|
||||
{
|
||||
bank_id: selectedBank,
|
||||
},
|
||||
},
|
||||
);
|
||||
requestingReqs = false;
|
||||
requisites = result.data;
|
||||
console.log(result);
|
||||
showReqs = true;
|
||||
{
|
||||
headers: {
|
||||
Authorization: "Bearer " + tokenURL,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
},
|
||||
);
|
||||
requestingReqs = false;
|
||||
requisites = result.data;
|
||||
console.log(result);
|
||||
showReqs = true;
|
||||
calculateDate(result.data["requisite_creation_time"]);
|
||||
} catch (error) {
|
||||
sayError("Срок заявки истёк");
|
||||
showTimeout = true;
|
||||
orderStatus = 6;
|
||||
}
|
||||
}
|
||||
// getRequisites();
|
||||
|
||||
let orderStatus;
|
||||
async function getOrderStatus() {
|
||||
let result = await axios.get(apiBase + "getOrderStatus", {
|
||||
try {
|
||||
let result = await axios.get(apiBase + "getOrderStatus", {
|
||||
headers: {
|
||||
Authorization: "Bearer " + "jwt",
|
||||
Authorization: "Bearer " + tokenURL,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
orderStatus = result.data.status;
|
||||
console.log(result);
|
||||
if(orderStatus === 4)
|
||||
{
|
||||
selectedBank = result.data["bank_id"];
|
||||
}
|
||||
else if (orderStatus === 5)
|
||||
{
|
||||
selectedBank = result.data["bank_id"];
|
||||
requisites = result.data["requisites"];
|
||||
calculateDate(requisites["requisite_creation_time"]);
|
||||
showReqs = true;
|
||||
}
|
||||
} catch (error) {
|
||||
orderStatus=6;
|
||||
}
|
||||
|
||||
}
|
||||
// getOrderStatus();
|
||||
|
||||
async function loadReceipt() {
|
||||
let result = await axios.post(
|
||||
apiBase + "loadDisputeReceipt",
|
||||
{
|
||||
//data form
|
||||
const formData = new FormData();
|
||||
let file = document.getElementById("loaded-file").files[0];
|
||||
// formData.append("uuid", orderID);
|
||||
formData.append("data", file);
|
||||
let result = await axios.post(apiBase + "openDispute", formData, {
|
||||
headers: {
|
||||
Authorization: "Bearer " + tokenURL,
|
||||
"Content-Type": "multipart/form-data",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
Authorization: "Bearer " + "jwt",
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
},
|
||||
);
|
||||
});
|
||||
console.log(result);
|
||||
}
|
||||
|
||||
@ -260,7 +324,7 @@
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
Authorization: "Bearer " + "jwt",
|
||||
Authorization: "Bearer " + tokenURL,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
},
|
||||
@ -268,18 +332,39 @@
|
||||
console.log(result);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
async function copyToClipboard() {
|
||||
try {
|
||||
await navigator.clipboard.writeText(requisites.requisite[1]);
|
||||
sayInfo('Скопировано!');
|
||||
} catch (err) {
|
||||
console.error('Failed to copy: ', err);
|
||||
}
|
||||
try {
|
||||
await navigator.clipboard.writeText(requisites.requisite[1]);
|
||||
sayInfo("Скопировано!");
|
||||
} catch (err) {
|
||||
console.error("Failed to copy: ", err);
|
||||
}
|
||||
}
|
||||
|
||||
function startPingingStatus() {ping();}
|
||||
|
||||
async function ping() {
|
||||
await getOrderStatus();
|
||||
if (orderStatus === 2) {
|
||||
showReject = true;
|
||||
showLoadingScreen = false;
|
||||
return;
|
||||
}
|
||||
if(orderStatus === 3)
|
||||
{
|
||||
showAccept = true;
|
||||
showLoadingScreen = false;
|
||||
return;
|
||||
}
|
||||
if(orderStatus===6)
|
||||
{
|
||||
showTimeout = true;
|
||||
showLoadingScreen = false;
|
||||
return;
|
||||
}
|
||||
await delay(1000);
|
||||
ping();
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if invalidURL}
|
||||
@ -319,7 +404,147 @@
|
||||
>
|
||||
<p class="text-sm flex-shrink-0">Заявка {orderID}</p>
|
||||
</div>
|
||||
<div class="flex flex-col w-full gap-16">
|
||||
<div class="flex flex-col w-full gap-8">
|
||||
{#if showBankSelection}
|
||||
<p class="text-3xl font-bold">Выбор банка</p>
|
||||
{#each paymentMethods as pm}
|
||||
<div class="flex">
|
||||
<button
|
||||
on:click={() => {
|
||||
selectedBank = pm["bank_id"];
|
||||
}}
|
||||
class={"w-full rounded-3xl flex items-center justify-center gap-8 ring-2 py-4 px-4 " +
|
||||
(selectedBank === pm["bank_id"]
|
||||
? "ring-indigo-600 bg-slate-900 cursor-default"
|
||||
: "ring-slate-600 hover:ring-slate-300")}
|
||||
>
|
||||
<div
|
||||
class="bg-transparent flex-shrink-0 flex justify-center items-center max-w-[200px] max-h-[70px]"
|
||||
>
|
||||
{@html pm["icon"]}
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
{/each}
|
||||
{:else}
|
||||
<LoadingSpinner />
|
||||
{/if}
|
||||
<div
|
||||
class={"w-full justify-center " +
|
||||
(!showBankSelection ? "hidden" : "hidden")}
|
||||
>
|
||||
<form id="8d895e75b7a0def7699e6c4d7cd54c51d9844775bd5fd5e8e3d34748">
|
||||
<Turnstile siteKey="0x4AAAAAAAdVbiLiWPGwxHjN" />
|
||||
</form>
|
||||
</div>
|
||||
{#if selectedBank !== "" && captchaVerified}
|
||||
{#if !showHelpSection}
|
||||
<button
|
||||
disabled={disableGetReqBtn}
|
||||
on:click={() => {
|
||||
getRequisites();
|
||||
}}
|
||||
class={"bg-indigo-800 hover:bg-indigo-700 ring-transparent disabled:bg-transparent disabled:text-gray-600 disabled:ring-2 disabled:ring-inset disabled:ring-gray-600" +
|
||||
" w-full font-semibold text-xl flex gap-1 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>
|
||||
{"Запросить реквизиты"}
|
||||
</button>
|
||||
{/if}
|
||||
{#if requestingReqs}
|
||||
<LoadingSpinner />
|
||||
{/if}
|
||||
{#if showReqs}
|
||||
{#if !showHelpSection}
|
||||
<div class="w-full flex p-8 rounded-3xl bg-indigo-950">
|
||||
<div class="flex flex-col gap-2">
|
||||
<p class="text-lg">Номер карты для перевода</p>
|
||||
<div class="flex gap-4 items-center">
|
||||
<p class="text-2xl font-bold">
|
||||
{requisites.requisite[1]}
|
||||
</p>
|
||||
<button
|
||||
on:click={() => {
|
||||
copyToClipboard();
|
||||
}}
|
||||
class="relative w-11 h-10 p-2 rounded-full bg-indigo-900 group hover:bg-indigo-800"
|
||||
>
|
||||
<div
|
||||
class="absolute bg-transparent ring-2 ring-white top-2 left-3 w-4 h-5 rounded-[3px]"
|
||||
></div>
|
||||
<div
|
||||
class="absolute bg-indigo-900 ring-2 ring-white top-3 group-hover:bg-indigo-800 left-4 w-4 h-5 rounded-[3px]"
|
||||
></div>
|
||||
</button>
|
||||
</div>
|
||||
<p class="text-lg">Получатель: {requisites.requisite[0]}</p>
|
||||
<p class="text-lg mt-4">
|
||||
Время на оплату: {timeLeft}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
on:click={() => {
|
||||
showLoadingScreen = true;
|
||||
startPingingStatus();
|
||||
}}
|
||||
disabled={showHelpSection}
|
||||
class={(false
|
||||
? "bg-slate-950 ring-indigo-800 hover:bg-slate-900"
|
||||
: "bg-green-800 hover:bg-green-700 ring-transparent") +
|
||||
" w-full font-semibold text-xl flex gap-1 disabled:bg-slate-950 disabled:ring-2 disabled:ring-inset disabled:ring-red-800 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>
|
||||
{"Я оплатил"}
|
||||
</button>
|
||||
{/if}
|
||||
{#if !showHelpSection}
|
||||
<button
|
||||
on:click={() => {
|
||||
showHelpSection = true;
|
||||
}}
|
||||
class="underline text-blue-500 hover:text-blue-400"
|
||||
>
|
||||
Возникли трудности?
|
||||
</button>
|
||||
{/if}
|
||||
{#if showHelpSection}
|
||||
<p class="p-8 bg-slate-900 text-xl rounded-3xl">
|
||||
Загрузите чек, чтобы мы могли подтвердить перевод
|
||||
</p>
|
||||
<button
|
||||
on:click={() => {
|
||||
document.getElementById("loaded-file").click();
|
||||
}}
|
||||
class={"bg-indigo-800 hover:bg-indigo-700 ring-transparent" +
|
||||
" w-full font-semibold text-xl flex gap-1 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>Загрузить чек</button
|
||||
>
|
||||
<p class="text-xl font-semibold">Загружен файл: {loadedFile}</p>
|
||||
<button
|
||||
on:click={() => {
|
||||
// window.open("https://www.google.com", "__blank");
|
||||
|
||||
showLoadingScreen = true;
|
||||
loadReceipt();
|
||||
}}
|
||||
disabled={loadedFile === ""}
|
||||
class={"bg-green-800 hover:bg-green-700 ring-transparent" +
|
||||
" w-full font-semibold text-xl flex gap-1 disabled:bg-slate-950 disabled:ring-2 disabled:ring-inset disabled:ring-red-800 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>Отправить</button
|
||||
>
|
||||
{/if}
|
||||
<input
|
||||
on:change={(e) => {
|
||||
loadedFile = e.target.files[0].name;
|
||||
}}
|
||||
id="loaded-file"
|
||||
type="file"
|
||||
hidden
|
||||
accept=".png, .jpg, .jpeg, .pdf"
|
||||
/>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
<div class="flex flex-col w-full gap-4">
|
||||
<div class="flex w-full">
|
||||
<div
|
||||
class="flex flex-col w-full flex-grow-0 bg-slate-900 p-8 gap-2 rounded-3xl"
|
||||
@ -350,142 +575,20 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col w-full gap-8">
|
||||
{#if showBankSelection}
|
||||
<p class="text-3xl font-bold">Выбор банка</p>
|
||||
{#each paymentMethods as pm}
|
||||
<div class="flex">
|
||||
<button
|
||||
on:click={() => {
|
||||
selectedBank = pm["bank_id"];
|
||||
}}
|
||||
class={"w-full rounded-3xl flex items-center justify-center gap-8 ring-2 py-4 px-4 " +
|
||||
(selectedBank === pm["bank_id"]
|
||||
? "ring-indigo-600 bg-slate-900 cursor-default"
|
||||
: "ring-slate-600 hover:ring-slate-300")}
|
||||
>
|
||||
<div
|
||||
class="bg-transparent flex-shrink-0 flex justify-center items-center max-w-[200px] max-h-[70px]"
|
||||
>
|
||||
{@html pm["icon"]}
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
{/each}
|
||||
{:else}
|
||||
<LoadingSpinner />
|
||||
{/if}
|
||||
<div class="flex w-full">
|
||||
<div
|
||||
class={"w-full justify-center " +
|
||||
(!showBankSelection ? "hidden" : "hidden")}
|
||||
class="flex flex-col items-center w-full flex-grow-0 bg-slate-900 p-8 gap-2 rounded-3xl"
|
||||
>
|
||||
<form id="8d895e75b7a0def7699e6c4d7cd54c51d9844775bd5fd5e8e3d34748">
|
||||
<Turnstile siteKey="0x4AAAAAAAdVbiLiWPGwxHjN" />
|
||||
</form>
|
||||
<div class="flex items-center justify-start gap-2 text-lg">
|
||||
<p class="text-white text-lg">
|
||||
<a class="underline" href="https://t.me/hosta_pay">@hosta_pay</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center justify-start gap-2 text-lg">
|
||||
<p>support@24paymentgateway.ru</p>
|
||||
</div>
|
||||
</div>
|
||||
{#if selectedBank !== "" && captchaVerified}
|
||||
{#if !showHelpSection}
|
||||
<button
|
||||
disabled={disableGetReqBtn}
|
||||
on:click={() => {
|
||||
|
||||
getRequisites();
|
||||
|
||||
}}
|
||||
class={"bg-indigo-800 hover:bg-indigo-700 ring-transparent disabled:bg-transparent disabled:text-gray-600 disabled:ring-2 disabled:ring-inset disabled:ring-gray-600" +
|
||||
" w-full font-semibold text-xl flex gap-1 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>
|
||||
{"Запросить реквизиты"}
|
||||
</button>
|
||||
{/if}
|
||||
{#if requestingReqs}
|
||||
<LoadingSpinner />
|
||||
{/if}
|
||||
{#if showReqs}
|
||||
{#if !showHelpSection}
|
||||
<div class="w-full flex p-8 rounded-3xl bg-indigo-950">
|
||||
<div class="flex flex-col gap-2">
|
||||
<p class="text-lg">Номер карты для перевода</p>
|
||||
<div class="flex gap-4 justify-center items-center">
|
||||
<p class="text-2xl font-bold">{requisites.requisite[1]}</p>
|
||||
<button
|
||||
on:click={()=>{
|
||||
copyToClipboard();
|
||||
}}
|
||||
class="relative w-11 h-10 p-2 rounded-full bg-indigo-900 group hover:bg-indigo-800"
|
||||
>
|
||||
<div
|
||||
class="absolute bg-transparent ring-2 ring-white top-2 left-3 w-4 h-5 rounded-[3px]"
|
||||
></div>
|
||||
<div
|
||||
class="absolute bg-indigo-900 ring-2 ring-white top-3 group-hover:bg-indigo-800 left-4 w-4 h-5 rounded-[3px]"
|
||||
></div>
|
||||
</button>
|
||||
</div>
|
||||
<p class="text-lg">Получатель: {requisites.requisite[0]}</p>
|
||||
<p class="text-lg mt-4">
|
||||
Время на оплату
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
on:click={() => {
|
||||
showLoadingScreen = true;
|
||||
}}
|
||||
disabled={showHelpSection}
|
||||
class={(false
|
||||
? "bg-slate-950 ring-indigo-800 hover:bg-slate-900"
|
||||
: "bg-green-800 hover:bg-green-700 ring-transparent") +
|
||||
" w-full font-semibold text-xl flex gap-1 disabled:bg-slate-950 disabled:ring-2 disabled:ring-inset disabled:ring-red-800 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>
|
||||
{"Я оплатил"}
|
||||
</button>
|
||||
{/if}
|
||||
{#if !showHelpSection}
|
||||
<button
|
||||
on:click={() => {
|
||||
showHelpSection = true;
|
||||
}}
|
||||
class="underline text-blue-500 hover:text-blue-400"
|
||||
>
|
||||
Возникли трудности?
|
||||
</button>
|
||||
{/if}
|
||||
{#if showHelpSection}
|
||||
<p class="p-8 bg-slate-900 text-xl rounded-3xl">
|
||||
Загрузите чек, чтобы мы могли подтвердить перевод
|
||||
</p>
|
||||
<button
|
||||
on:click={() => {
|
||||
document.getElementById("loaded-file").click();
|
||||
}}
|
||||
class={"bg-indigo-800 hover:bg-indigo-700 ring-transparent" +
|
||||
" w-full font-semibold text-xl flex gap-1 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>Загрузить чек</button
|
||||
>
|
||||
<p class="text-xl font-semibold">Загружен файл: {loadedFile}</p>
|
||||
<button
|
||||
on:click={() => {
|
||||
// window.open("https://www.google.com", "__blank");
|
||||
showLoadingScreen = true;
|
||||
}}
|
||||
disabled={loadedFile === ""}
|
||||
class={"bg-green-800 hover:bg-green-700 ring-transparent" +
|
||||
" w-full font-semibold text-xl flex gap-1 disabled:bg-slate-950 disabled:ring-2 disabled:ring-inset disabled:ring-red-800 justify-center items-center text-center p-4 rounded-3xl transition-all duration-75 ring-2 ring-inset focus:outline-none focus:ring-inset focus:ring-1 focus:ring-white"}
|
||||
>Отправить</button
|
||||
>
|
||||
{/if}
|
||||
<input
|
||||
on:change={(e) => {
|
||||
loadedFile = e.target.files[0].name;
|
||||
}}
|
||||
id="loaded-file"
|
||||
type="file"
|
||||
hidden
|
||||
accept=".png, .jpg, .jpeg, .pdf"
|
||||
/>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -496,7 +599,7 @@
|
||||
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"
|
||||
class="flex flex-col p-8 relative bg-slate-950 rounded-3xl gap-8 max-w-[90%] ring-2 ring-slate-800"
|
||||
>
|
||||
<p class="font-semibold text-4xl">Отмена заявки</p>
|
||||
<p class="text-2xl text-red-100">
|
||||
@ -514,7 +617,9 @@
|
||||
// stopTimer();
|
||||
// stopTotalTimer();
|
||||
// showAlertQuit = false;
|
||||
window.open("https://www.google.com", "__blank");
|
||||
// window.open("https://www.google.com", "__blank");
|
||||
cancelOrder();
|
||||
window.location.reload();
|
||||
}}
|
||||
class="text-xl p-4 bg-slate-950 ring-2 ring-slate-800 rounded-3xl hover:ring-red-800"
|
||||
>Да, отменить</button
|
||||
@ -543,6 +648,69 @@
|
||||
</div>
|
||||
<p class="text-white text-2xl mt-8">Ваш платёж обрабатывается</p>
|
||||
<p class="text-white opacity-50 text-xl">Это не займет много времени</p>
|
||||
<p class="text-white opacity-50 text-sm">Номер платежа: {orderID}</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Телеграм: <a class="underline" href="https://t.me/hosta_pay"
|
||||
>@hosta_pay</a
|
||||
>
|
||||
</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Почта: support@24paymentgateway.ru
|
||||
</p>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
{#if showAccept}
|
||||
<div
|
||||
class="fixed inset-0 bg-slate-950 flex justify-center items-center text-white"
|
||||
>
|
||||
<div class="flex flex-col gap-1 justify-center items-center">
|
||||
<svg
|
||||
width="64px"
|
||||
height="64px"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M15 10L11 14L9 12M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z"
|
||||
stroke="#0F0"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<p class="text-xl font-bold">Заявка исполнена</p>
|
||||
<p class="text-white opacity-50 text-sm">Номер платежа: {orderID}</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Телеграм: <a class="underline" href="https://t.me/hosta_pay"
|
||||
>@hosta_pay</a
|
||||
>
|
||||
</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Почта: support@24paymentgateway.ru
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{:else if showTimeout}
|
||||
<div
|
||||
class="fixed inset-0 bg-slate-950 flex justify-center items-center text-white"
|
||||
>
|
||||
<div class="flex flex-col gap-1 justify-center items-center">
|
||||
<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 15L12 13M12 13L14 11M12 13L10 11M12 13L14 15M21 6L19 4M10 2H14M12 21C7.58172 21 4 17.4183 4 13C4 8.58172 7.58172 5 12 5C16.4183 5 20 8.58172 20 13C20 17.4183 16.4183 21 12 21Z" stroke="#f00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
<p class="text-xl font-bold">Время заявки истекло</p>
|
||||
<p class="text-white opacity-50 text-sm">Номер платежа: {orderID}</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Телеграм: <a class="underline" href="https://t.me/hosta_pay"
|
||||
>@hosta_pay</a
|
||||
>
|
||||
</p>
|
||||
<p class="text-white opacity-50 text-sm">
|
||||
Почта: support@24paymentgateway.ru
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user