-
Notifications
You must be signed in to change notification settings - Fork 0
/
payment-widget.js
70 lines (61 loc) · 2.18 KB
/
payment-widget.js
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
const PaySwift = {
setup: function (config) {
console.log('PaySwift.setup called with config:', config);
return {
openIframe: function () {
var email = config.email;
var amount = config.amount;
openPaymentInfoPopup(email, amount);
},
// Add more methods as needed
};
}
};
function openPaymentInfoPopup(email, amount) {
var overlay = document.createElement('div');
overlay.className = 'overlay';
document.body.appendChild(overlay);
var popupContent = `
<div id="paymentInfoPopup" class="payment-info-popup">
<div class="popup-header">
<h2>Payment Information</h2>
</div>
<div class="popup-body">
<p>Email: ${email}</p>
<p>Amount: ${amount}</p>
<div class="atm-pin-container">
<label for="atmPin">ATM PIN:</label>
<input type="password" id="atmPin" required>
</div>
</div>
<div class="popup-footer">
<button id="submitPaymentBtn">Submit Payment</button>
</div>
</div>
`;
var popup = document.createElement('div');
popup.id = 'paymentInfoPopup';
popup.style.display = 'none';
popup.style.position = 'fixed';
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)';
popup.style.backgroundColor = '#fff';
popup.style.padding = '20px';
popup.style.border = '1px solid #ccc';
popup.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.3)';
popup.style.zIndex = '100';
popup.innerHTML = popupContent;
document.body.appendChild(popup);
overlay.style.display = 'block';
popup.style.display = 'block';
// Use event listener instead of inline HTML attribute
document.getElementById('submitPaymentBtn').addEventListener('click', function () {
submitPayment();
});
}
function submitPayment() {
var atmPin = document.getElementById('atmPin').value;
console.log('Submitting payment with ATM PIN:', atmPin);
// Add logic to handle payment submission
}