mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Show name field, when payment could fail
This commit is contained in:
parent
6750230bf0
commit
936451b73e
16
resources/js/clients/payments/stripe-klarna.js
vendored
16
resources/js/clients/payments/stripe-klarna.js
vendored
@ -46,17 +46,25 @@ class ProcessKlarna {
|
||||
handle = () => {
|
||||
document.getElementById('pay-now').addEventListener('click', (e) => {
|
||||
let errors = document.getElementById('errors');
|
||||
|
||||
let name = document.querySelector('meta[name=name]').content;
|
||||
if (! "/^[A-Za-z\s]*$/".test(name)){
|
||||
document.getElementById('klarna-name').textContent = name.replace("/^[A-Za-z\s]*$/", "")
|
||||
document.getElementById('klarna-name').focus();
|
||||
errors.textContent = document.querySelector(
|
||||
'meta[name=translation-email-required]'
|
||||
).content;
|
||||
errors.hidden = false;
|
||||
}
|
||||
else {
|
||||
document.getElementById('pay-now').disabled = true;
|
||||
document.querySelector('#pay-now > svg').classList.remove('hidden');
|
||||
document.querySelector('#pay-now > span').classList.add('hidden');
|
||||
|
||||
this.stripe.confirmKlarnaPayment(
|
||||
document.querySelector('meta[name=pi-client-secret').content,
|
||||
{
|
||||
payment_method: {
|
||||
billing_details: {
|
||||
name: document.querySelector('meta[name=name]').content.replace(",", ""),
|
||||
name: name,
|
||||
email: document.querySelector('meta[name=email]').content,
|
||||
address: {
|
||||
line1: document.querySelector('meta[name=address-1]').content,
|
||||
@ -77,7 +85,7 @@ class ProcessKlarna {
|
||||
return this.handleError(result.error.message);
|
||||
}
|
||||
|
||||
});
|
||||
});}
|
||||
});
|
||||
};
|
||||
}
|
||||
|
@ -0,0 +1,8 @@
|
||||
<div id="stripe--payment-container">
|
||||
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.name')])
|
||||
<div class="form-group mb-[10px]">
|
||||
<input class="input w-full" id="klarna-name" type="text" placeholder="{{ ctrans('texts.bank_account_holder') }}" value="{{ $gateway->client->present()->name()}}" hidden>
|
||||
</div>
|
||||
|
||||
@endcomponent
|
||||
</div>
|
@ -19,6 +19,7 @@
|
||||
<meta name="state" content="{{ $gateway->client->state }}">
|
||||
<meta name="plz" content="{{ $gateway->client->postal_code }}">
|
||||
<meta name="pi-client-secret" content="{{ $pi_client_secret }}">
|
||||
<meta name="translation-name-without-special-characters" content="{{ ctrans('texts.name_without_special_characters') }}">
|
||||
@endsection
|
||||
|
||||
@section('gateway_content')
|
||||
@ -29,6 +30,7 @@
|
||||
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.payment_type')])
|
||||
{{ ctrans('texts.klarna') }} ({{ ctrans('texts.bank_transfer') }})
|
||||
@endcomponent
|
||||
@include('portal.ninja2020.gateways.stripe.klarna.klarna')
|
||||
@include('portal.ninja2020.gateways.includes.pay_now')
|
||||
@endsection
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user