enqueue styles for dcc logos in frontend

This commit is contained in:
David Remer 2020-09-18 15:38:38 +03:00
parent 70a1da4671
commit 1f5bf7e579
3 changed files with 29 additions and 9 deletions

View file

@ -0,0 +1,5 @@
.ppcp-card-icon {
margin: 0 3px;
max-height: 25px;
display: inline-block;
}

View file

@ -321,6 +321,14 @@ class SmartButton implements SmartButtonInterface {
$load_script = true; $load_script = true;
} }
if ( is_checkout() && $this->can_render_dcc() ) {
wp_enqueue_style(
'ppcp-hosted-fields',
$this->module_url . '/assets/css/hosted-fields.css',
array(),
1
);
}
if ( $load_script ) { if ( $load_script ) {
wp_enqueue_script( wp_enqueue_script(
'ppcp-smart-button', 'ppcp-smart-button',
@ -459,17 +467,23 @@ class SmartButton implements SmartButtonInterface {
} }
/** /**
* Renders the HTML for the DCC fields. * Whether DCC fields can be rendered.
* *
* @throws \WooCommerce\PayPalCommerce\WcGateway\Exception\NotFoundException When a setting hasnt been found. * @return bool
* @throws \WooCommerce\PayPalCommerce\WcGateway\Exception\NotFoundException When a setting was not found.
*/
private function can_render_dcc() : bool {
return $this->settings->has( 'dcc_enabled' ) && $this->settings->get( 'dcc_enabled' ) && $this->settings->has( 'client_id' ) && $this->settings->get( 'client_id' ) && $this->dcc_applies->for_country_currency();
}
/**
* Renders the HTML for the DCC fields.
*/ */
public function dcc_renderer() { public function dcc_renderer() {
$id = 'ppcp-hosted-fields'; $id = 'ppcp-hosted-fields';
$can_render_dcc = $this->dcc_applies->for_country_currency() if ( ! $this->can_render_dcc() ) {
&& $this->settings->has( 'client_id' )
&& $this->settings->get( 'client_id' );
if ( ! $can_render_dcc ) {
return; return;
} }
@ -489,7 +503,7 @@ class SmartButton implements SmartButtonInterface {
) : ''; ) : '';
printf( printf(
'<div id="%1$s"> '<div id="%1$s" style="display:none;">
<button class="button alt">%6$s</button> <button class="button alt">%6$s</button>
</div><div id="payments-sdk__contingency-lightbox"></div><style id="ppcp-hide-dcc">.payment_method_ppcp-credit-card-gateway {display:none;}</style>', </div><div id="payments-sdk__contingency-lightbox"></div><style id="ppcp-hide-dcc">.payment_method_ppcp-credit-card-gateway {display:none;}</style>',
esc_attr( $id ), esc_attr( $id ),

View file

@ -6,7 +6,8 @@ module.exports = {
mode: isProduction ? 'production' : 'development', mode: isProduction ? 'production' : 'development',
target: 'web', target: 'web',
entry: { entry: {
button: path.resolve('./resources/js/button.js') button: path.resolve('./resources/js/button.js'),
"hosted-fields": path.resolve('./resources/css/hosted-fields.scss')
}, },
output: { output: {
path: path.resolve(__dirname, 'assets/'), path: path.resolve(__dirname, 'assets/'),