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 11

Add GooglePay button preview reactiveness to settings.

Browse source
This commit is contained in:
Pedro Silva 2023-09-21 15:46:20 +01:00
parent 08d8cded5b
commit fd156024d2
No known key found for this signature in database
GPG key ID: E2EE20C0669D24B3
1 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

31
modules/ppcp-googlepay/resources/js/boot-admin.js
View file

@ -9,8 +9,10 @@ import widgetBuilder from "../../../ppcp-button/resources/js/modules/Renderer/Wi
let googlePayConfig; let googlePayConfig;
let buttonQueue = []; let buttonQueue = [];
let activeButtons = {};
let bootstrapped = false; let bootstrapped = false;
// React to PayPal config changes.
jQuery(document).on('ppcp_paypal_render_preview', (ev, ppcpConfig) => { jQuery(document).on('ppcp_paypal_render_preview', (ev, ppcpConfig) => {
if (bootstrapped) { if (bootstrapped) {
createButton(ppcpConfig); createButton(ppcpConfig);
@ -21,11 +23,38 @@ import widgetBuilder from "../../../ppcp-button/resources/js/modules/Renderer/Wi
} }
}); });
// React to GooglePay config changes.
jQuery([
'#ppcp-googlepay_button_enabled',
'#ppcp-googlepay_button_type',
'#ppcp-googlepay_button_color',
'#ppcp-googlepay_button_language',
'#ppcp-googlepay_button_shipping_enabled'
].join(',')).on('change', () => {
for (const [selector, ppcpConfig] of Object.entries(activeButtons)) {
createButton(ppcpConfig);
}
});
const applyConfigOptions = function (buttonConfig) {
buttonConfig.button = buttonConfig.button || {};
buttonConfig.button.style = buttonConfig.button.style || {};
buttonConfig.button.style.type = jQuery('#ppcp-googlepay_button_type').val();
buttonConfig.button.style.color = jQuery('#ppcp-googlepay_button_color').val();
buttonConfig.button.style.language = jQuery('#ppcp-googlepay_button_language').val();
}
const createButton = function (ppcpConfig) { const createButton = function (ppcpConfig) {
const selector = ppcpConfig.button.wrapper + 'GooglePay'; const selector = ppcpConfig.button.wrapper + 'GooglePay';
if (!jQuery('#ppcp-googlepay_button_enabled').is(':checked')) {
jQuery(selector).remove();
return;
}
buttonConfig = JSON.parse(JSON.stringify(buttonConfig)); buttonConfig = JSON.parse(JSON.stringify(buttonConfig));
buttonConfig.button.wrapper = selector; buttonConfig.button.wrapper = selector;
applyConfigOptions(buttonConfig);
const wrapperElement = `<div id="${selector.replace('#', '')}" class="ppcp-button-googlepay"></div>`; const wrapperElement = `<div id="${selector.replace('#', '')}" class="ppcp-button-googlepay"></div>`;
@ -43,6 +72,8 @@ import widgetBuilder from "../../../ppcp-button/resources/js/modules/Renderer/Wi
); );
button.init(googlePayConfig); button.init(googlePayConfig);
activeButtons[selector] = ppcpConfig;
} }
const bootstrap = async function () { const bootstrap = async function () {