This commit is contained in:
Benjamin Beganović 2021-07-23 11:38:49 +02:00 committed by GitHub
parent ab3025dfaa
commit 8da8bb9b65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,10 +1,12 @@
@extends('portal.ninja2020.layout.payments', ['gateway_title' => ctrans('texts.credit_card'), 'card_title' => ctrans('texts.credit_card')]) @extends('portal.ninja2020.layout.payments', ['gateway_title' => ctrans('texts.credit_card'), 'card_title' =>
ctrans('texts.credit_card')])
@section('gateway_head') @section('gateway_head')
@endsection @endsection
@section('gateway_content') @section('gateway_content')
<form action="{{ route('client.payment_methods.store', ['method' => App\Models\GatewayType::CREDIT_CARD]) }}" method="post" id="payment_form"> <form action="{{ route('client.payment_methods.store', ['method' => App\Models\GatewayType::CREDIT_CARD]) }}"
method="post" id="payment_form">
<input type="hidden" id="securefieldcode" name="SecuredCardData" value="" /> <input type="hidden" id="securefieldcode" name="SecuredCardData" value="" />
@ -21,15 +23,9 @@
@include('portal.ninja2020.gateways.eway.includes.credit_card') @include('portal.ninja2020.gateways.eway.includes.credit_card')
<div class="bg-white px-4 py-5 flex justify-end"> @component('portal.ninja2020.gateways.includes.pay_now', ['id' => 'authorize-card'])
<button {{ ctrans('texts.add_payment_method') }}
type="submit" @endcomponent
id="{{ $id ?? 'pay-now' }}"
class="button button-primary bg-primary {{ $class ?? '' }}">
<span>{{ ctrans('texts.add_payment_method') }}</span>
</button>
</div>
</form> </form>
@endsection @endsection
@ -38,29 +34,31 @@
<script src="https://secure.ewaypayments.com/scripts/eWAY.min.js" data-init="false"></script> <script src="https://secure.ewaypayments.com/scripts/eWAY.min.js" data-init="false"></script>
<script type="text/javascript"> <script type="text/javascript">
var publicApiKey = "{{ $public_api_key }}"; let publicApiKey = "{{ $public_api_key }}";
let fieldStyles = "line-height: 1; height: 28px; border: 1px solid #AAA; color: #000; padding: 2px;";
var fieldStyles = "line-height: 1; height: 28px; border: 1px solid #AAA; color: #000; padding: 2px;"; let nameFieldConfig = {
var nameFieldConfig = {
publicApiKey: publicApiKey, publicApiKey: publicApiKey,
fieldDivId: "eway-secure-field-name", fieldDivId: "eway-secure-field-name",
fieldType: "name", fieldType: "name",
styles: fieldStyles styles: fieldStyles
}; };
var cardFieldConfig = {
let cardFieldConfig = {
publicApiKey: publicApiKey, publicApiKey: publicApiKey,
fieldDivId: "eway-secure-field-card", fieldDivId: "eway-secure-field-card",
fieldType: "card", fieldType: "card",
styles: fieldStyles styles: fieldStyles
}; };
var expiryFieldConfig = {
let expiryFieldConfig = {
publicApiKey: publicApiKey, publicApiKey: publicApiKey,
fieldDivId: "eway-secure-field-expiry", fieldDivId: "eway-secure-field-expiry",
fieldType: "expiry", fieldType: "expiry",
styles: fieldStyles styles: fieldStyles
}; };
var cvnFieldConfig = {
let cvnFieldConfig = {
publicApiKey: publicApiKey, publicApiKey: publicApiKey,
fieldDivId: "eway-secure-field-cvn", fieldDivId: "eway-secure-field-cvn",
fieldType: "cvn", fieldType: "cvn",
@ -72,28 +70,24 @@
console.log(event.errors); console.log(event.errors);
} else { } else {
// set the hidden Secure Field Code field // set the hidden Secure Field Code field
var s = document.getElementById("securefieldcode"); let s = document.getElementById("securefieldcode");
s.value = event.secureFieldCode s.value = event.secureFieldCode
console.log(s.value); console.log(s.value);
} }
} }
document.addEventListener('DOMContentLoaded', () => {
window.onload = function () {
eWAY.setupSecureField(nameFieldConfig, secureFieldCallback); eWAY.setupSecureField(nameFieldConfig, secureFieldCallback);
eWAY.setupSecureField(cardFieldConfig, secureFieldCallback); eWAY.setupSecureField(cardFieldConfig, secureFieldCallback);
eWAY.setupSecureField(expiryFieldConfig, secureFieldCallback); eWAY.setupSecureField(expiryFieldConfig, secureFieldCallback);
eWAY.setupSecureField(cvnFieldConfig, secureFieldCallback); eWAY.setupSecureField(cvnFieldConfig, secureFieldCallback);
};
let payNow = document.getElementById('pay-now');
payNow.addEventListener('click', () => {
console.log("click");
document.getElementById('server_response').submit();
}); });
document
.getElementById('authorize-card')
.addEventListener('click', () => {
console.log('Clicked..');
// document.getElementById('server_response').submit();
});
</script> </script>
@endsection @endsection