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

fix buttons on checkout

Browse source
This commit is contained in:
David Remer 2020-04-09 09:06:37 +03:00
parent 8ff6ba320e
commit a6eb731590
3 changed files with 26 additions and 626 deletions
Download patch file Download diff file Expand all files Collapse all files

600
modules.local/ppcp-button/assets/js/button.js
View file

File diff suppressed because one or more lines are too long

2
modules.local/ppcp-button/assets/js/button.js.map
View file

File diff suppressed because one or more lines are too long

50
modules.local/ppcp-button/resources/js/button.js
View file

@ -29,32 +29,6 @@ const bootstrap = ()=> {
renderer.render(defaultConfigurator.configuration())
} );
// Configure checkout buttons
jQuery( document.body ).on( 'updated_checkout', () => {
if (document.querySelector(PayPalCommerceGateway.button.cancel_wrapper)) {
return;
}
const renderer = new Renderer(
PayPalCommerceGateway.button.wrapper
);
renderer.render(defaultConfigurator.configuration());
jQuery( document.body ).trigger( 'payment_method_selected' )
} );
jQuery( document.body ).on( 'payment_method_selected', () => {
// TODO: replace this dirty check, possible create a separate context config
const currentPaymentMethod = jQuery('input[name="payment_method"]:checked').val();
if (currentPaymentMethod !== 'ppcp-gateway') {
jQuery(PayPalCommerceGateway.button.wrapper).hide();
jQuery('#place_order').show();
} else {
jQuery(PayPalCommerceGateway.button.wrapper).show();
jQuery('#place_order').hide();
}
} );
// Configure context buttons
if (! document.querySelector(PayPalCommerceGateway.button.wrapper)) {
return;
@ -87,6 +61,30 @@ const bootstrap = ()=> {
renderer.render(configurator.configuration())
});
}
if (context === 'checkout' ) {
configurator = defaultConfigurator;
if (!document.querySelector(PayPalCommerceGateway.button.cancel_wrapper)) {
const toggleButtons = () => {
const currentPaymentMethod = jQuery('input[name="payment_method"]:checked').val();
if (currentPaymentMethod !== 'ppcp-gateway') {
renderer.hideButtons();
jQuery('#place_order').show();
} else {
renderer.showButtons();
jQuery('#place_order').hide();
}
}
jQuery(document.body).on('updated_checkout', () => {
renderer.render(defaultConfigurator.configuration());
jQuery(document.body).trigger('payment_method_selected')
});
jQuery(document.body).on('payment_method_selected', toggleButtons );
toggleButtons();
}
}
if (! configurator) {
console.error('No context for button found.');
return;