blocksy-tainacan/tainacan-blocksy/inc/enqueues.php

<?php

/**
 * Enqueues styles and scripts
 * Some JS files here are only necessary for Tainacan Item pages
 */ 
function tainacan_blocksy_enqueue_scripts() {

	// First, we enqueue parent theme styles
	if ( TAINACAN_BLOCKSY_IS_CHILD_THEME )
		wp_enqueue_style( 'blocksy-parent-style', get_template_directory_uri() . '/style.css' );

	// Then, this child plugin/theme styles
	wp_enqueue_style( 'tainacan-blocksy-style',
		TAINACAN_BLOCKSY_PLUGIN_URL_PATH . '/style.min.css',
		!TAINACAN_BLOCKSY_IS_CHILD_THEME ? array() : array( 'blocksy-parent-style' ),
		TAINACAN_BLOCKSY_VERSION
	);

	/* Enqueues compatibility stylesheet due to variables renaming on Blocksy 2.0.0 */
	$blocksy_theme_version = is_child_theme() ? wp_get_theme()->parent()->get( 'Version' ) : wp_get_theme()->get( 'Version' );
	if ( $blocksy_theme_version > '1.9' ) {
		wp_enqueue_style( 'tainacan-blocksy-compatibility-style',
			TAINACAN_BLOCKSY_PLUGIN_URL_PATH . '/compat.min.css',
			TAINACAN_BLOCKSY_VERSION
		);
	}

	// This should only happen if we have Tainacan plugin installed
	if ( defined ('TAINACAN_VERSION') ) {

		wp_enqueue_script( 'tainacan-blocksy-scripts', TAINACAN_BLOCKSY_PLUGIN_URL_PATH . '/js/scripts.js', array(), TAINACAN_BLOCKSY_VERSION, true );
	}
}
add_action( 'wp_enqueue_scripts', 'tainacan_blocksy_enqueue_scripts' );

/**
 * Now, some dynamic css that is generated using blocksy dynamic css logic
 */

if ( TAINACAN_BLOCKSY_BLOCKSY_THEME_VERSION !== NULL && ( version_compare(TAINACAN_BLOCKSY_BLOCKSY_THEME_VERSION, '1.7.9') <= 0 ) ) {
	add_action('blocksy:global-dynamic-css:enqueue', function ($args) {
		blocksy_theme_get_dynamic_styles(array_merge([
			'path' => TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/global.php',
			'chunk' => 'global',
			'forced_call' => true
		], $args));
	}, 10, 3);
} else {
	add_action('blocksy:global-dynamic-css:enqueue:inline', function ($args) {
		if ( defined ('TAINACAN_VERSION') ) {	

			$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
			$post_type = get_post_type();

			// Check if we're inside the main loop in a single Post.
			if ( in_array($post_type, $collections_post_types) ) {
				blocksy_theme_get_dynamic_styles(array_merge([
					'path' => TAINACAN_BLOCKSY_PLUGIN_DIR_PATH . '/inc/global.php',
					'chunk' => 'global',
					'forced_call' => true
				], $args));
			} else if ( $post_type ==  'tainacan-taxonomy' ) {
				blocksy_theme_get_dynamic_styles(array_merge([
					'name' => 'global/posts-listing',
					'chunk' => 'global',
					'forced_call' => true,
					'prefixes' => blocksy_manager()->screen->get_single_prefixes()
				], $args));
			}
		}
	}, 10, 3);
}

/**
 * Enqueues front-end CSS for the items page fixed filters logic.
 */
if ( !function_exists('tainacan_blocksy_items_page_filters_fixed_on_scroll_output') ) {
	function tainacan_blocksy_items_page_filters_fixed_on_scroll_output() {
		$prefix = blocksy_manager()->screen->get_prefix();

		$should_use_fixed_filters_logic = (version_compare(TAINACAN_VERSION, '0.17') >= 0) && get_theme_mod( $prefix . '_filters_fixed_on_scroll', 'no' ) == 'yes';
		
		if (!$should_use_fixed_filters_logic)
			return;
			
		$css = '
		/* Items list fixed filter logic (Introduced in Tainacan 0.17) */
		:not(.wp-block-tainacan-faceted-search)>.theme-items-list:not(.is-fullscreen).is-filters-menu-open.is-filters-menu-fixed-at-top .items-list-area {
			margin-left: var(--tainacan-filter-menu-width-theme) !important;
		}
		:not(.wp-block-tainacan-faceted-search)>.theme-items-list:not(.is-fullscreen).is-filters-menu-open.is-filters-menu-fixed-at-top .filters-menu:not(.filters-menu-modal) {
			position: fixed;
			top: 0px !important;
			z-index: 9;
		}
		:not(.wp-block-tainacan-faceted-search)>.theme-items-list:not(.is-fullscreen).is-filters-menu-open.is-filters-menu-fixed-at-top .filters-menu:not(.filters-menu-modal) .modal-content {
			position: absolute;
			top: 0px;
			height: auto !important;
			background: var(--tainacan-background-color, inherit);
		}
		:not(.wp-block-tainacan-faceted-search)>.theme-items-list:not(.is-fullscreen).is-filters-menu-open.is-filters-menu-fixed-at-top.is-filters-menu-fixed-at-bottom .filters-menu:not(.filters-menu-modal) {
			position: absolute;
		}
		:not(.wp-block-tainacan-faceted-search)>.theme-items-list:not(.is-fullscreen).is-filters-menu-open.is-filters-menu-fixed-at-top.is-filters-menu-fixed-at-bottom .filters-menu:not(.filters-menu-modal) .modal-content {
			top: auto;
			bottom: 0;
		}
		';
		echo '<style type="text/css" id="tainacan-fixed-filters-style">' . sprintf( $css ) . '</style>';

	}
}
add_action( 'wp_head', 'tainacan_blocksy_items_page_filters_fixed_on_scroll_output');

