active_widgetlayer_pageid() ) {
return;
}
wp_enqueue_style(
'aamla_widgetlayer_style',
get_template_directory_uri() . '/add-on/widgetlayer/assets/widgetlayer.css',
array(),
AAMLA_THEME_VERSION,
'all'
);
$inline_style = $this->generate_custom_css();
wp_add_inline_style( 'aamla_widgetlayer_style', $inline_style );
}
/**
* Extend the default WordPress body classes.
*
* @since 1.0.4
*
* @param array $classes Classes for the body element.
* @return array
*/
public function body_classes( $classes ) {
if ( $this->active_widgetlayer_pageid() ) {
$classes[] = 'widgetlayer-page';
}
return $classes;
}
/**
* Call available breadcrumb display function.
*
* @since 1.0.4
*/
public function breadcrumb() {
if ( ! $this->active_widgetlayer_pageid() ) {
return;
}
remove_action( 'aamla_inside_main_content', 'aamla_breadcrumb' );
aamla_breadcrumb();
}
/**
* Conditionally display skip link.
*
* @since 1.0.2
*/
public function skip_link() {
if ( ! $this->active_widgetlayer_pageid() ) {
return;
}
// Remove default action hook to display skip link.
remove_action( 'aamla_inside_header', 'aamla_skip_link', 0 );
// Display revised skip link.
printf(
'%s',
esc_html__( 'Skip to content', 'aamla' )
);
}
/**
* Enqueue scripts and styles to admin.
*
* @since 1.0.1
*/
public function enqueue_admin() {
$screen = get_current_screen();
if ( ! in_array( $screen->id, [ 'page', 'widgets', 'customize' ], true ) ) {
return;
}
wp_enqueue_media();
wp_enqueue_style(
'aamla_widgetlayer_admin_style',
get_template_directory_uri() . '/add-on/widgetlayer/admin/widgetlayer.css',
[],
AAMLA_THEME_VERSION,
'all'
);
wp_enqueue_script(
'aamla_widgetlayer_admin_js',
get_template_directory_uri() . '/add-on/widgetlayer/admin/widgetlayer.js',
[ 'jquery' ],
AAMLA_THEME_VERSION,
true
);
// Theme localize scripts data.
$l10n = apply_filters(
'aamla_localize_script_data',
[
'uploader_title' => esc_html__( 'Set Text Widget Featured Image', 'aamla' ),
'uploader_button_text' => esc_html__( 'Select', 'aamla' ),
'set_featured_img' => esc_html__( 'Set Featured Image', 'aamla' ),
]
);
wp_localize_script( 'aamla_widgetlayer_admin_js', 'aamlaImageUploadText', $l10n );
}
/**
* Generate inline css for current page.
*
* @since 1.0.1
*
* @return string Verified css string or empty string.
*/
public function generate_custom_css() {
// We will put inline css to individual widgets separately in customize preview.
if ( is_customize_preview() ) {
return '';
}
$page_id = $this->active_widgetlayer_pageid();
if ( ! $page_id ) {
return '';
}
$css_array = [];
$sidebars_widgets = get_option( 'sidebars_widgets', [] );
foreach ( $sidebars_widgets[ 'widgetlayer-page-' . $page_id ] as $widget ) {
$widget_data = $this->get_widget_data_from_id( $page_id, $widget );
if ( false === $widget_data ) {
continue;
}
$css_array = array_merge_recursive( $css_array, $this->get_widget_css( $widget_data ) );
}
$final_css = $css_array ? $this->widget_css_array_to_string( $css_array ) : '';
return $final_css;
}
/**
* Get dynamically generated inline css from widget id.
*
* @since 1.0.1
*
* @param array $widget_data {
* Current widget's data to generate customized output.
* @type str $widget_id Widget ID.
* @type int $widget_pos Widget position in widgetlayer widget-area.
* @type array $instance Current widget instance settings.
* @type str $id_base Widget ID base.
* }
* @return string Verified css string or empty string.
*/
public function get_widget_css( $widget_data ) {
if ( ! $widget_data || ! is_array( $widget_data ) ) {
return [];
}
$widget_css = [];
$widget_id = $widget_data[0];
$widget_pos = $widget_data[1];
$instance = $widget_data[2];
$id_base = $widget_data[3];
$widget_css['common'][] = 'order:' . 2 * $widget_pos;
$wid_settings = array_intersect_key( $instance, $this->get_widget_options() );
if ( ! empty( $wid_settings ) ) {
foreach ( $this->get_widget_options() as $key => $args ) {
if ( ! isset( $instance[ $key ] ) || '' === $instance[ $key ] ) {
continue;
}
$val = $instance[ $key ];
switch ( $key ) {
case 'aamla_width':
if ( '' !== $instance['aamla_width_tablet'] ) {
$widget_css['desktop'][] = sprintf( 'flex: 0 0 %s%%', absint( $val ) );
} else {
$widget_css['tablet'][] = sprintf( 'flex: 0 0 %s%%', absint( $val ) );
}
break;
case 'aamla_width_tablet':
$widget_css['tablet'][] = sprintf( 'flex: 0 0 %s%%', absint( $val ) );
break;
case 'aamla_vert_align':
$widget_css['tablet'][] = 'display:flex';
$widget_css['tablet'][] = 'flex-direction:column';
$widget_css['tablet'][] = ( 'middle' === $val ) ? 'justify-content:center' : 'justify-content:flex-end';
break;
case 'aamla_text_align':
$widget_css['common'][] = ( 'center' === $val ) ? 'text-align:center' : 'text-align:right';
break;
case 'aamla_show_mobile':
$widget_css['mobile_only'][] = 'display:none';
break;
case 'aamla_push_down':
$widget_css['mobile_only'][] = 'order:' . ( 2 * ( $widget_pos + 1 ) + 1 );
break;
case 'aamla_push_down_tablet':
$widget_css['tablet_only'][] = 'order:' . ( 2 * ( $widget_pos + 1 ) + 1 );
break;
default:
break;
}
}
}
$widget_css = apply_filters( 'aamla_widget_custom_css', $widget_css, $widget_data );
if ( ! empty( $widget_css ) ) {
foreach ( $widget_css as $key => $rules ) {
$widget_css[ $key ] = (array) sprintf( '.widgetlayer .%s{%s}', $widget_id, implode( ';', $rules ) );
}
}
return $widget_css;
}
/**
* Properly format Widget CSS array to css string.
*
* @since 1.0.1
*
* @param array $css_arr Array of css strings.
* @return string Formatted css string.
*/
public function widget_css_array_to_string( $css_arr ) {
if ( empty( $css_arr ) ) {
return '';
}
$css_str = '';
if ( isset( $css_arr['common'] ) ) {
$css_str .= implode( '', $css_arr['common'] );
}
if ( isset( $css_arr['mobile_only'] ) ) {
$css_str .= sprintf( '@media only screen and (max-width: %s) {%s}', '767px', implode( '', $css_arr['mobile_only'] ) );
}
if ( isset( $css_arr['tablet'] ) ) {
$css_str .= sprintf( '@media only screen and (min-width: %s) {%s}', '768px', implode( '', $css_arr['tablet'] ) );
}
if ( isset( $css_arr['tablet_only'] ) ) {
$css_str .= sprintf( '@media only screen and (min-width: %s) and (max-width: %s) {%s}', '768px', '1024px', implode( '', $css_arr['tablet_only'] ) );
}
if ( isset( $css_arr['desktop'] ) ) {
$css_str .= sprintf( '@media only screen and (min-width: %s) {%s}', '1025px', implode( '', $css_arr['desktop'] ) );
}
if ( ! $css_str ) {
return '';
}
return aamla_prepare_css( $css_str );
}
/**
* Get dynamically generated Widget html classes.
*
* @since 1.0.1
*
* @param array $widget_data {
* Current widget's data to generate customized output.
* @type str $widget_id Widget ID.
* @type int $widget_pos Widget position in widgetlayer widget-area.
* @type array $instance Current widget instance settings.
* @type str $id_base Widget ID base.
* }
* @return array Verified class string or empty string.
*/
public function get_widget_classes( $widget_data ) {
if ( ! $widget_data || ! is_array( $widget_data ) ) {
return '';
}
$classes = [];
$classes[] = 'brick-' . $widget_data[1];
$widget_classes = apply_filters( 'aamla_widget_custom_classes', $classes, $widget_data );
$widget_classes = array_map( 'esc_attr', $widget_classes );
$widget_classes = array_unique( $widget_classes );
return join( ' ', $widget_classes );
}
/**
* Adds widget specific css to front end.
*
* @since 1.0.1
*
* @param array $classes Array of css rules.
* @param array $widget_data {
* Current widget's data to generate customized output.
* @type str $widget_id Widget ID.
* @type int $widget_pos Widget position in widgetlayer widget-area.
* @type array $instance Current widget instance settings.
* @type str $id_base Widget ID base.
* }
* @return array
*/
public function widget_classes( $classes, $widget_data ) {
$instance = $widget_data[2];
$id_base = $widget_data[3];
if ( 'text' === $id_base ) {
if ( isset( $instance['text'] ) && empty( $instance['text'] ) ) {
$classes[] = 'only-title';
}
if ( isset( $instance['aamla_text_featured_image'] ) && $instance['aamla_text_featured_image'] ) {
$classes[] = 'has-featured-image';
}
}
return $classes;
}
/**
* Register widget area.
*
* @since 1.0.1
*
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
*
* @param array $widgets Array of arguments for the sidebar being registered.
* @return array Array of arguments for the sidebar being registered.
*/
public function register_widget_areas( $widgets ) {
foreach ( $this->get_pages_with_custom_widget() as $id => $title ) {
array_push(
$widgets,
[
'name' => esc_html__( 'Page - ', 'aamla' ) . esc_html( $title ),
'id' => 'widgetlayer-page-' . absint( $id ),
'before_widget' => '