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

Add translations to Card Fields inputs and labelds.

Browse source
This commit is contained in:
Pedro Silva 2023-12-22 17:47:03 +00:00
parent 425b7b4a31
commit 00dfa6122b
No known key found for this signature in database
GPG key ID: E2EE20C0669D24B3
2 changed files with 39 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

32
modules/ppcp-button/resources/js/modules/Renderer/CardFieldsRenderer.js
View file

@ -55,28 +55,52 @@ class CardFieldsRenderer {
const nameField = document.getElementById('ppcp-credit-card-gateway-card-name'); const nameField = document.getElementById('ppcp-credit-card-gateway-card-name');
if (nameField) { if (nameField) {
let styles = cardFieldStyles(nameField); let styles = cardFieldStyles(nameField);
cardField.NameField({style: {'input': styles}}).render(nameField.parentNode); let fieldOptions = {
style: { 'input': styles }
}
if (nameField.getAttribute('placeholder')) {
fieldOptions.placeholder = nameField.getAttribute('placeholder');
}
cardField.NameField(fieldOptions).render(nameField.parentNode);
nameField.remove(); nameField.remove();
} }
const numberField = document.getElementById('ppcp-credit-card-gateway-card-number'); const numberField = document.getElementById('ppcp-credit-card-gateway-card-number');
if (numberField) { if (numberField) {
let styles = cardFieldStyles(numberField); let styles = cardFieldStyles(numberField);
cardField.NumberField({style: {'input': styles}}).render(numberField.parentNode); let fieldOptions = {
style: { 'input': styles }
}
if (numberField.getAttribute('placeholder')) {
fieldOptions.placeholder = numberField.getAttribute('placeholder');
}
cardField.NumberField(fieldOptions).render(numberField.parentNode);
numberField.remove(); numberField.remove();
} }
const expiryField = document.getElementById('ppcp-credit-card-gateway-card-expiry'); const expiryField = document.getElementById('ppcp-credit-card-gateway-card-expiry');
if (expiryField) { if (expiryField) {
let styles = cardFieldStyles(expiryField); let styles = cardFieldStyles(expiryField);
cardField.ExpiryField({style: {'input': styles}}).render(expiryField.parentNode); let fieldOptions = {
style: { 'input': styles }
}
if (expiryField.getAttribute('placeholder')) {
fieldOptions.placeholder = expiryField.getAttribute('placeholder');
}
cardField.ExpiryField(fieldOptions).render(expiryField.parentNode);
expiryField.remove(); expiryField.remove();
} }
const cvvField = document.getElementById('ppcp-credit-card-gateway-card-cvc'); const cvvField = document.getElementById('ppcp-credit-card-gateway-card-cvc');
if (cvvField) { if (cvvField) {
let styles = cardFieldStyles(cvvField); let styles = cardFieldStyles(cvvField);
cardField.CVVField({style: {'input': styles}}).render(cvvField.parentNode); let fieldOptions = {
style: { 'input': styles }
}
if (cvvField.getAttribute('placeholder')) {
fieldOptions.placeholder = cvvField.getAttribute('placeholder');
}
cardField.CVVField(fieldOptions).render(cvvField.parentNode);
cvvField.remove(); cvvField.remove();
} }

11
modules/ppcp-card-fields/src/CardFieldsModule.php
View file

@ -80,6 +80,17 @@ class CardFieldsModule implements ModuleInterface {
array_unshift( $default_fields, $new_field ); array_unshift( $default_fields, $new_field );
} }
if ( apply_filters( 'woocommerce_paypal_payments_card_fields_translate_card_number', true ) ) {
if ( isset( $default_fields['card-number-field'] ) ) {
// Replaces the default card number placeholder with a translatable one.
$default_fields['card-number-field'] = str_replace(
'•••• •••• •••• ••••',
esc_attr__( 'Card number', 'woocommerce-paypal-payments' ),
$default_fields['card-number-field']
);
}
}
return $default_fields; return $default_fields;
}, },
10, 10,