Skip to content

Commit

Permalink
added payment gateway
Browse files Browse the repository at this point in the history
  • Loading branch information
Aadarsh-Raj committed Dec 3, 2023
1 parent 2c88953 commit ef945d8
Show file tree
Hide file tree
Showing 4 changed files with 132 additions and 38 deletions.
49 changes: 16 additions & 33 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,12 +11,13 @@
href="https://scalebranding.com/wp-content/uploads/2022/02/Thunder-Lion-Energy-Logo.jpg"
/>
<script defer src="script.js"></script>
<script defer src="payment.js"></script>
<!-- <script type="module" defer src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script defer src="payment.js"></script> -->
</head>
<body>
<main class="main">
<header class="header">
<div class="logo">Arya Funds</div>
<div class="logo"></div>
<div class="nav">
<a href="#">Home</a>
<a href="#donation-container">Donations</a>
Expand Down Expand Up @@ -51,7 +52,7 @@
<h1>
"Contribute to the betterment of humanity through your donation..."
</h1>

<div class="card-container">
<div class="card-item">
<div class="card-upper">
Expand All @@ -64,11 +65,11 @@ <h1>
<h2>Universal Welfare Fund</h2>
<p>Support a versatile fund addressing diverse welfare needs.</p>
<button type="button" class="donate-btn">
<a href="#user-form-container">
<a href="https://rzp.io/l/E0eq2UxU5P" onclick="updateURL('user?Payment')">
<img
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
</a>
</button>
</div>
Expand All @@ -85,11 +86,11 @@ <h2>Universal Welfare Fund</h2>
<h2>Education Enrichment Fund</h2>
<p>Empower underprivileged students with quality education..</p>
<button type="button" class="donate-btn">
<a href="#user-form-container">
<a href="https://rzp.io/l/E0eq2UxU5P" onclick="updateURL('user?Payment')">
<img
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
</a>
</button>
</div>
Expand All @@ -109,34 +110,16 @@ <h2>Nutrition Sustenance Initiative</h2>
Sustenance Initiative..
</p>
<button type="button" class="donate-btn">
<a href="#user-form-container">
<a href="https://rzp.io/l/E0eq2UxU5P">
<img
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
src="https://razorpay.com/unfiltered-content/uploads/2020/08/Screenshot-2020-08-10-at-2.12.45-PM.png"
alt=""
/>
</a>
</button>
</div>
</div>
<div class="user-form-container" id="user-form-container">
<div class="top">
<div class="top-left">Amount Details</div>
<div class="top-right">X</div>
</div>
<div class="mid">
<img
src="data:image/png;base64,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"
alt=""
/>Pay Easy
</div>
<form action="" class="form">
<label for="">Amount (₹)</label>
<input type="number" name="" id="" placeholder="Enter a value" />
<input type="submit" class="submit-btn" />
</form>
</div>
</div>

</section>

<footer class="footer" id="about">
Expand Down
111 changes: 111 additions & 0 deletions payment.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
// const form = document.querySelector("form");

// var options = {
// "key": "rzp_test_KMSATkL0yiCOMy", // Enter the Key ID generated from the Dashboard
// "amount": "50000", // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
// "currency": "INR",
// "name": "Acme Corp", //your business name
// "description": "Test Transaction",
// "image": "https://example.com/your_logo",
// "order_id": "order_9A33XWu170gUtm", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
// "handler": function (response){
// alert(response.razorpay_payment_id);
// alert(response.razorpay_order_id);
// alert(response.razorpay_signature)
// },
// "prefill": { //We recommend using the prefill parameter to auto-fill customer's contact information, especially their phone number
// "name": "Aadarsh Raj", //your customer's name
// "email": "[email protected]",
// "contact": "+916205076274" //Provide the customer's phone number for better conversion rates
// },
// "notes": {
// "address": "Razorpay Corporate Office"
// },
// "theme": {
// "color": "#3399cc"
// }
// }

// document.getElementById('rzp-button1').onclick = function(e){
// rzp1.open();
// e.preventDefault();
// }

// form.addEventListener("keyup", async (e) => {
// const amount = form.children[1].value;
// var options = {
// key: "rzp_test_KMSATkL0yiCOMy", // Enter the Key ID generated from the Dashboard
// amount: amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
// currency: "INR",
// name: "Acme Corp", //your business name
// description: "Test Transaction",
// image: "https://example.com/your_logo",
// order_id: "order_9A33XWu170gUtm", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
// callback_url: "https://eneqd3r9zrjok.x.pipedream.net/",
// prefill: {
// //We recommend using the prefill parameter to auto-fill customer's contact information especially their phone number
// name: "Aadarsh Raj", //your customer's name
// email: "[email protected]",
// contact: "6205076274", //Provide the customer's phone number for better conversion rates
// },
// notes: {
// address: "Razorpay Corporate Office",
// },
// theme: {
// color: "#3399cc",
// },
// };
// var rzp1 = new Razorpay(options);
// document.getElementById("rzp-button1").onclick = function (e) {
// rzp1.open();
// e.preventDefault();
// };
// rzp1.on("payment.failed", function (response) {
// alert(response.error.code);
// alert(response.error.description);
// alert(response.error.source);
// alert(response.error.step);
// alert(response.error.reason);
// alert(response.error.metadata.order_id);
// alert(response.error.metadata.payment_id);
// });
// try {
// const user = {
// razorpay_payment_id: "pay_29QQoUBi66xm2f",
// razorpay_order_id: "order_9A33XWu170gUtm",
// razorpay_signature:
// "9ef4dffbfd84f1318f6739a3ce19f9d85851857ae648f114332d8401e0949a3d",
// };
// generated_signature =user[razorpay_order_id]+ "|" + user[razorpay_payment_id],
// secret;

// var instance = new Razorpay({
// key_id: "rzp_test_KMSATkL0yiCOMy",
// key_secret: "5jkLJ3oTM1crFcpOUK97ieNJ",
// });

// var {
// validatePaymentVerification,
// validateWebhookSignature,
// } = require("./dist/utils/razorpay-utils");
// validatePaymentVerification(
// { order_id: razorpayOrderId, payment_id: razorpayPaymentId },
// signature,
// secret
// );
// } catch (error) {
// console.log("new error",error);
// }
// });


// https://rzp.io/l/E0eq2UxU5P

// const apiCall = async ()=>{
// try {
// const response = await fetch("https://dashboard.razorpay.com/app/paymentpages/pl_N7ouTQRwddjiIh/edit");
// console.log(response);
// } catch (error) {
// console.log(error);
// }
// }
8 changes: 4 additions & 4 deletions script.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@ const formContainer = document.querySelector(".user-form-container");

const closeFormContainer = document.querySelector(".top-right");
const donateBtn = document.querySelectorAll(".donate-btn");
closeFormContainer.addEventListener("click", ()=>{
formContainer.style.display = "none";
})
// closeFormContainer.addEventListener("click", ()=>{
// formContainer.style.display = "none";
// })
const logoAnime = () =>{
const logotxt = "Arya Funds"
const logotxt = "ARYA Funds"
logo.innerText = "";
let index = 0;

Expand Down
2 changes: 1 addition & 1 deletion style.css
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ a {
font-size: 2rem;
font-weight: bold;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
width: 12%;
width: 14%;
color: rgba(255, 255, 255, 0.548);
}
.nav {
Expand Down

0 comments on commit ef945d8

Please sign in to comment.