diff options
Diffstat (limited to 'inc/builder/type/footer/primary-footer')
5 files changed, 400 insertions, 0 deletions
diff --git a/inc/builder/type/footer/primary-footer/assets/js/minified/customizer-preview.min.js b/inc/builder/type/footer/primary-footer/assets/js/minified/customizer-preview.min.js new file mode 100644 index 0000000..34b93c8 --- /dev/null +++ b/inc/builder/type/footer/primary-footer/assets/js/minified/customizer-preview.min.js @@ -0,0 +1 @@ +!function(){var s=astraBuilderPreview.tablet_break_point||768,a=astraBuilderPreview.mobile_break_point||544,t="section-primary-footer-builder",e='.site-primary-footer-wrap[data-section="section-primary-footer-builder"]';wp.customize("astra-settings[hb-footer-layout-width]",function(t){t.bind(function(t){var r="";"content"==t&&(r=e+" .ast-builder-grid-row {",r+="max-width: "+AstraBuilderPrimaryFooterData.footer_content_width+"px;",r+="margin-left: auto;",r+="margin-right: auto;",r+="} "),"full"==t&&(r=e+" .ast-builder-grid-row {",r+="max-width: 100%;",r+="padding-right: 35px; padding-left: 35px;",r+="} "),astra_add_dynamic_css("hb-footer-layout-width",r)})}),astra_css("astra-settings[hb-footer-vertical-alignment]","align-items",e+" .ast-builder-grid-row, "+e+" .site-footer-section"),wp.customize("astra-settings[hb-inner-spacing]",function(t){t.bind(function(t){var r="";""!=t.desktop&&(r+=e+" .ast-builder-grid-row {",r+="grid-column-gap: "+t.desktop+"px;",r+="} "),""!=t.tablet&&(r+="@media (max-width: "+s+"px) {",r+=e+" .ast-builder-grid-row {",r+="grid-column-gap: "+t.tablet+"px;",r+="grid-row-gap: "+t.tablet+"px;",r+="} ",r+="} "),""!=t.mobile&&(r+="@media (max-width: "+a+"px) {",r+=e+" .ast-builder-grid-row {",r+="grid-column-gap: "+t.mobile+"px;",r+="grid-row-gap: "+t.mobile+"px;",r+="} ",r+="} "),astra_add_dynamic_css("hb-inner-spacing-toggle-button",r)})}),astra_css("astra-settings[hb-footer-main-sep]","border-top-width",e,"px"),astra_css("astra-settings[hb-footer-main-sep-color]","border-color",e);astra_add_dynamic_css("hb-footer-main-sep-color",'.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {border-top-style: solid} '),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"desktop"),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"tablet"),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"mobile"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","desktop"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","tablet"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","mobile"),astra_builder_advanced_css(t,e),astra_builder_advanced_css("section-footer-builder-layout",".ast-hfb-header .site-footer"),astra_builder_visibility_css(t,e,"grid")}(jQuery);
\ No newline at end of file diff --git a/inc/builder/type/footer/primary-footer/assets/js/unminified/customizer-preview.js b/inc/builder/type/footer/primary-footer/assets/js/unminified/customizer-preview.js new file mode 100644 index 0000000..c0e089a --- /dev/null +++ b/inc/builder/type/footer/primary-footer/assets/js/unminified/customizer-preview.js @@ -0,0 +1,124 @@ +/**
+ * This file adds some LIVE to the Customizer live preview. To leverage
+ * this, set your custom settings to 'postMessage' and then add your handling
+ * here. Your javascript should grab settings from customizer controls, and
+ * then make any necessary changes to the page using jQuery.
+ *
+ * @package Astra
+ * @since 3.0.0
+ */
+
+( function( $ ) {
+
+ var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
+ mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
+
+ var section = 'section-primary-footer-builder';
+ var selector = '.site-primary-footer-wrap[data-section="section-primary-footer-builder"]';
+
+ // Primary Header - Layout.
+ wp.customize( 'astra-settings[hb-footer-layout-width]', function( setting ) {
+ setting.bind( function( layout ) {
+
+ var dynamicStyle = '';
+
+ if ( 'content' == layout ) {
+ dynamicStyle = selector + ' .ast-builder-grid-row {';
+ dynamicStyle += 'max-width: ' + AstraBuilderPrimaryFooterData.footer_content_width + 'px;';
+ dynamicStyle += 'margin-left: auto;';
+ dynamicStyle += 'margin-right: auto;';
+ dynamicStyle += '} ';
+ }
+
+ if ( 'full' == layout ) {
+ dynamicStyle = selector + ' .ast-builder-grid-row {';
+ dynamicStyle += 'max-width: 100%;';
+ dynamicStyle += 'padding-right: 35px; padding-left: 35px;';
+ dynamicStyle += '} ';
+ }
+
+ astra_add_dynamic_css( 'hb-footer-layout-width', dynamicStyle );
+
+ } );
+ } );
+
+ // Footer Vertical Alignment.
+ astra_css(
+ 'astra-settings[hb-footer-vertical-alignment]',
+ 'align-items',
+ selector + ' .ast-builder-grid-row, ' + selector + ' .site-footer-section'
+ );
+
+ // Inner Space.
+ wp.customize( 'astra-settings[hb-inner-spacing]', function( value ) {
+ value.bind( function( spacing ) {
+ var dynamicStyle = '';
+ if ( spacing.desktop != '' ) {
+ dynamicStyle += selector + ' .ast-builder-grid-row {';
+ dynamicStyle += 'grid-column-gap: ' + spacing.desktop + 'px;';
+ dynamicStyle += '} ';
+ }
+
+ if ( spacing.tablet != '' ) {
+ dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
+ dynamicStyle += selector + ' .ast-builder-grid-row {';
+ dynamicStyle += 'grid-column-gap: ' + spacing.tablet + 'px;';
+ dynamicStyle += 'grid-row-gap: ' + spacing.tablet + 'px;';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+ }
+
+ if ( spacing.mobile != '' ) {
+ dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
+ dynamicStyle += selector + ' .ast-builder-grid-row {';
+ dynamicStyle += 'grid-column-gap: ' + spacing.mobile + 'px;';
+ dynamicStyle += 'grid-row-gap: ' + spacing.mobile + 'px;';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+ }
+
+ astra_add_dynamic_css( 'hb-inner-spacing-toggle-button', dynamicStyle );
+ } );
+ } );
+
+ // Border Top width.
+ astra_css(
+ 'astra-settings[hb-footer-main-sep]',
+ 'border-top-width',
+ selector,
+ 'px'
+ );
+
+ // Border Color.
+ astra_css(
+ 'astra-settings[hb-footer-main-sep-color]',
+ 'border-color',
+ selector
+ );
+
+ var dynamicStyle = selector + ' {';
+ dynamicStyle += 'border-top-style: solid';
+ dynamicStyle += '} ';
+
+ astra_add_dynamic_css( 'hb-footer-main-sep-color', dynamicStyle );
+
+ // Responsive BG styles > Primary Footer Row.
+ astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'desktop' );
+ astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'tablet' );
+ astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'mobile' );
+
+ // Responsive BG styles > Global Footer Row.
+ astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'desktop' );
+ astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'tablet' );
+ astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'mobile' );
+
+ // Advanced CSS Generation.
+ astra_builder_advanced_css( section, selector );
+
+ // Advanced CSS for Header Builder.
+ astra_builder_advanced_css( 'section-footer-builder-layout', '.ast-hfb-header .site-footer' );
+
+ // Advanced Visibility CSS Generation.
+ astra_builder_visibility_css( section, selector, 'grid' );
+
+} )( jQuery );
diff --git a/inc/builder/type/footer/primary-footer/class-astra-primary-footer-component-loader.php b/inc/builder/type/footer/primary-footer/class-astra-primary-footer-component-loader.php new file mode 100644 index 0000000..3e8dbee --- /dev/null +++ b/inc/builder/type/footer/primary-footer/class-astra-primary-footer-component-loader.php @@ -0,0 +1,60 @@ +<?php +/** + * Primary Footer Styling Loader for Astra theme. + * + * @package Astra Builder + * @author Brainstorm Force + * @copyright Copyright (c) 2020, Brainstorm Force + * @link https://www.brainstormforce.com + * @since Astra 3.0.0 + */ + +if ( ! defined( 'ABSPATH' ) ) { + exit; // Exit if accessed directly. +} + +/** + * Primary Footer Initialization + * + * @since 3.0.0 + */ +class Astra_Primary_Footer_Component_Loader { + + /** + * Constructor + * + * @since 3.0.0 + */ + public function __construct() { + add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 ); + } + + /** + * Customizer Preview + * + * @since 3.0.0 + */ + public function preview_scripts() { + /** + * Load unminified if SCRIPT_DEBUG is true. + */ + /* Directory and Extension */ + $dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified'; + $file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min'; + wp_enqueue_script( 'astra-footer-primary-footer-customizer-preview-js', ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true ); + + // Localize variables for Footer JS. + wp_localize_script( + 'astra-heading-primary-customizer-preview-js', + 'AstraBuilderPrimaryFooterData', + array( + 'footer_content_width' => astra_get_option( 'site-content-width' ), + ) + ); + } +} + +/** +* Kicking this off by creating the object of the class. +*/ +new Astra_Primary_Footer_Component_Loader(); diff --git a/inc/builder/type/footer/primary-footer/class-astra-primary-footer.php b/inc/builder/type/footer/primary-footer/class-astra-primary-footer.php new file mode 100644 index 0000000..6a2b92c --- /dev/null +++ b/inc/builder/type/footer/primary-footer/class-astra-primary-footer.php @@ -0,0 +1,50 @@ +<?php +/** + * Primary Footer component. + * + * @package Astra Builder + * @author Brainstorm Force + * @copyright Copyright (c) 2020, Brainstorm Force + * @link https://www.brainstormforce.com + * @since Astra 3.0.0 + */ + +if ( ! defined( 'ABSPATH' ) ) { + exit; // Exit if accessed directly. +} + +define( 'ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/primary-footer' ); +define( 'ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/primary-footer' ); + +if ( ! class_exists( 'Astra_Primary_Footer' ) ) { + + /** + * Primary Footer Initial Setup + * + * @since 3.0.0 + */ + class Astra_Primary_Footer { + + /** + * Constructor function that initializes required actions and hooks + */ + public function __construct() { + + // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + require_once ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR . '/class-astra-primary-footer-component-loader.php'; + + // Include front end files. + if ( ! is_admin() ) { + + require_once ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR . '/dynamic-css/dynamic.css.php'; + } + // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound + } + } + + /** + * Kicking this off by creating an object. + */ + new Astra_Primary_Footer(); + +} diff --git a/inc/builder/type/footer/primary-footer/dynamic-css/dynamic.css.php b/inc/builder/type/footer/primary-footer/dynamic-css/dynamic.css.php new file mode 100644 index 0000000..9cde713 --- /dev/null +++ b/inc/builder/type/footer/primary-footer/dynamic-css/dynamic.css.php @@ -0,0 +1,165 @@ +<?php +/** + * Primary Footer control - Dynamic CSS + * + * @package Astra Builder + * @since 3.0.0 + */ + +if ( ! defined( 'ABSPATH' ) ) { + exit; // Exit if accessed directly. +} + +/** + * Primary Footer CSS + */ +add_filter( 'astra_dynamic_theme_css', 'astra_fb_primary_footer_dynamic_css' ); + +/** + * Dynamic CSS + * + * @param string $dynamic_css Astra Dynamic CSS. + * @param string $dynamic_css_filtered Astra Dynamic CSS Filters. + * @return String Generated dynamic CSS for Primary Footer. + * + * @since 3.0.0 + */ +function astra_fb_primary_footer_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) { + + if ( ! ( Astra_Builder_Helper::is_footer_row_empty( 'primary' ) || is_customize_preview() ) ) { + return $dynamic_css; + } + + $global_footer_bg = astra_get_option( 'footer-bg-obj-responsive' ); + + $css_output_desktop = array( + '.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'desktop' ), + ); + + $dynamic_css .= astra_parse_css( $css_output_desktop ); + // Advanced CSS for Header Builder. + $dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( 'section-footer-builder-layout', '.ast-hfb-header .site-footer' ); + + if ( ! ( Astra_Builder_Helper::is_footer_row_empty( 'primary' ) || is_customize_preview() ) ) { + return $dynamic_css; + } + + $_section = 'section-primary-footer-builder'; + + $selector = '.site-primary-footer-wrap[data-section="section-primary-footer-builder"]'; + + $footer_bg = astra_get_option( 'hb-footer-bg-obj-responsive' ); + $footer_top_border_size = astra_get_option( 'hb-footer-main-sep' ); + $footer_top_border_color = astra_get_option( 'hb-footer-main-sep-color' ); + $footer_width = astra_get_option( 'hb-footer-layout-width' ); + $content_width = astra_get_option( 'site-content-width' ); + $inner_spacing = astra_get_option( 'hb-inner-spacing' ); + + $layout = astra_get_option( 'hb-footer-layout' ); + + $desk_layout = ( isset( $layout['desktop'] ) ) ? $layout['desktop'] : 'full'; + $tab_layout = ( isset( $layout['tablet'] ) ) ? $layout['tablet'] : 'full'; + $mob_layout = ( isset( $layout['mobile'] ) ) ? $layout['mobile'] : 'full'; + + $inner_spacing_desktop = ( isset( $inner_spacing['desktop'] ) ) ? $inner_spacing['desktop'] : ''; + $inner_spacing_tablet = ( isset( $inner_spacing['tablet'] ) ) ? $inner_spacing['tablet'] : ''; + $inner_spacing_mobile = ( isset( $inner_spacing['mobile'] ) ) ? $inner_spacing['mobile'] : ''; + + $css_output_desktop = array( + '.site-primary-footer-wrap' => array( + 'padding-top' => '45px', + 'padding-bottom' => '45px', + ), + $selector => astra_get_responsive_background_obj( $footer_bg, 'desktop' ), + $selector . ' .ast-builder-grid-row' => array( + 'grid-column-gap' => astra_get_css_value( $inner_spacing_desktop, 'px' ), + ), + $selector . ' .ast-builder-grid-row, ' . $selector . ' .site-footer-section' => array( + 'align-items' => astra_get_option( 'hb-footer-vertical-alignment' ), + ), + $selector . '.ast-footer-row-inline .site-footer-section' => array( + 'display' => 'flex', + 'margin-bottom' => '0', + ), + '.ast-builder-grid-row-' . $desk_layout . ' .ast-builder-grid-row' => array( + 'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $desk_layout ], + ), + + ); + + if ( isset( $footer_top_border_size ) && 1 <= $footer_top_border_size ) { + + $css_output_desktop[ $selector ]['border-style'] = 'solid'; + + $css_output_desktop[ $selector ]['border-width'] = '0px'; + + $css_output_desktop[ $selector ]['border-top-width'] = astra_get_css_value( $footer_top_border_size, 'px' ); + + $css_output_desktop[ $selector ]['border-top-color'] = $footer_top_border_color; + } + + if ( isset( $footer_width ) && 'content' === $footer_width ) { + + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = astra_get_css_value( $content_width, 'px' ); + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-left'] = 'auto'; + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-right'] = 'auto'; + } else { + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = '100%'; + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-left'] = '35px'; + $css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-right'] = '35px'; + } + + $css_output_tablet = array( + + $selector => astra_get_responsive_background_obj( $footer_bg, 'tablet' ), + '.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'tablet' ), + $selector . ' .ast-builder-grid-row' => array( + 'grid-column-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ), + 'grid-row-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ), + ), + $selector . '.ast-footer-row-tablet-inline .site-footer-section' => array( + 'display' => 'flex', + 'margin-bottom' => '0', + ), + $selector . '.ast-footer-row-tablet-stack .site-footer-section' => array( + 'display' => 'block', + 'margin-bottom' => '10px', + ), + '.ast-builder-grid-row-container.ast-builder-grid-row-tablet-' . $tab_layout . ' .ast-builder-grid-row' => array( + 'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $tab_layout ], + ), + ); + $css_output_mobile = array( + + $selector => astra_get_responsive_background_obj( $footer_bg, 'mobile' ), + '.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'mobile' ), + $selector . ' .ast-builder-grid-row' => array( + 'grid-column-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ), + 'grid-row-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ), + ), + $selector . '.ast-footer-row-mobile-inline .site-footer-section' => array( + 'display' => 'flex', + 'margin-bottom' => '0', + ), + $selector . '.ast-footer-row-mobile-stack .site-footer-section' => array( + 'display' => 'block', + 'margin-bottom' => '10px', + ), + '.ast-builder-grid-row-container.ast-builder-grid-row-mobile-' . $mob_layout . ' .ast-builder-grid-row' => array( + 'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $mob_layout ], + ), + ); + + /* Parse CSS from array() */ + $css_output = astra_parse_css( $css_output_desktop ); + $css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() ); + $css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() ); + + $dynamic_css .= $css_output; + + $dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $selector ); + + $dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'grid' ); + + return $dynamic_css; +} |