feat: payment page

copy payment information with one click
This commit is contained in:
Aliberk Sandıkçı 2023-11-16 18:18:01 +03:00
parent e936e4076f
commit 06645e72c3
Signed by: asandikci
GPG Key ID: 25C67A03B5666BC1
3 changed files with 83 additions and 2 deletions

View File

@ -1,4 +1,4 @@
function copy2Clipboard(id) {
async function copy2Clipboard(id) {
var copyText = document.getElementById(id);
// copyText.select();
@ -7,5 +7,13 @@ function copy2Clipboard(id) {
navigator.clipboard.writeText(copyText.innerHTML);
var tooltip = document.getElementById(id+'-tip');
tooltip.innerHTML = "Kopyalandı: " + copyText.innerHTML;
tooltip.innerHTML = "Kopyalandı! ";
tooltip.style.display = 'inherit';
tooltip.style.color = 'green';
tooltip.style.fontSize = "smaller";
await new Promise(r => setTimeout(r, 2000));
tooltip.style.display= 'none';
}

View File

@ -69,6 +69,7 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
<p class="p_inb"><a class="button inner_button_lay" href="./apk/"><span>Android Uygulamasını (apk) İndir</span></a></p>
<p class="p_inb"><a class="button inner_button_lay" href="./ssa-sertifika.pem"><span>SSA Sertifika</span></a></p>
<p class="p_inb"><a class="button inner_button_lay" href="./kurulum/"><span>NASIL KURULUR</span></a></p>
<p class="p_inb"><a class="button inner_button_lay" href="./odeme/"><span>ÖDEME BİLGİLERİ</span></a></p>
<p class="p_inb"><a class="button inner_button_lay" href="./tos.html"><span>Kullanıcı Sözleşmesi</span></a></p>
<p class="p_inb"><a class="button inner_button_lay" href="./privacy.html"><span>Gizlilik Politikası</span></a></p>
</div>

View File

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<?php
### ERROR HANDLING ###
function warnError($errno, $errstr, $errfile, $errline)
{
echo "<br><p style='padding:0px;margin:0px;background-color:white;color:black;'><b style='color:red;'>Error:</b> [$errno] $errstr <br> in file <b style='color:blue'>$errfile</b> line <b style='color:red'>$errline</b></p>";
}
set_error_handler("warnError");
if (!$_SERVER['DOCUMENT_ROOT']) {
$_SERVER['DOCUMENT_ROOT'] = '/weblink';
}
# TODO separate file
?>
<head>
<!-- Meta Content -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SSA VPN, fatih meb interneti için VPN çözümü">
<meta name="keywords" content="SSA,SSA VPN,vpn,f@tih,fatih,ödeme,pricing">
<meta name="author" content="Aliberk Sandıı">
<!-- CSS Files -->
<link rel="stylesheet" type="text/css" href="../assets/css/main.css">
<link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css">
<title>
Ödeme Bilgileri | SSA VPN
</title>
<link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon">
</head>
<body>
<header>
<a href="/iflpanel/ssavpn/" id="hlogo" class="tmpinfo" style="margin: auto;"><img src="../assets/iflpanel/ssavpn.svg"></a>
</header>
<div class="main-scrollable">
<article class="plain" style="text-align:center;align-items:center;">
<h1>Ödeme Bilgileri</h1>
<hr style="width: 100%;">
<h2>IBAN:</h2>
<h2 style="margin-top: 0px;text-decoration:none;"><b class="copy_element" id="IBAN" onclick="copy2Clipboard('IBAN')">TR63 0082 9000 0949 1444 3182 51</b><span id="IBAN-tip"></span></h2>
<hr style="width: 100%;">
<h2>Papara Numarası:</h2>
<h2 style="margin-top: 0px;text-decoration:none;"><b class="copy_element" id="Papara" onclick="copy2Clipboard('Papara')">14444318251</b><span id="Papara-tip"></span></h2>
<hr style="width: 100%;">
<p><b>Tek seferlik 25, "isim-soyisim, SSA VPN" şeklinde ıklama giriniz.</b></p>
</article>
<footer>
<div class="tmpinfo">2023 🄯 Aliberk Sandıı</div>
</footer>
</div>
<?php
$dir = new DirectoryIterator($_SERVER['DOCUMENT_ROOT'] . "/assets/js");
foreach ($dir as $file) {
if ((!$file->isDot()) && str_ends_with($file, ".js") && $file != "jquery.js") {
echo '<script src="/assets/js/' . $file . '"></script>' . PHP_EOL . ' ';
}
} ?>
<script src="../assets/copy.js"></script>
</body>
</html>