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

Refactoring AXO module

Browse source
This commit is contained in:
Pedro Silva 2024-03-08 17:41:21 +00:00
parent 039cc53f40
commit 795c1fdcd6
No known key found for this signature in database
GPG key ID: E2EE20C0669D24B3
8 changed files with 365 additions and 311 deletions
Download patch file Download diff file Expand all files Collapse all files

74
modules/ppcp-axo/resources/js/Views/CardView.js Normal file
View file

@ -0,0 +1,74 @@
import FormFieldGroup from "../Helper/FormFieldGroup";
class CardView {
constructor(selector, manager) {
this.manager = manager;
this.cardFormFields = new FormFieldGroup({
baseSelector: '.ppcp-axo-payment-container',
contentSelector: selector,
template: (data) => {
const selectOtherPaymentMethod = () => {
if (!this.manager.hideGatewaySelection) {
return '';
}
return `<p style="margin-top: 40px; text-align: center;"><a href="javascript:void(0)" data-ppcp-axo-show-gateway-selection>Select other payment method</a></p>`;
};
if (data.isEmpty()) {
return `
<div style="margin-bottom: 20px; text-align: center;">
<div>Please fill in your card details.</div>
<h4><a href="javascript:void(0)" data-ppcp-axo-change-card>Edit</a></h4>
${selectOtherPaymentMethod()}
</div>
`;
}
return `
<div style="margin-bottom: 20px;">
<h3>Card Details <a href="javascript:void(0)" data-ppcp-axo-change-card>Edit</a></h3>
<div>${data.value('name')}</div>
<div>${data.value('brand')}</div>
<div>${data.value('lastDigits') ? '************' + data.value('lastDigits'): ''}</div>
<div>${data.value('expiry')}</div>
${selectOtherPaymentMethod()}
</div>
`;
},
fields: {
brand: {
'valuePath': 'card.paymentSource.card.brand',
},
expiry: {
'valuePath': 'card.paymentSource.card.expiry',
},
lastDigits: {
'valuePath': 'card.paymentSource.card.lastDigits',
},
name: {
'valuePath': 'card.paymentSource.card.name',
},
}
});
}
activate() {
this.cardFormFields.activate();
}
deactivate() {
this.cardFormFields.deactivate();
}
refresh() {
this.cardFormFields.refresh();
}
setData(data) {
this.cardFormFields.setData(data);
}
}
export default CardView;