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

Add and remove class for css opacity

Browse source
This commit is contained in:
dinamiko 2021-09-14 09:28:48 +02:00
parent 05dcf5c4f4
commit ab32a20f68
2 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
modules/ppcp-button/resources/css/hosted-fields.scss
View file

@ -7,3 +7,7 @@
.payments-sdk-contingency-handler {
z-index: 1000 !important;
}
.ppcp-credit-card-gateway-form-field {
opacity: .5 !important;
}

36
modules/ppcp-button/resources/js/modules/ContextBootstrap/CheckoutBootstap.js
View file

@ -113,32 +113,32 @@ class CheckoutBootstap {
}
disableCreditCardFields() {
jQuery('label[for="ppcp-credit-card-gateway-card-number"]').css({ opacity: 0.4 })
jQuery('#ppcp-credit-card-gateway-card-number').css({ opacity: 0.4 })
jQuery('#ppcp-credit-card-gateway-card-number').attr("disabled", true);
jQuery('label[for="ppcp-credit-card-gateway-card-expiry"]').css({ opacity: 0.4 })
jQuery('#ppcp-credit-card-gateway-card-expiry').css({ opacity: 0.4 })
jQuery('label[for="ppcp-credit-card-gateway-card-number"]').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-number').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-number').attr("disabled", true)
jQuery('label[for="ppcp-credit-card-gateway-card-expiry"]').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-expiry').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-expiry').attr("disabled", true)
jQuery('label[for="ppcp-credit-card-gateway-card-cvc"]').css({ opacity: 0.4 })
jQuery('#ppcp-credit-card-gateway-card-cvc').css({ opacity: 0.4 })
jQuery('label[for="ppcp-credit-card-gateway-card-cvc"]').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-cvc').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-cvc').attr("disabled", true)
jQuery('label[for="vault"]').css({ opacity: 0.4 })
jQuery('#ppcp-credit-card-vault').css({ opacity: 0.4 })
jQuery('label[for="vault"]').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-vault').addClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-vault').attr("disabled", true)
}
enableCreditCardFields() {
jQuery('label[for="ppcp-credit-card-gateway-card-number"]').css({ opacity: 1 })
jQuery('#ppcp-credit-card-gateway-card-number').css({ opacity: 1 })
jQuery('label[for="ppcp-credit-card-gateway-card-number"]').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-number').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-number').attr("disabled", false)
jQuery('label[for="ppcp-credit-card-gateway-card-expiry"]').css({ opacity: 1 })
jQuery('#ppcp-credit-card-gateway-card-expiry').css({ opacity: 1 })
jQuery('#ppcp-credit-card-gateway-card-expiry').attr("disabled", false);
jQuery('label[for="ppcp-credit-card-gateway-card-cvc"]').css({ opacity: 1 })
jQuery('#ppcp-credit-card-gateway-card-cvc').css({ opacity: 1 })
jQuery('label[for="ppcp-credit-card-gateway-card-expiry"]').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-expiry').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-expiry').attr("disabled", false)
jQuery('label[for="ppcp-credit-card-gateway-card-cvc"]').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-cvc').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-gateway-card-cvc').attr("disabled", false)
jQuery('label[for="vault"]').css({ opacity: 1 })
jQuery('#ppcp-credit-card-vault').css({ opacity: 1 })
jQuery('label[for="vault"]').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-vault').removeClass('ppcp-credit-card-gateway-form-field')
jQuery('#ppcp-credit-card-vault').attr("disabled", false)
}
}