File: /home/confeduphaar/www/wp-content/plugins/ova-framework/ova-elementor/widgets/ova_blog_slide.php
<?php
namespace ova_framework\Widgets;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Typography;
use Elementor\Group_Control_Border;
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
class ova_blog_slide extends Widget_Base {
public function get_name() {
return 'ova_blog_slide';
}
public function get_title() {
return __( 'Blog Slide', 'ova-framework' );
}
public function get_icon() {
return 'eicon-post-slider';
}
public function get_categories() {
return [ 'ovatheme' ];
}
public function get_script_depends() {
// Carousel
wp_enqueue_style( 'owl-carousel', OVA_PLUGIN_URI.'assets/libs/owl-carousel/assets/owl.carousel.min.css' );
wp_enqueue_script( 'owl-carousel', OVA_PLUGIN_URI.'assets/libs/owl-carousel/owl.carousel.min.js', array('jquery'), false, true );
return [ 'script-elementor' ];
}
protected function register_controls() {
$args = array(
'orderby' => 'name',
'order' => 'ASC'
);
$categories=get_categories($args);
$cate_array = array();
$arrayCateAll = array( 'all' => 'All categories ' );
if ($categories) {
foreach ( $categories as $cate ) {
$cate_array[$cate->cat_name] = $cate->slug;
}
} else {
$cate_array["No content Category found"] = 0;
}
//SECTION CONTENT
$this->start_controls_section(
'section_content',
[
'label' => __( 'Content', 'ova-framework' ),
]
);
$this->add_control(
'category',
[
'label' => __( 'Category', 'ova-framework' ),
'type' => Controls_Manager::SELECT,
'default' => 'all',
'options' => array_merge($arrayCateAll,$cate_array),
]
);
$this->add_control(
'total_count',
[
'label' => __( 'Post Total', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'default' => 3,
]
);
$this->add_control(
'order_by',
[
'label' => __('Order', 'ova-framework'),
'type' => Controls_Manager::SELECT,
'default' => 'desc',
'options' => [
'asc' => __('Ascending', 'ova-framework'),
'desc' => __('Descending', 'ova-framework'),
]
]
);
$this->add_control(
'orderby',
[
'label' => __('Order By', 'ova-framework'),
'type' => Controls_Manager::SELECT,
'default' => 'ID',
'options' => [
'ID' => __('ID', 'ova-framework'),
'title' => __('Title', 'ova-framework'),
'date' => __('Date', 'ova-framework'),
'rand' => __('Random', 'ova-framework'),
]
]
);
$this->add_control(
'text_readmore',
[
'label' => __( 'Text Read More', 'ova-framework' ),
'type' => Controls_Manager::TEXT,
'default' => __('Continue Reading', 'ova-framework'),
]
);
$this->add_control(
'show_date',
[
'label' => __( 'Show Date', 'ova-framework' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'ova-framework' ),
'label_off' => __( 'Hide', 'ova-framework' ),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_meta',
[
'label' => __( 'Show Meta', 'ova-framework' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'ova-framework' ),
'label_off' => __( 'Hide', 'ova-framework' ),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_title',
[
'label' => __( 'Show Title', 'ova-framework' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'ova-framework' ),
'label_off' => __( 'Hide', 'ova-framework' ),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_read_more',
[
'label' => __( 'Show Reada More', 'ova-framework' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'ova-framework' ),
'label_off' => __( 'Hide', 'ova-framework' ),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->end_controls_section();
//END SECTION CONTENT
$this->start_controls_section(
'section_additional_options',
[
'label' => __( 'Additional Options', 'ova-framework' ),
]
);
/*************************** VERSION 1 ***********************/
$this->add_control(
'margin_items',
[
'label' => __( 'Margin Right Items', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'default' => 30,
]
);
$this->add_control(
'item_number',
[
'label' => __( 'Item Number', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'description' => __( 'Number Item', 'ova-framework' ),
'default' => 4,
]
);
$this->add_control(
'slides_to_scroll',
[
'label' => __( 'Slides to Scroll', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'description' => __( 'Set how many slides are scrolled per swipe.', 'ova-framework' ),
'default' => 1,
]
);
$this->add_control(
'pause_on_hover',
[
'label' => __( 'Pause on Hover', 'ova-framework' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'options' => [
'yes' => __( 'Yes', 'ova-framework' ),
'no' => __( 'No', 'ova-framework' ),
],
'frontend_available' => true,
]
);
$this->add_control(
'infinite',
[
'label' => __( 'Infinite Loop', 'ova-framework' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'options' => [
'yes' => __( 'Yes', 'ova-framework' ),
'no' => __( 'No', 'ova-framework' ),
],
'frontend_available' => true,
]
);
$this->add_control(
'autoplay',
[
'label' => __( 'Autoplay', 'ova-framework' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'options' => [
'yes' => __( 'Yes', 'ova-framework' ),
'no' => __( 'No', 'ova-framework' ),
],
'frontend_available' => true,
]
);
$this->add_control(
'autoplay_speed',
[
'label' => __( 'Autoplay Speed', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'default' => 3000,
'step' => 500,
'condition' => [
'autoplay' => 'yes',
],
'frontend_available' => true,
]
);
$this->add_control(
'smartspeed',
[
'label' => __( 'Smart Speed', 'ova-framework' ),
'type' => Controls_Manager::NUMBER,
'default' => 500,
]
);
$this->add_control(
'center',
[
'label' => __( 'Center', 'ova-framework' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'options' => [
'yes' => __( 'Yes', 'ova-framework' ),
'no' => __( 'No', 'ova-framework' ),
],
'frontend_available' => true,
]
);
$this->add_control(
'dot_control',
[
'label' => __( 'Show Dots', 'ova-framework' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'no',
'options' => [
'yes' => __( 'Yes', 'ova-framework' ),
'no' => __( 'No', 'ova-framework' ),
],
'frontend_available' => true,
]
);
$this->end_controls_section();
//SECTION TAB STYLE DATE
$this->start_controls_section(
'section_date',
[
'label' => __( 'Date', 'ova-framework' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'date_typography',
'selector' => '{{WRAPPER}} .blog-grid article.post-wrap .post-meta-date .post-meta-content-date',
]
);
$this->add_control(
'color_date',
[
'label' => __( 'Color', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-date .post-meta-content-date' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'bg_color_date',
[
'label' => __( 'Background Color', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-date .post-meta-content-date' => 'background-color : {{VALUE}};',
],
]
);
$this->end_controls_section();
//END SECTION TAB STYLE DATE
$this->start_controls_section(
'section_meta',
[
'label' => __( 'Meta', 'ova-framework' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'meta_typography',
'selector' => '{{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid a, {{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid span',
]
);
$this->add_control(
'color_meta',
[
'label' => __( 'Color', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid a' => 'color : {{VALUE}};',
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid span' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'color_meta_hover',
[
'label' => __( 'Color Hover', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid a:hover' => 'color : {{VALUE}};',
],
]
);
$this->add_responsive_control(
'margin_meta',
[
'label' => __( 'Margin', 'ova-framework' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-meta-grid' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//SECTION TAB STYLE TITLE
$this->start_controls_section(
'section_title',
[
'label' => __( 'Title', 'ova-framework' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .blog-grid article.post-wrap .post-title a h2.post-title',
]
);
$this->add_control(
'color_title',
[
'label' => __( 'Color Title', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-title a h2.post-title' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'color_title_hover',
[
'label' => __( 'Color Title Hover', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-title a:hover h2.post-title' => 'color : {{VALUE}};',
],
]
);
$this->add_responsive_control(
'margin_title',
[
'label' => __( 'Margin', 'ova-framework' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-title h2.post-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//END SECTION TAB STYLE TITLE
//SECTION TAB STYLE READMORE
$this->start_controls_section(
'section_readmore',
[
'label' => __( 'Read More', 'ova-framework' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'readmore_typography',
'selector' => '{{WRAPPER}} .blog-grid article.post-wrap .post-footer .egovt-post-readmore a',
]
);
$this->add_control(
'color_readmore',
[
'label' => __( 'Color Read More', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-footer .egovt-post-readmore a' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'color_readmore_hover',
[
'label' => __( 'Color Read More Hover', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-footer .egovt-post-readmore a:hover' => 'color : {{VALUE}};',
],
]
);
$this->add_responsive_control(
'margin_readmore',
[
'label' => __( 'Margin', 'ova-framework' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .blog-grid article.post-wrap .post-footer .egovt-post-readmore' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//END SECTION TAB STYLE READMORE
$this->start_controls_section(
'section_nav',
[
'label' => __( 'Navigation', 'ova-framework' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'color_nav',
[
'label' => __( 'Color', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova-blog-slide.blog-grid .owl-nav button i' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'bg_color_nav',
[
'label' => __( 'Background Color', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova-blog-slide.blog-grid .owl-nav button' => 'background-color : {{VALUE}};',
],
]
);
$this->add_control(
'color_nav_hover',
[
'label' => __( 'Color Hover', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova-blog-slide.blog-grid .owl-nav button:hover i' => 'color : {{VALUE}};',
],
]
);
$this->add_control(
'bg_color_nav_hover',
[
'label' => __( 'Background Color Hover', 'ova-framework' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ova-blog-slide.blog-grid .owl-nav button:hover' => 'background-color : {{VALUE}};',
],
]
);
$this->end_controls_section();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
*
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
$category = $settings['category'];
$total_count = $settings['total_count'];
$order = $settings['order_by'];
$orderby = $settings['orderby'];
$text_readmore = $settings['text_readmore'];
$show_date = $settings['show_date'];
$show_meta = $settings['show_meta'];
$show_title = $settings['show_title'];
$show_read_more = $settings['show_read_more'];
$data_options['items'] = $settings['item_number'];
$data_options['slideBy'] = $settings['slides_to_scroll'];
$data_options['margin'] = $settings['margin_items'];
$data_options['autoplayHoverPause'] = $settings['pause_on_hover'] === 'yes' ? true : false;
$data_options['loop'] = $settings['infinite'] === 'yes' ? true : false;
$data_options['autoplay'] = $settings['autoplay'] === 'yes' ? true : false;
$data_options['autoplayTimeout'] = $settings['autoplay_speed'];
$data_options['smartSpeed'] = $settings['smartspeed'];
$data_options['dots'] = $settings['dot_control'] === 'yes' ? true : false;
$data_options['nav'] = ( isset( $settings['nav_control'] ) && $settings['nav_control'] === 'yes' ) ? true : false;
$data_options['center'] = $settings['center'] === 'yes' ? true : false;
$args = [];
if ($category == 'all') {
$args=[
'post_type' => 'post',
'posts_per_page' => $total_count,
'order' => $order,
'orderby' => $orderby,
];
} else {
$args=[
'post_type' => 'post',
'category_name'=>$category,
'posts_per_page' => $total_count,
'order' => $order,
'orderby' => $orderby,
];
}
$blog = new \WP_Query($args);
?>
<div class="ova-blog-slide blog-grid">
<div class="ova-wrap-grid blog-slide owl-carousel owl-theme" data-options="<?php echo esc_attr(json_encode($data_options)) ?>">
<?php
if($blog->have_posts()) : while($blog->have_posts()) : $blog->the_post();
$blog_img = wp_get_attachment_image_url( get_post_thumbnail_id(), 'egovt_blog_thumb' );
$medium_img = wp_get_attachment_image_url( get_post_thumbnail_id(), 'medium' );
?>
<article class="post-wrap">
<div class="wrap-article">
<div class="post-media">
<?php if( $blog_img ){ ?>
<a href="<?php echo get_the_permalink() ?>" title="<?php echo get_the_title(); ?>">
<img alt="<?php echo get_the_title(); ?>" src="<?php echo esc_url($blog_img); ?>"
srcset="<?php echo esc_url($blog_img).' 560w'; ?>,
<?php echo esc_url($medium_img).' 300w'; ?>"
sizes="(max-width: 767px) 100vw, 560px" >
</a>
<?php } ?>
</div>
<div class="evgovt-content">
<?php if( $show_date == 'yes' && get_post_thumbnail_id() != ''){ ?>
<div class="post-meta-date">
<span class="post-meta-content-date">
<span class=" post-date">
<span class="right second_font"><?php the_time( get_option( 'date_format' ));?></span>
</span>
</span>
</div>
<?php } ?>
<?php if( $show_meta == 'yes' ){ ?>
<div class="post-meta-grid">
<span class="post-meta-content-grid">
<?php if(has_category( )) { ?>
<span class="wp-categories">
<span class="slash ova-meta-general"><?php esc_html_e('In', 'ova-framework') ?></span>
<span class=" categories">
<span class="right"><?php the_category('‚ '); ?></span><!-- end right -->
</span><!-- end categories -->
</span><!-- end wp-category -->
<?php } ?>
<span class=" comment">
<span class="right">
<i data-feather="message-square"></i>
<?php comments_popup_link(
esc_html__(' 0', 'ova-framework'),
esc_html__(' 1', 'ova-framework'),
' % ',
'',
esc_html__( 'Comment off', 'ova-framework' )
); ?>
</span>
</span>
</span>
</div>
<?php } ?>
<?php if( $show_title == 'yes' ){ ?>
<div class="post-title">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
<h2 class="post-title"><?php the_title(); ?></h2>
</a>
</div>
<?php } ?>
<?php if( $show_read_more == 'yes' ){ ?>
<div class="post-footer">
<div class="egovt-post-readmore">
<a class="btn-readmore second_font" href="<?php the_permalink(); ?>">
<?php echo esc_html( $text_readmore ) ?>
<i data-feather="arrow-right"></i>
</a>
</div>
</div>
<?php } ?>
</div>
</div>
</article>
<?php
endwhile; endif; wp_reset_postdata();
?>
</div>
</div>
<?php
}
}