-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpayment.html
137 lines (119 loc) · 4.21 KB
/
payment.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
<head>
<!-- Primary Meta Tags -->
<title>LinkPe | UPI LINK Generator</title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<meta name="title" content="LinkPe | UPI LINK Generator">
<meta name="description" content="LinkPe | UPI LINK Generator - https://github.com/PtPrashantTripathi/linkpe">
<link rel="fluid-icon" href="https://raw.githubusercontent.com/PtPrashantTripathi/linkpe/main/img/linkpe.png"
title="PtPrashantTripathi | LinkPe" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://ptprashanttripathi.github.io/linkpe">
<meta property="og:title" content="LinkPe | UPI LINK Generator">
<meta property="og:description"
content="LinkPe | UPI LINK Generator - https://github.com/PtPrashantTripathi/linkpe">
<meta property="og:image" content="https://raw.githubusercontent.com/PtPrashantTripathi/linkpe/main/img/linkpe.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://ptprashanttripathi.github.io/linkpe">
<meta property="twitter:title" content="LinkPe | UPI LINK Generator">
<meta property="twitter:description"
content="LinkPe | UPI LINK Generator - https://github.com/PtPrashantTripathi/linkpe">
<meta property="twitter:image"
content="https://raw.githubusercontent.com/PtPrashantTripathi/linkpe/main/img/linkpe.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="Styles/payment.css">
<link rel="icon" href="image/logo.jpg" />
<!--Coded by Pt. Prashant Tripathi @ptprashanttripathi on 14th Oct 2020 -->
<body>
<header>
<div><img src="./image/logo1.png" alt="" width="10%" id="logo"/></div>
</header>
<div id="cart-page-top-layer">
<div class="cart-page-top-layer-left">
<p>Order Summary</p>
<span></span>
</div>
<div class="cart-page-top-layer-right">
<img
src="https://www.jiomart.com/msassets/images/icons/cart_blue_active.svg"
alt=""
/><span onclick="cartMain()">Cart</span>
<hr />
<img
id="order-sum"
src="https://www.jiomart.com/msassets/images/icons/orders_review_inactive.svg"
alt=""
/><span onclick="summary()">Order Summary</span>
<hr />
<img
id="paym"
src="https://www.jiomart.com/msassets/images/icons/payment_inactive.svg"
alt=""
/><span onclick="payment()">Payment</span>
</div>
</div>
<center>
<div class="card">
<div class="card-content">
<a href=""><img src="img/logo.png" height="50"></a>
<br>
<h4 style="color: #DAE0E2;">Create UPI Payment Request Link </h4>
<img src="img/upi.png" height="100">
<br>
<div id="linkpediv" style="display:none;">
<textarea class='text-box' rows="4" cols="30" id='linkpeURL'></textarea>
<br><br>
<a onclick='copyUpiUrl()' class='btn' id='btn-copy'>Copy Link</a>
<a id='whatsapp' class="btn">Share Link</a>
</div>
<form id="linkpeform">
<input type="name" name="pn" class="text-box" placeholder="Enter your name (Optional):"><br>
<input type="email" name="pa" class="text-box" placeholder="Enter UPI Id" required><br>
<input type="number" name="am" class="text-box" placeholder="INR"><br>
<button type="submit" class="btn">Submit</button>
</form>
</div>
</div>
</center>
</body>
<script>
document.querySelector("#linkpeform").addEventListener("submit",(e)=>{
e.preventDefault()
swal({
title: "Are you sure?",
text: "Once paid, you will not be able to undo it!",
icon: "warning",
buttons: true,
dangerMode:true,
})
.then((willDelete) => {
if (willDelete) {
swal("Payment Successful!", {
icon: "success",
});
} else {
swal("Your transaction failed!");
}
setTimeout(() => {
window.location.href="index.html"
}, 2000);
});
})
document.getElementById("logo").addEventListener("click",()=>{
window.location.href="index.html"
})
function summary() {
window.location.href = "review.html";
}
function payment() {
window.location.href = "payment.html";
}
function cartMain() {
window.location.href = "cart.html";
}
</script>
</html>