Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-06-19 14:34:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add back wait js

Browse Source
This commit is contained in:
David Bomba 2024-09-04 17:39:02 +10:00
parent 492577f9db
commit 3adbbea28c
4 changed files with 73 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/js/clients/payments/braintree-paypal.js vendored
View File

@ -8,6 +8,8 @@
* @license https://www.elastic.co/licensing/elastic-license * @license https://www.elastic.co/licensing/elastic-license
*/ */
import { wait, instant } from '../wait';
class BraintreePayPal { class BraintreePayPal {
initBraintreeDataCollector() { initBraintreeDataCollector() {
window.braintree.client.create({ window.braintree.client.create({
@ -86,9 +88,6 @@ class BraintreePayPal {
onApprove: function (data, actions) { onApprove: function (data, actions) {
return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) { return paypalCheckoutInstance.tokenizePayment(data).then(function (payload) {
document.querySelector('#paypal-button')?.classList.add('hidden');
document.querySelector('#paypal-spinner')?.classList.remove('hidden');
let tokenBillingCheckbox = document.querySelector( let tokenBillingCheckbox = document.querySelector(
'input[name="token-billing-checkbox"]:checked' 'input[name="token-billing-checkbox"]:checked'
); );
@ -122,4 +121,8 @@ class BraintreePayPal {
} }
} }
new BraintreePayPal().handle(); function boot() {
new BraintreePayPal().handle();
}
instant() ? boot() : wait('#braintree-paypal-payment').then(() => boot());

21
resources/js/clients/payments/eway-credit-card.js vendored
View File

@ -8,6 +8,8 @@
* @license https://www.elastic.co/licensing/elastic-license * @license https://www.elastic.co/licensing/elastic-license
*/ */
import { wait, instant } from '../wait';
class EwayRapid { class EwayRapid {
constructor() { constructor() {
this.cardStyles = this.cardStyles =
@ -431,11 +433,6 @@ class EwayRapid {
completeAuthorization(event) { completeAuthorization(event) {
event.target.parentElement.disabled = true; event.target.parentElement.disabled = true;
const button = document.getElementById('authorize-card');
button.querySelector('svg').classList.remove('hidden');
button.querySelector('span').classList.add('hidden');
document.getElementById('server-response').submit(); document.getElementById('server-response').submit();
} }
@ -488,8 +485,7 @@ class EwayRapid {
}) })
); );
if (document.getElementById('toggle-payment-with-credit-card')) if (document.getElementById('toggle-payment-with-credit-card')) {
{
document document
.getElementById('toggle-payment-with-credit-card') .getElementById('toggle-payment-with-credit-card')
.addEventListener('click', (element) => { .addEventListener('click', (element) => {
@ -503,14 +499,9 @@ class EwayRapid {
}); });
} }
const payNowButton = document.getElementById('pay-now');
document.getElementById('pay-now')?.addEventListener('click', (e) => { document.getElementById('pay-now')?.addEventListener('click', (e) => {
let tokenInput = document.querySelector('input[name=token]'); let tokenInput = document.querySelector('input[name=token]');
payNowButton.querySelector('svg').classList.remove('hidden');
payNowButton.querySelector('span').classList.add('hidden');
if (tokenInput.value) { if (tokenInput.value) {
return this.completePaymentUsingToken(e); return this.completePaymentUsingToken(e);
} }
@ -520,4 +511,8 @@ class EwayRapid {
} }
} }
new EwayRapid().handle(); function boot() {
new EwayRapid().handle();
}
instant() ? boot() : wait('#eway-credit-card-payment').then(() => boot());

31
resources/js/clients/payments/paytrace-credit-card.js vendored
View File

@ -8,6 +8,8 @@
* @license https://www.elastic.co/licensing/elastic-license * @license https://www.elastic.co/licensing/elastic-license
*/ */
import { instant, wait } from '../wait';
class PayTraceCreditCard { class PayTraceCreditCard {
constructor() { constructor() {
this.clientKey = document.querySelector( this.clientKey = document.querySelector(
@ -122,11 +124,6 @@ class PayTraceCreditCard {
} }
handlePaymentWithCreditCard(event) { handlePaymentWithCreditCard(event) {
const button = document.getElementById('pay-now');
button.querySelector('svg').classList.remove('hidden');
button.querySelector('span').classList.add('hidden');
event.target.parentElement.disabled = true; event.target.parentElement.disabled = true;
document.getElementById('errors').hidden = true; document.getElementById('errors').hidden = true;
@ -137,10 +134,6 @@ class PayTraceCreditCard {
errorsContainer.textContent = errors[0].description; errorsContainer.textContent = errors[0].description;
errorsContainer.hidden = false; errorsContainer.hidden = false;
button.querySelector('svg').classList.add('hidden');
button.querySelector('span').classList.remove('hidden');
return (event.target.parentElement.disabled = false); return (event.target.parentElement.disabled = false);
} }
@ -170,9 +163,6 @@ class PayTraceCreditCard {
).textContent = JSON.stringify(error); ).textContent = JSON.stringify(error);
document.getElementById('errors').hidden = false; document.getElementById('errors').hidden = false;
button.querySelector('svg').classList.add('hidden');
button.querySelector('span').classList.remove('hidden');
console.log(error); console.log(error);
}); });
}); });
@ -181,16 +171,11 @@ class PayTraceCreditCard {
handlePaymentWithToken(event) { handlePaymentWithToken(event) {
event.target.parentElement.disabled = true; event.target.parentElement.disabled = true;
const button = document.getElementById('pay-now');
button.querySelector('svg').classList.remove('hidden');
button.querySelector('span').classList.add('hidden');
document.getElementById('server_response').submit(); document.getElementById('server_response').submit();
} }
handle() { handle() {
Array.from( Array.from(
document.getElementsByClassName('toggle-payment-with-token') document.getElementsByClassName('toggle-payment-with-token')
).forEach((element) => ).forEach((element) =>
@ -234,7 +219,15 @@ class PayTraceCreditCard {
return this.handlePaymentWithToken(e); return this.handlePaymentWithToken(e);
}); });
if (Array.from(document.getElementsByClassName('toggle-payment-with-token')).length === 0 && !instant()) {
document.getElementById('toggle-payment-with-credit-card').click();
}
} }
} }
new PayTraceCreditCard().handle(); function boot() {
new PayTraceCreditCard().handle();
}
instant() ? boot() : wait('#paytrace-credit-card-payment').then(() => boot())

86
resources/js/clients/payments/square-credit-card.js vendored
View File

@ -8,6 +8,8 @@
* @license https://www.elastic.co/licensing/elastic-license * @license https://www.elastic.co/licensing/elastic-license
*/ */
import { wait, instant } from '../wait';
class SquareCreditCard { class SquareCreditCard {
constructor() { constructor() {
this.appId = document.querySelector('meta[name=square-appId]').content; this.appId = document.querySelector('meta[name=square-appId]').content;
@ -130,54 +132,58 @@ class SquareCreditCard {
await this.init().then(() => { await this.init().then(() => {
document document
.getElementById('authorize-card') .getElementById('authorize-card')
?.addEventListener('click', (e) => ?.addEventListener('click', (e) =>
this.completePaymentWithoutToken(e) this.completePaymentWithoutToken(e)
);
document.getElementById('pay-now')?.addEventListener('click', (e) => {
let tokenInput = document.querySelector('input[name=token]');
if (tokenInput.value) {
return this.completePaymentUsingToken(e);
}
return this.completePaymentWithoutToken(e);
});
Array.from(
document.getElementsByClassName('toggle-payment-with-token')
).forEach((element) =>
element.addEventListener('click', async (element) => {
document
.getElementById('card-container')
.classList.add('hidden');
document.getElementById('save-card--container').style.display =
'none';
document.querySelector('input[name=token]').value =
element.target.dataset.token;
})
); );
document.getElementById('pay-now')?.addEventListener('click', (e) => { document
let tokenInput = document.querySelector('input[name=token]'); .getElementById('toggle-payment-with-credit-card')
?.addEventListener('click', async (element) => {
if (tokenInput.value) { document
return this.completePaymentUsingToken(e); .getElementById('card-container')
} .classList.remove('hidden');
document.getElementById('save-card--container').style.display =
return this.completePaymentWithoutToken(e); 'grid';
}); document.querySelector('input[name=token]').value = '';
});
Array.from(
document.getElementsByClassName('toggle-payment-with-token')
).forEach((element) =>
element.addEventListener('click', async (element) => {
document
.getElementById('card-container')
.classList.add('hidden');
document.getElementById('save-card--container').style.display =
'none';
document.querySelector('input[name=token]').value =
element.target.dataset.token;
})
);
document
.getElementById('toggle-payment-with-credit-card')
?.addEventListener('click', async (element) => {
document
.getElementById('card-container')
.classList.remove('hidden');
document.getElementById('save-card--container').style.display =
'grid';
document.querySelector('input[name=token]').value = '';
});
document.getElementById('loader').classList.add('hidden'); document.getElementById('loader').classList.add('hidden');
document.getElementById('payment-list').classList.remove('hidden'); document.getElementById('payment-list').classList.remove('hidden');
document.getElementById('toggle-payment-with-credit-card')?.click(); document.getElementById('toggle-payment-with-credit-card')?.click();
}); });
} }
} }
new SquareCreditCard().handle(); function boot() {
new SquareCreditCard().handle();
}
instant() ? boot() : wait('#square-credit-card-payment').then(() => boot());