summaryrefslogtreecommitdiff
path: root/payments/index.php
diff options
context:
space:
mode:
author53hornet <atc@53hor.net>2021-12-11 11:26:18 -0500
committer53hornet <atc@53hor.net>2021-12-11 11:26:18 -0500
commit00d6a7d10f6267e437b330aa99df091bfc7c67b6 (patch)
treeb3ffb8fc4f09933ebc8ed9c90f03412250199dd8 /payments/index.php
parentde9bbfdb8f0d3b366e76a5cc775690f7315c740f (diff)
download53hor-routing.tar.xz
53hor-routing.zip
chore: organize pages and use router/renderer, organize assetsrouting
Diffstat (limited to 'payments/index.php')
-rw-r--r--payments/index.php138
1 files changed, 0 insertions, 138 deletions
diff --git a/payments/index.php b/payments/index.php
deleted file mode 100644
index cb6c58f..0000000
--- a/payments/index.php
+++ /dev/null
@@ -1,138 +0,0 @@
-<?php
-include('./includes/head.php');
-?>
-
-<!--PAYPAL-->
-<div id="smart-button-container" class="form">
- <p id="invoiceidError" class="description">Please enter an Invoice ID</p>
- <p id="descriptionError" class="description">Please enter a description</p>
- <p id="priceLabelError" class="description">Please enter a price</p>
-
- <div id="invoiceidDiv"><label for="invoiceid">Invoice ID</label>
- <input name="invoiceid" maxlength="127" type="text" id="invoiceid" value="<?php echo $_GET['invoice'] ?? ''; ?> ">
- </div>
-
- <div><label for="description">Description of services </label>
- <input type="text" name="descriptionInput" id="description" maxlength="127" value="<?php echo $_GET['desc'] ?? ''; ?> ">
- </div>
- <div><label for="amount">Amount (USD)</label>
- <input name="amountInput" type="number" id="amount" value="<?php echo $_GET['amount'] ?? ''; ?>">
- </div>
- <div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div>
-</div>
-
-<script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=USD" data-sdk-integration-source="button-factory"></script>
-
-<script>
- function initPayPalButton() {
- var description = document.querySelector('#smart-button-container #description');
- var amount = document.querySelector('#smart-button-container #amount');
- var descriptionError = document.querySelector('#smart-button-container #descriptionError');
- var priceError = document.querySelector('#smart-button-container #priceLabelError');
- var invoiceid = document.querySelector('#smart-button-container #invoiceid');
- var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
- var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');
-
- var elArr = [description, amount];
-
- if (invoiceidDiv.firstChild.innerHTML.length > 1) {
- invoiceidDiv.style.display = "block";
- }
-
- var purchase_units = [];
- purchase_units[0] = {};
- purchase_units[0].amount = {};
-
- function validate(event) {
- return event.value.length > 0;
- }
-
- // var result = elArr.every(validate);
- // if (result) {
- // actions.enable();
- // }
-
- paypal.Buttons({
- style: {
- color: 'white',
- shape: 'pill',
- label: 'pay',
- layout: 'horizontal',
-
- },
-
- onInit: function(data, actions) {
- actions.disable();
-
- if (invoiceidDiv.style.display === "block") {
- elArr.push(invoiceid);
- }
-
- elArr.forEach(function(item) {
- item.addEventListener('keyup', function(event) {
- var result = elArr.every(validate);
- if (result) {
- actions.enable();
- } else {
- actions.disable();
- }
- });
- });
- },
-
- onClick: function() {
- if (description.value.length < 1) {
- descriptionError.style.display = "block";
- } else {
- descriptionError.style.display = "none";
- }
-
- if (amount.value.length < 1) {
- priceError.style.display = "block";
- } else {
- priceError.style.display = "none";
- }
-
- if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {
- invoiceidError.style.display = "block";
- } else {
- invoiceidError.style.display = "none";
- }
-
- purchase_units[0].description = description.value;
- purchase_units[0].amount.value = amount.value;
-
- if (invoiceid.value !== '') {
- purchase_units[0].invoice_id = invoiceid.value;
- }
- },
-
- createOrder: function(data, actions) {
- return actions.order.create({
- purchase_units: purchase_units,
- });
- },
-
- onApprove: function(data, actions) {
- return actions.order.capture().then(function(orderData) {
-
- // Full available details
- console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));
-
- // Show a success message within this page, e.g.
- const element = document.getElementById('paypal-button-container');
- element.innerHTML = '';
- element.innerHTML = '<h3>Thank you for your payment!</h3>';
-
- // Or go to another URL: actions.redirect('thank_you.html');
-
- });
- },
-
- onError: function(err) {
- console.log(err);
- }
- }).render('#paypal-button-container');
- }
- initPayPalButton();
-</script>