Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-06-23 20:00:33 -04:00
Code Issues Packages Projects Releases Wiki Activity

Stripe: Pay with credit card

Browse Source
This commit is contained in:
Benjamin Beganović 2020-09-29 12:46:28 +02:00
parent 72f915ef0a
commit 58a3cc69a9
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/clients/payments/process.js vendored
View File

@ -39,7 +39,8 @@ class ProcessStripePayment {
this.payNowButton = payNowButton; this.payNowButton = payNowButton;
this.payNowButton.disabled = true; this.payNowButton.disabled = true;
processingOverlay(true); this.payNowButton.querySelector('svg').classList.remove('hidden');
this.payNowButton.querySelector('span').classList.add('hidden');
this.stripe this.stripe
.handleCardPayment(payNowButton.dataset.secret, { .handleCardPayment(payNowButton.dataset.secret, {
@ -58,9 +59,12 @@ class ProcessStripePayment {
let payNowButton = document.getElementById('pay-now'); let payNowButton = document.getElementById('pay-now');
this.payNowButton = payNowButton; this.payNowButton = payNowButton;
let cardHolderName = document.getElementById('cardholder-name'); this.payNowButton.disabled = true;
processingOverlay(true); this.payNowButton.querySelector('svg').classList.remove('hidden');
this.payNowButton.querySelector('span').classList.add('hidden');
let cardHolderName = document.getElementById('cardholder-name');
this.stripe this.stripe
.handleCardPayment(payNowButton.dataset.secret, this.cardElement, { .handleCardPayment(payNowButton.dataset.secret, this.cardElement, {
@ -82,8 +86,6 @@ class ProcessStripePayment {
} }
handleSuccess(result) { handleSuccess(result) {
processingOverlay(false);
document.querySelector( document.querySelector(
'input[name="gateway_response"]' 'input[name="gateway_response"]'
).value = JSON.stringify(result.paymentIntent); ).value = JSON.stringify(result.paymentIntent);
@ -107,8 +109,9 @@ class ProcessStripePayment {
errors.textContent = message; errors.textContent = message;
errors.hidden = false; errors.hidden = false;
processingOverlay(false);
this.payNowButton.disabled = false; this.payNowButton.disabled = false;
this.payNowButton.querySelector('svg').classList.add('hidden');
this.payNowButton.querySelector('span').classList.remove('hidden');
} }
handle() { handle() {

10
resources/views/portal/ninja2020/gateways/stripe/credit_card.blade.php
View File

@ -69,11 +69,11 @@
data-token="{{ $token->token }}" data-token="{{ $token->token }}"
id="pay-now-with-token" id="pay-now-with-token"
class="button button-primary inline-flex items-center"> class="button button-primary inline-flex items-center">
<svg class="hidden animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg> </svg>
{{ ctrans('texts.pay_now') }} <span>{{ __('texts.save') }}</span>
</button> </button>
</div> </div>
@else @else
@ -131,7 +131,11 @@
id="pay-now" id="pay-now"
data-secret="{{ $intent->client_secret }}" data-secret="{{ $intent->client_secret }}"
class="button button-primary"> class="button button-primary">
{{ ctrans('texts.pay_now') }} <svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
<span>{{ __('texts.save') }}</span>
</button> </button>
</div> </div>
@endif @endif