288 lines
11 KiB
PHP
288 lines
11 KiB
PHP
<?php
|
|
function areoi_render_block_post_grid( $attributes, $content )
|
|
{
|
|
$allow_pattern = true;
|
|
|
|
$post_type = !empty( $attributes['post_type'] ) ? esc_attr( $attributes['post_type'] ) : 'post';
|
|
$display_posts = !empty( $attributes['display_posts'] ) ? esc_attr( $attributes['display_posts'] ) : 'selected';
|
|
$posts_per_page = !empty( $attributes['posts_per_page'] ) ? esc_attr( $attributes['posts_per_page'] ) : '8';
|
|
$orderby = !empty( $attributes['orderby'] ) ? esc_attr( $attributes['orderby'] ) : 'title';
|
|
$order = !empty( $attributes['order'] ) ? esc_attr( $attributes['order'] ) : 'asc';
|
|
$post_ids = !empty( $attributes['post_ids'] ) ? $attributes['post_ids'] : [];
|
|
$layout = !empty( $attributes['layout'] ) ? esc_attr( $attributes['layout'] ) : 'gird';
|
|
$style = !empty( $attributes['style'] ) ? esc_attr( $attributes['style'] ) : 'card';
|
|
$container = !empty( $attributes['container'] ) ? esc_attr( $attributes['container'] ) : 'container';
|
|
$columns = !empty( $attributes['columns'] ) ? esc_attr( $attributes['columns'] ) : '3';
|
|
$title_element = !empty( $attributes['title_element'] ) ? esc_attr( $attributes['title_element'] ) : 'h1';
|
|
$text_color = !empty( $attributes['text_color'] ) ? esc_attr( $attributes['text_color'] ) : '';
|
|
$include_media = !empty( $attributes['include_media'] ) ? 'has-image' : true;
|
|
$media_layout = !empty( $attributes['media_layout'] ) ? esc_attr( $attributes['media_layout'] ) : 'inline';
|
|
$include_pagination = !empty( $attributes['include_pagination'] ) ? esc_attr( $attributes['include_pagination'] ) : false;
|
|
$pagination_color = !empty( $attributes['pagination_color'] ) ? esc_attr( $attributes['pagination_color'] ) : 'btn-primary';
|
|
$show_all = in_array( 'all', $post_ids );
|
|
|
|
if ( !in_array( $title_element, ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] ) ) {
|
|
$title_element = 'h3';
|
|
}
|
|
|
|
$background = include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
|
|
|
|
$class = trim(
|
|
areoi_get_class_name_str( array(
|
|
'areoi-content-grid',
|
|
'areoi-content-grid-' . $layout,
|
|
'd-flex',
|
|
( !empty( $attributes['size'] ) ? $attributes['size'] : 'areoi-medium' ),
|
|
|
|
( empty( $attributes['hide_xs'] ) && !empty( $attributes['vertical_align_xs'] ) ? $attributes['vertical_align_xs'] : '' ),
|
|
( empty( $attributes['hide_sm'] ) && !empty( $attributes['vertical_align_sm'] ) ? $attributes['vertical_align_sm'] : '' ),
|
|
( empty( $attributes['hide_md'] ) && !empty( $attributes['vertical_align_md'] ) ? $attributes['vertical_align_md'] : '' ),
|
|
( empty( $attributes['hide_lg'] ) && !empty( $attributes['vertical_align_lg'] ) ? $attributes['vertical_align_lg'] : '' ),
|
|
( empty( $attributes['hide_xl'] ) && !empty( $attributes['vertical_align_xl'] ) ? $attributes['vertical_align_xl'] : '' ),
|
|
( empty( $attributes['hide_xxl'] ) && !empty( $attributes['vertical_align_xxl'] ) ? $attributes['vertical_align_xxl'] : '' ),
|
|
|
|
( empty( $attributes['hide_xs'] ) && !empty( $attributes['horizontal_align_xs'] ) ? $attributes['horizontal_align_xs'] : '' ),
|
|
( empty( $attributes['hide_sm'] ) && !empty( $attributes['horizontal_align_sm'] ) ? $attributes['horizontal_align_sm'] : '' ),
|
|
( empty( $attributes['hide_md'] ) && !empty( $attributes['horizontal_align_md'] ) ? $attributes['horizontal_align_md'] : '' ),
|
|
( empty( $attributes['hide_lg'] ) && !empty( $attributes['horizontal_align_lg'] ) ? $attributes['horizontal_align_lg'] : '' ),
|
|
( empty( $attributes['hide_xl'] ) && !empty( $attributes['horizontal_align_xl'] ) ? $attributes['horizontal_align_xl'] : '' ),
|
|
( empty( $attributes['hide_xxl'] ) && !empty( $attributes['horizontal_align_xxl'] ) ? $attributes['horizontal_align_xxl'] : '' ),
|
|
|
|
( !empty( $attributes['align'] ) ? 'align' . $attributes['align'] : '' ),
|
|
( !empty( $attributes['className'] ) ? $attributes['className'] : '' ),
|
|
) )
|
|
. ' ' .
|
|
areoi_get_display_class_str( $attributes, 'block' )
|
|
);
|
|
|
|
$prepend = areoi_get_prepend_content( $attributes );
|
|
|
|
$output = '
|
|
<div ' . areoi_return_id( $attributes ) . ' class="' . areoi_format_block_id( $attributes['block_id'] ) . ' ' . $class . ' position-relative">
|
|
' . $background . '
|
|
<div class="' . $container . '">
|
|
|
|
<div class="row h-100">
|
|
<div class="col">
|
|
|
|
' . $prepend . '
|
|
';
|
|
|
|
$post__in = $post_ids;
|
|
$post_parent__in = array();
|
|
$post_parent__not_in = array();
|
|
if ( $post_type == 'child-pages' || $display_posts == 'children' ) {
|
|
$post_parent__in = $post_ids;
|
|
$post__in = array();
|
|
}
|
|
|
|
if ( $show_all ) {
|
|
$post__in = array();
|
|
$post_parent__in = array('0');
|
|
}
|
|
|
|
if ( $show_all && $display_posts == 'children' ) {
|
|
$post__in = array();
|
|
$post_parent__in = array();
|
|
$post_parent__not_in = array('0');
|
|
}
|
|
|
|
$paged = get_query_var('paged') ? get_query_var('paged') : get_query_var('page');
|
|
$args = array(
|
|
'posts_per_page' => $posts_per_page,
|
|
'post_type' => $post_type,
|
|
'post_parent__in' => $post_parent__in,
|
|
'post_parent__not_in'=> $post_parent__not_in,
|
|
'post__in' => $post__in,
|
|
'orderby' => $orderby,
|
|
'order' => $order,
|
|
'paged' => $paged,
|
|
'ignore_sticky_posts' => 1
|
|
);
|
|
|
|
$the_query = new WP_Query( $args );
|
|
|
|
|
|
|
|
if ( $the_query->have_posts() ) {
|
|
|
|
$output .= '<div class="row areoi-content-grid-columns areoi-content-grid-columns-' . $columns . '">';
|
|
|
|
while ( $the_query->have_posts() ) {
|
|
$the_query->the_post();
|
|
|
|
$url = $attributes['include_permalink'] ? '<a class="areoi-full-link" href="' . get_the_permalink() . '"></a>' : null;
|
|
$title = $attributes['include_title'] ? '<' . $title_element . ' class="' . esc_attr( $text_color ) . '">' . get_the_title() . '</' . $title_element . '>' : null;
|
|
$excerpt = $attributes['include_excerpt'] ? '<p class="' . esc_attr( $text_color ) . '">' . get_the_excerpt() . '</p>' : null;
|
|
|
|
$content = '<div>' . $title . $excerpt . '</div>';
|
|
|
|
$media = '';
|
|
|
|
if ( $include_media ) {
|
|
|
|
if ( $media_layout == 'inline' && get_the_post_thumbnail() ) {
|
|
|
|
$media .= '<div class="card-img-top position-relative">';
|
|
$media .= '<div class="areoi-background">';
|
|
|
|
$media .= get_the_post_thumbnail();
|
|
|
|
$media .= '</div>';
|
|
$media .= '</div>';
|
|
|
|
} elseif ( $media_layout == 'background' ) {
|
|
|
|
$image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
|
|
|
|
$attributes['background_display'] = true;
|
|
$attributes['background_image'] = array( 'url' => !empty( $image[0] ) ? $image[0] : null );
|
|
$attributes['background_color'] = $attributes['item_background_color'];
|
|
$attributes['background_display_overlay'] = esc_attr( $attributes['item_display_overlay'] );
|
|
$attributes['background_overlay'] = $attributes['item_overlay'];
|
|
|
|
$allow_pattern = false;
|
|
$media .= include( AREOI__PLUGIN_DIR . '/blocks/_partials/background.php' );
|
|
}
|
|
}
|
|
|
|
$card_class = trim(
|
|
areoi_get_class_name_str( array(
|
|
'card-body',
|
|
'd-flex',
|
|
'position-relative',
|
|
|
|
( !empty( $attributes['item_vertical_align_xs'] ) ? $attributes['item_vertical_align_xs'] : '' ),
|
|
( !empty( $attributes['item_vertical_align_sm'] ) ? $attributes['item_vertical_align_sm'] : '' ),
|
|
( !empty( $attributes['item_vertical_align_md'] ) ? $attributes['item_vertical_align_md'] : '' ),
|
|
( !empty( $attributes['item_vertical_align_lg'] ) ? $attributes['item_vertical_align_lg'] : '' ),
|
|
( !empty( $attributes['item_vertical_align_xl'] ) ? $attributes['item_vertical_align_xl'] : '' ),
|
|
( !empty( $attributes['item_vertical_align_xxl'] ) ? $attributes['item_vertical_align_xxl'] : '' ),
|
|
|
|
( !empty( $attributes['item_horizontal_align_xs'] ) ? $attributes['item_horizontal_align_xs'] : '' ),
|
|
( !empty( $attributes['item_horizontal_align_sm'] ) ? $attributes['item_horizontal_align_sm'] : '' ),
|
|
( !empty( $attributes['item_horizontal_align_md'] ) ? $attributes['item_horizontal_align_md'] : '' ),
|
|
( !empty( $attributes['item_horizontal_align_lg'] ) ? $attributes['item_horizontal_align_lg'] : '' ),
|
|
( !empty( $attributes['item_horizontal_align_xl'] ) ? $attributes['item_horizontal_align_xl'] : '' ),
|
|
( !empty( $attributes['item_horizontal_align_xxl'] ) ? $attributes['item_horizontal_align_xxl'] : '' ),
|
|
|
|
( !empty( $attributes['item_text_align_xs'] ) ? $attributes['item_text_align_xs'] : '' ),
|
|
( !empty( $attributes['item_text_align_sm'] ) ? $attributes['item_text_align_sm'] : '' ),
|
|
( !empty( $attributes['item_text_align_md'] ) ? $attributes['item_text_align_md'] : '' ),
|
|
( !empty( $attributes['item_text_align_lg'] ) ? $attributes['item_text_align_lg'] : '' ),
|
|
( !empty( $attributes['item_text_align_xl'] ) ? $attributes['item_text_align_xl'] : '' ),
|
|
( !empty( $attributes['item_text_align_xxl'] ) ? $attributes['item_text_align_xxl'] : '' ),
|
|
|
|
$text_color,
|
|
) )
|
|
);
|
|
|
|
$class = trim(
|
|
areoi_get_class_name_str( array(
|
|
'areoi-content-grid-item',
|
|
$include_media,
|
|
( !empty( $attributes['card_size'] ) ? esc_attr( $attributes['card_size'] ) : 'areoi-card-small' ),
|
|
) )
|
|
);
|
|
|
|
switch ( $style ) {
|
|
case 'full':
|
|
|
|
$output .= '
|
|
<div class="' . $class . ' p-0">
|
|
|
|
<div class="d-flex flex-column h-100 overflow-hidden position-relative areoi-has-url">
|
|
|
|
' . $media . '
|
|
|
|
<div class="' . $card_class . '">
|
|
' . $content . '
|
|
</div>
|
|
|
|
' . $url . '
|
|
|
|
</div>
|
|
</div>
|
|
';
|
|
|
|
break;
|
|
|
|
case 'flush':
|
|
|
|
$output .= '
|
|
<div class="' . $class . '">
|
|
|
|
<div class="d-flex flex-column h-100 overflow-hidden position-relative areoi-has-url">
|
|
|
|
' . $media . '
|
|
|
|
<div class="' . $card_class . '">
|
|
' . $content . '
|
|
</div>
|
|
|
|
' . $url . '
|
|
|
|
</div>
|
|
</div>
|
|
';
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
|
|
$output .= '
|
|
<div class="' . $class . '">
|
|
|
|
<div class="card h-100 overflow-hidden position-relative areoi-has-url">
|
|
|
|
' . $media . '
|
|
|
|
<div class="' . $card_class . '">
|
|
' . $content . '
|
|
</div>
|
|
|
|
' . $url . '
|
|
|
|
</div>
|
|
</div>
|
|
';
|
|
|
|
break;
|
|
}
|
|
|
|
}
|
|
|
|
$output .= '</div>';
|
|
|
|
if ( $include_pagination ) {
|
|
$big = 999999999;
|
|
$pages = paginate_links( array(
|
|
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
|
|
'format' => '?paged=%#%',
|
|
'current' => max( 1, $paged ),
|
|
'total' => $the_query->max_num_pages,
|
|
) );
|
|
$pages = str_replace( 'page-numbers', 'page-numbers btn ' . $pagination_color, $pages );
|
|
$pages = str_replace( 'current', 'current active', $pages );
|
|
|
|
$output .= '
|
|
<div class="text-center p-2">
|
|
<div class="btn-group">' . $pages . '</div>
|
|
</div>
|
|
';
|
|
}
|
|
|
|
wp_reset_postdata();
|
|
}
|
|
|
|
$output .= '
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
';
|
|
|
|
return $output;
|
|
}
|