/**
 * Enqueues front-end CSS for the light scheme of the photoswipe layer
 */
if ( !function_exists('tainacan_blocksy_gallery_light_color_scheme') ) {
	function tainacan_blocksy_gallery_light_color_scheme() {
		$prefix = blocksy_manager()->screen->get_prefix();

		$has_light_dark_color_scheme = get_theme_mod( $prefix . '_gallery_color_scheme', 'dark' ) == 'light';

		if (!$has_light_dark_color_scheme || function_exists('tainacan_the_item_gallery'))
			return;
			
		$css = '
		/* Photoswipe layer for the gallery dark */
		.tainacan-photoswipe-layer .pswp__bg {
			background-color: rgba(255, 255, 255, 0.85) !important;
		}
		.tainacan-photoswipe-layer .pswp__ui .pswp__top-bar,
		.tainacan-photoswipe-layer .pswp__ui .pswp__caption {
			background-color: rgba(255, 255, 255, 0.7) !important;
		}
		.tainacan-photoswipe-layer .pswp__top-bar .pswp__name,
		.tainacan-photoswipe-layer .pswp__caption__center,
        .tainacan-photoswipe-layer .pswp__counter {
			color: black !important;
		}
		.tainacan-photoswipe-layer .pswp__button {
			filter: invert(100) !important;
		}
		.tainacan-photoswipe-layer .pswp--css_animation .pswp__preloader__donut {
			border: 2px solid #000000 !important;
		}
		';
		echo '<style type="text/css" id="tainacan-gallery-color-scheme">' . sprintf( $css ) . '</style>';

	}
}
add_action( 'wp_head', 'tainacan_blocksy_gallery_light_color_scheme');

