woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 13:44:42 +08:00
Code Issues Projects Packages Wiki Activity Actions

split up where to show the credit cards

Browse source
This commit is contained in:
David Remer 2020-04-30 16:30:23 +03:00
parent bc59efeb3c
commit 9938103edb
9 changed files with 115 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -20,15 +20,15 @@ class CreditCardRenderer {
createOrder: contextConfig.createOrder,
fields: {
number: {
selector: '#ppcp-credit-card',
selector: wrapper + ' .ppcp-credit-card',
placeholder: this.defaultConfig.hosted_fields.labels.credit_card_number,
},
cvv: {
selector: '#ppcp-cvv',
selector: wrapper + ' .ppcp-cvv',
placeholder: this.defaultConfig.hosted_fields.labels.cvv,
},
expirationDate: {
selector: '#ppcp-expiration-date',
selector: wrapper + ' .ppcp-expiration-date',
placeholder: this.defaultConfig.hosted_fields.labels.mm_yyyy,
}
}

12
modules.local/ppcp-button/resources/js/modules/Renderer/Renderer.js
View file

@ -5,7 +5,13 @@ class Renderer {
}
render(wrapper, hostedFieldsWrapper, contextConfig) {
if (this.isAlreadyRendered(wrapper)) {
this.renderButtons(wrapper, contextConfig);
this.creditCardRenderer.render(hostedFieldsWrapper, contextConfig);
}
renderButtons(wrapper, contextConfig) {
if (! document.querySelector(wrapper) || this.isAlreadyRendered(wrapper)) {
return;
}
@ -14,9 +20,7 @@ class Renderer {
style,
...contextConfig,
}).render(wrapper);
this.creditCardRenderer.render(hostedFieldsWrapper, contextConfig);
}
}
isAlreadyRendered(wrapper) {
return document.querySelector(wrapper).hasChildNodes();