48 lines
1.7 KiB
JavaScript
48 lines
1.7 KiB
JavaScript
|
/*------------------------------
|
||
|
|
Razorpay Intergration
|
||
|
|
--------------------------------*/
|
||
|
|
var logo = document.getElementById('logo');
|
||
|
|
var options = {
|
||
|
|
"key": $('#razorpayId').val(), // Enter the Key ID generated from the Dashboard
|
||
|
|
"amount": $('#amount')
|
||
|
|
.val(), // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
|
||
|
|
"currency": $('#currency').val(),
|
||
|
|
"name": $('#name').val(),
|
||
|
|
"description": $('#description').val(),
|
||
|
|
"image": logo, // You can give your logo url
|
||
|
|
"order_id": $('#orderId')
|
||
|
|
.val(), //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
|
||
|
|
"handler": function (response) {
|
||
|
|
// After payment successfully made response will come here
|
||
|
|
// send this response to Controller for update the payment response
|
||
|
|
// Create a form for send this data
|
||
|
|
// Set the data in form
|
||
|
|
document.getElementById('rzp_paymentid').value = response.razorpay_payment_id;
|
||
|
|
document.getElementById('rzp_orderid').value = response.razorpay_order_id;
|
||
|
|
document.getElementById('rzp_signature').value = response.razorpay_signature;
|
||
|
|
|
||
|
|
// // Let's submit the form automatically
|
||
|
|
document.getElementById('rzp-paymentresponse').click();
|
||
|
|
},
|
||
|
|
"prefill": {
|
||
|
|
"name": $('#name').val(),
|
||
|
|
"email": $('#email').val(),
|
||
|
|
"contact": $('#contactNumber').val()
|
||
|
|
},
|
||
|
|
"notes": {
|
||
|
|
"address": $('#address').val()
|
||
|
|
},
|
||
|
|
"theme": {
|
||
|
|
"color": "#F37254"
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var rzp1 = new Razorpay(options);
|
||
|
|
window.onload = function () {
|
||
|
|
document.getElementById('rzp-button1').click();
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementById('rzp-button1').onclick = function (e) {
|
||
|
|
rzp1.open();
|
||
|
|
e.preventDefault();
|
||
|
|
}
|