woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

Use hosted fields button wrapper instead of checkout form to add the attribute

Browse source
This commit is contained in:
dinamiko 2022-02-21 17:11:56 +01:00
parent ef99e53d6a
commit 635838c636
1 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

26
modules/ppcp-button/resources/js/modules/Renderer/CreditCardRenderer.js
View file

@ -9,7 +9,6 @@ class CreditCardRenderer {
this.cardValid = false;
this.formValid = false;
this.currentHostedFieldsInstance = null;
this.formSubmissionSubscribed = false;
}
render(wrapper, contextConfig) {
@ -122,18 +121,17 @@ class CreditCardRenderer {
});
const checkoutForm = document.forms.checkout;
if(checkoutForm.getAttribute('data-ppcp-subscribed') !== true) {
document.querySelector(wrapper + ' button').addEventListener(
'click',
event => {
event.preventDefault();
this._submit(contextConfig);
}
);
if (document.querySelector(wrapper).getAttribute('data-ppcp-subscribed') !== true) {
document.querySelector(wrapper + ' button').addEventListener(
'click',
event => {
event.preventDefault();
this._submit(contextConfig);
}
);
checkoutForm.setAttribute('data-ppcp-subscribed', true);
}
document.querySelector(wrapper).setAttribute('data-ppcp-subscribed', true);
}
});
document.querySelector('#payment_method_ppcp-credit-card-gateway').addEventListener(
@ -145,7 +143,7 @@ class CreditCardRenderer {
}
disableFields() {
if( this.currentHostedFieldsInstance) {
if (this.currentHostedFieldsInstance) {
this.currentHostedFieldsInstance.setAttribute({
field: 'number',
attribute: 'disabled'
@ -162,7 +160,7 @@ class CreditCardRenderer {
}
enableFields() {
if( this.currentHostedFieldsInstance) {
if (this.currentHostedFieldsInstance) {
this.currentHostedFieldsInstance.removeAttribute({
field: 'number',
attribute: 'disabled'