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

fix button toggle, which was prevented from the general checkbox change handler

Browse source
This commit is contained in:
David Remer 2020-09-24 13:40:43 +03:00
parent 6d8b6bf693
commit b41e760df6
1 changed files with 12 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

32
modules/ppcp-onboarding/assets/js/onboarding.js
View file

@ -38,6 +38,9 @@ function onboardingCallback(authCode, sharedId) {
*/
const checkBoxOnClick = (event) => {
const value = event.target.checked;
if (event.target.getAttribute('id') === 'ppcp-sandbox_on') {
toggleConnectButtons(! value);
}
event.preventDefault();
event.stopPropagation();
setTimeout( () => {
@ -46,31 +49,20 @@ const checkBoxOnClick = (event) => {
);
}
const sandboxSwitch = (element) => {
const toggleConnectButtons = (showProduction) => {
if (showProduction) {
document.querySelector('#connect-to-production').style.display = '';
document.querySelector('#connect-to-sandbox').style.display = 'none';
return;
}
document.querySelector('#connect-to-production').style.display = 'none';
document.querySelector('#connect-to-sandbox').style.display = '';
const toggleConnectButtons = (showProduction) => {
if (showProduction) {
document.querySelector('#connect-to-production').style.display = '';
document.querySelector('#connect-to-sandbox').style.display = 'none';
return;
}
toggleConnectButtons(! element.checked);
element.addEventListener(
'change',
(event) => {
toggleConnectButtons(! element.checked);
}
);
};
document.querySelector('#connect-to-production').style.display = 'none';
document.querySelector('#connect-to-sandbox').style.display = '';
}
(() => {
const sandboxSwitchElement = document.querySelector('#ppcp-sandbox_on');
if (sandboxSwitchElement) {
sandboxSwitch(sandboxSwitchElement);
toggleConnectButtons(! sandboxSwitchElement.checked);
}
document.querySelectorAll('#mainform input[type="checkbox"]').forEach(