payunitjs-test
Version:
PayUnit is Seven's Payment aggregator created @SevenGroups by SevenGPS Core Engineers and tested by Silicon Valley professionals and Google experts
58 lines (55 loc) • 1.74 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PayUnit Stripe Payment</title>
<link rel="stylesheet" href="./payunitStripe.css" />
<script src="https://js.stripe.com/v3/"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?version=3.52.1&features=fetch"></script>
</head>
<body>
<!-- STRIPE THINGS HERE -->
<!-- Display a payment form -->
<form id="payment-form">
<div class="payunit-container">
<div class="logo-container">
<img src="./SevenPaylogobig.png" alt="" srcset="" />
<div class="brand-name">
<span>PayUnit Card Payment</span>
</div>
</div>
</div>
<div id="card-element"><!--Stripe.js injects the Card Element--></div>
<div id="stripe-button">
<button
id="submit"
class="pay"
>
<div class="spinner hidden" id="spinner"></div>
<span id="button-text">Pay</span>
</button>
<button
type="button"
*ngIf="paymentError"
id="submit"
class="cancel"
>
<span id="button-text">Cancel</span>
</button>
</div>
<p id="card-error" role="alert"></p>
<p class="result-message hidden">
Payment successful, see the result in your
<a href="https://app-payunit.sevengps.net/#/" target="_blank"
>Payunit Dashboard.</a
>
Thanks for using PayUnit
</p>
</form>
<script type="module">
import * as sp from "./payment.js";
sp.stripePaymentHandler(window.location.href);
</script>
</body>
</html>