if ( !function_exists('tainacan_blocksy_tooltip_and_modal_styles') ) {
	function tainacan_blocksy_tooltip_and_modal_styles() {
		global $wp_query;

		if ( is_admin() || !defined ('TAINACAN_VERSION') )
			return;

		$prefix = '';

		if (is_post_type_archive()) {
		
			$collections_post_types = \Tainacan\Repositories\Repository::get_collections_db_identifiers();
			$current_post_type = get_post_type();
			
			if (in_array($current_post_type, $collections_post_types))
				$prefix = blocksy_manager()->screen->get_prefix();
			
		} else if ( is_tax() ) {
			$term = get_queried_object();
				
			if ( isset($term->taxonomy) && \Tainacan\Theme_Helper::get_instance()->is_taxonomy_a_tainacan_tax($term->taxonomy)) 
				$prefix = 'tainacan-terms-items_archive';
			
		} else if ( $wp_query->get( 'tainacan_repository_archive' ) == 1 ) {
			$prefix = 'tainacan-repository-items_archive';
		}

		if ( empty($prefix) )
			return;

		$page_hero_section_style = get_theme_mod($prefix . '_hero_section' , get_theme_mod($prefix . '_page_header_background_style', 'boxed'));

		$page_container_classes = 'page type-page hentry singular';
		$page_container_classes = $page_container_classes . ' has-filters-panel-style-' . get_theme_mod($prefix . '_filters_panel_background_style', 'boxed');
		$page_container_classes = $page_container_classes . ' has-page-header-style-' . $page_hero_section_style;

		$filters_panel_size = get_theme_mod($prefix . '_filters_panel_size', '20%');
		$page_container_style = '--tainacan-filter-menu-width-theme:' . $filters_panel_size . ';';

		$background_color_palette = get_theme_mod($prefix . '_items_list_background_palette',
		[
			'color1' => [ 'color' => 'var(--background-color, #f8f9fb)' ],
			'color2' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
			'color3' => [ 'color' => 'var(--cardBackground, #ffffff)' ],
			'color4' => [ 'color' => 'var(--theme-form-field-background-initial-color, var(--form-field-initial-background, #ffffff))' ],
			'color5' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ],
			'color6' => [ 'color' => 'var(--theme-form-field-border-initial-color, var(--form-field-border-initial-color, #e0e5eb))' ]
		]);
		$page_container_style .= '--tainacan-background-color:' . $background_color_palette['color1']['color'] . ';';
		$page_container_style .= '--tainacan-item-background-color:' . $background_color_palette['color2']['color'] . ';';
		$page_container_style .= '--tainacan-item-hover-background-color:' . $background_color_palette['color3']['color'] . ';';
		$page_container_style .= '--tainacan-input-background-color:' . $background_color_palette['color4']['color'] . ';';
		$page_container_style .= '--tainacan-primary:' . $background_color_palette['color5']['color'] . ';';
		$page_container_style .= '--tainacan-input-border-color:' . $background_color_palette['color6']['color'] . ';';

		$text_color_palette = get_theme_mod($prefix . '_items_list_text_palette',
		[
			'color1' => [ 'color' => 'var(--theme-palette-color-1, var(--paletteColor1, #3eaf7c))' ],
			'color2' => [ 'color' => 'var(--theme-heading-color, var(--headingColor, rgba(44, 62, 80, 1))' ],
			'color3' => [ 'color' => 'var(--theme-text-color, var(--color, #373839))' ],
			'color4' => [ 'color' => '#505253' ],
			'color5' => [ 'color' => 'var(--theme-form-text-initial-color, var(--formTextInitialColor, #373839))' ]
		]);
		$page_container_style .= '--tainacan-secondary:' . $text_color_palette['color1']['color'] . ';';
		$page_container_style .= '--tainacan-heading-color:' . $text_color_palette['color2']['color'] . ';';
		$page_container_style .= '--tainacan-label-color:' . $text_color_palette['color3']['color'] . ';';
		$page_container_style .= '--tainacan-info-color:' . $text_color_palette['color4']['color'] . ';';
		$page_container_style .= '--tainacan-input-color:' . $text_color_palette['color5']['color'] . ';';
			
		$css = '	
			body:not(.tainacan-admin-page) .tooltip,
			body:not(.tainacan-admin-page) .tainacan-modal,
			body:not(.tainacan-admin-page) .tainacan-dialog {
				' . $page_container_style . '
			}
			body:not(.tainacan-admin-page) .tainacan-modal .tainacan-modal-content,
			body:not(.tainacan-admin-page) .tainacan-dialog .modal-card {
				background-color: var(--tainacan-background-color, #f8f9fb);
			}
			body:not(.tainacan-admin-page) .tooltip {
				color: var(--tainacan-primary);
			}
		';
		echo '<style type="text/css" id="tainacan-tooltip-and-modal-styles">' . $css . '</style>';
	}
}
add_action( 'wp_head', 'tainacan_blocksy_tooltip_and_modal_styles');

/**
 * Adds --background-color css variable, based on current background color
 */
function tainacan_blocksy_add_background_color_variable($args) {
	
	$site_background_fallback = array(
		'desktop' => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
		'tablet'  => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))',
		'mobile'  => 'var(--theme-palette-color-7, var(--paletteColor7, #ffffff))'
	);
	$site_background = get_theme_mod( 'site_background', $site_background_fallback );
	
	$site_desktop_background = (
		isset($site_background['desktop']) &&
		isset($site_background['desktop']['backgroundColor']) &&
		isset($site_background['desktop']['backgroundColor']['default']) &&
		isset($site_background['desktop']['backgroundColor']['default']['color'])
	) ? $site_background['desktop']['backgroundColor']['default']['color'] : false;

	$site_tablet_background = (
		isset($site_background['tablet']) &&
		isset($site_background['tablet']['backgroundColor']) &&
		isset($site_background['tablet']['backgroundColor']['default']) &&
		isset($site_background['tablet']['backgroundColor']['default']['color'])
	) ? $site_background['tablet']['backgroundColor']['default']['color'] : false;

	$site_mobile_background = (
		isset($site_background['mobile']) &&
		isset($site_background['mobile']['backgroundColor']) &&
		isset($site_background['mobile']['backgroundColor']['default']) &&
		isset($site_background['mobile']['backgroundColor']['default']['color'])
	) ? $site_background['mobile']['backgroundColor']['default']['color'] : false;
	
	blocksy_output_css_vars([
		'css' => $args['css'],
		'tablet_css' => $args['tablet_css'],
		'mobile_css' => $args['mobile_css'],
		'selector' => 'body',
		'responsive' => true,
		'variableName' => 'background-color',
		'value' => array(
			'desktop' => $site_desktop_background ? $site_desktop_background : $site_background_fallback['desktop'],
			'tablet'  => $site_tablet_background ? $site_tablet_background : $site_background_fallback['tablet'],
			'mobile'  => $site_mobile_background ? $site_mobile_background : $site_background_fallback['mobile']
		)
	]);
	
}
add_action( 'blocksy:global-dynamic-css:enqueue', 'tainacan_blocksy_add_background_color_variable' );