Manager

Back Back Up Advanced Editor

<?php

namespace Powerfolio\Widgets;

use Elementor\Widget_Base;
use Elementor\Controls_Manager;
if ( !defined( 'ABSPATH' ) ) {
    exit;
}
// Exit if accessed directly
/**
 *
 * @since 1.0.0
 */
class ELPT_Portfolio_Widget extends Widget_Base {
    /**
     * Retrieve the widget name.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget name.
     */
    public function get_name() {
        return 'elpug';
    }

/**
     * Retrieve the widget title.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget title.
     */
    public function get_title() {
        return __( 'Elementor Portfolio (Powerfolio)', 'powerfolio' );
    }

/**
     * Retrieve the widget icon.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return string Widget icon.
     */
    public function get_icon() {
        return 'eicon-gallery-justified';
    }

/**
     * Retrieve the list of categories the widget belongs to.
     *
     * Used to determine where to display the widget in the editor.
     *
     * Note that currently Elementor supports only one category.
     * When multiple categories passed, Elementor uses the first one.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return array Widget categories.
     */
    public function get_categories() {
        return ['elpug-elements'];
    }

/**
     * Retrieve the list of scripts the widget depended on.
     *
     * Used to set scripts dependencies required to run the widget.
     *
     * @since 1.0.0
     *
     * @access public
     *
     * @return array Widget scripts dependencies.
     */
    public function get_script_depends() {
        return ['elpug'];
    }

/**
     * Register the widget controls.
     *
     * Adds different input fields to allow the user to change and customize the widget settings.
     *
     * @since 1.0.0
     *
     * @access protected
     */
    protected function register_controls() {
        //=========== Main Settings	==============
        $this->start_controls_section( 'section_content', [
            'label' => __( 'General Settings', 'powerfolio' ),
            'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
        ] );
        $this->add_control( 'postsperpage', [
            'label'       => __( 'Total number of projects to show', 'powerfolio' ),
            'description' => __( 'Pagination is now available in Powerfolio PRO version!', 'powerfolio' ),
            'type'        => Controls_Manager::NUMBER,
            'default'     => 12,
            'min'         => 1,
            'max'         => 999,
            'step'        => 1,
        ] );
        // END - PRO Version Snippet
        $showfilter_description = '';
        $this->add_control( 'showfilter', [
            'label'       => __( 'Show category filter?', 'powerfolio' ),
            'description' => $showfilter_description,
            'type'        => Controls_Manager::SELECT,
            'default'     => 'yes',
            'options'     => \Powerfolio_Common_Settings::get_yes_no_options(),
        ] );
        $this->add_control( 'showallbtn', [
            'label'       => __( 'Show "All" option?', 'powerfolio' ),
            'description' => $showfilter_description,
            'type'        => Controls_Manager::SELECT,
            'default'     => 'yes',
            'condition'   => [
                'showfilter' => 'yes',
            ],
            'options'     => \Powerfolio_Common_Settings::get_yes_no_options(),
        ] );
        $this->add_control( 'tax_text', [
            'label'     => __( 'All Categories - Button Text', '' ),
            'type'      => \Elementor\Controls_Manager::TEXT,
            'default'   => __( 'All', '' ),
            'condition' => [
                'showfilter' => 'yes',
            ],
        ] );
        $this->add_control( 'Upgrade_note1', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $this->end_controls_section();
        //=========== END - Main Settings	==============
        //=========== Grid Settings	==============
        $this->start_controls_section( 'section_grid', [
            'label' => __( 'Grid Settings', 'powerfolio' ),
            'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
        ] );
        $description = __( 'Upgrade your plan to to enable more grid options, or build your own using the Grid Builder tool, our exclusive feature! <a href="https://checkout.freemius.com/mode/dialog/plugin/7226/plan/12571/">CLICK TO UPGRADE</a><br/><br/<br/> You can also order our customized grid service - for this, please request a quote at dotrex@dotrex.co', 'powerfolio' );
        // END - PRO Version Snippet
        //Style
        $this->add_control( 'style', [
            'label'       => __( 'Grid Style', 'powerfolio' ),
            'type'        => Controls_Manager::SELECT,
            'default'     => 'box',
            'description' => $description,
            'options'     => \Powerfolio_Common_Settings::get_grid_options(),
        ] );
        //columns
        $this->add_control( 'columns', [
            'label'      => __( 'Number of columns', 'powerfolio' ),
            'type'       => Controls_Manager::SELECT,
            'default'    => '3',
            'conditions' => array(
                'relation' => 'or',
                'terms'    => array(array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'box',
                ), array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'masonry',
                )),
            ),
            'options'    => \Powerfolio_Common_Settings::get_column_options(),
        ] );
        $margin_description = '';
        $this->add_control( 'margin', [
            'label'        => __( 'Use item margin?', 'powerfolio' ),
            'description'  => $margin_description,
            'type'         => Controls_Manager::SWITCHER,
            'default'      => 'yes',
            'return_value' => 'yes',
            'conditions'   => array(
                'relation' => 'or',
                'terms'    => array(array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'box',
                ), array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'masonry',
                ), array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'grid_builder',
                )),
            ),
        ] );
        //Margin Size
        $this->add_control( 'margin_size', [
            'label'      => __( 'Additional Margin (px)', 'powerfolio' ),
            'type'       => Controls_Manager::SLIDER,
            'size_units' => ['px'],
            'conditions' => array(
                'relation' => 'or',
                'terms'    => array(array(
                    'name'     => 'margin',
                    'operator' => '==',
                    'value'    => 'yes',
                )),
            ),
            'range'      => [
                'px' => [
                    'min'  => 0,
                    'max'  => 20,
                    'step' => 1,
                ],
            ],
            'default'    => [
                'unit' => 'px',
                'size' => 0,
            ],
            'selectors'  => [
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-margin .portfolio-item-wrapper' => 'padding-right: calc(5px + {{SIZE}}{{UNIT}}); padding-left: calc(5px + {{SIZE}}{{UNIT}}); padding-bottom: calc((5px + {{SIZE}}{{UNIT}})*2);',
            ],
        ] );
        //================================== GRID BUILDER ========================
        for ($i = 1; $i <= 20; $i++) {
            //width
            $item = 'item_' . $i;
            $this->add_control( $item . '_heading', [
                'label'      => __( 'Item ' . $i . '', 'powerfolio' ),
                'type'       => \Elementor\Controls_Manager::HEADING,
                'separator'  => 'before',
                'conditions' => array(
                    'relation' => 'and',
                    'terms'    => array(array(
                        'name'     => 'style',
                        'operator' => '==',
                        'value'    => 'grid_builder',
                    ), array(
                        'name'     => 'postsperpage',
                        'operator' => '>=',
                        'value'    => $i,
                    )),
                ),
            ] );
            $this->add_control( $item, [
                'label'      => __( 'Width (%)', 'powerfolio' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['%'],
                'default'    => [
                    'unit' => '%',
                    'size' => 25,
                ],
                'range'      => [
                    '%' => [
                        'min'  => 10,
                        'max'  => 100,
                        'step' => 5,
                    ],
                ],
                'conditions' => array(
                    'relation' => 'and',
                    'terms'    => array(array(
                        'name'     => 'style',
                        'operator' => '==',
                        'value'    => 'grid_builder',
                    ), array(
                        'name'     => 'postsperpage',
                        'operator' => '>=',
                        'value'    => $i,
                    )),
                ),
                'selectors'  => [
                    '{{WRAPPER}} .elpt-portfolio-content .portfolio-item-wrapper:nth-child(' . $i . ')' => 'width: {{SIZE}}{{UNIT}} !important;',
                ],
            ] );
            //height
            $itemh = 'item_height_' . $i;
            $this->add_control( $itemh, [
                'label'      => __( 'Height (px)', 'powerfolio' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'default'    => [
                    'unit' => 'px',
                    'size' => 280,
                ],
                'range'      => [
                    'px' => [
                        'min'  => 20,
                        'max'  => 840,
                        'step' => 20,
                    ],
                ],
                'conditions' => array(
                    'relation' => 'and',
                    'terms'    => array(array(
                        'name'     => 'style',
                        'operator' => '==',
                        'value'    => 'grid_builder',
                    ), array(
                        'name'     => 'postsperpage',
                        'operator' => '>=',
                        'value'    => $i,
                    )),
                ),
                'selectors'  => [
                    '{{WRAPPER}} .elpt-portfolio-content .portfolio-item-wrapper:nth-child(' . $i . ') a' => 'height: {{SIZE}}{{UNIT}} !important;',
                ],
            ] );
            /*$this->add_control(
            			'hr_'.$i,
            			[
            				'type' => \Elementor\Controls_Manager::DIVIDER,
            				'conditions' => array(
            					'relation' => 'and',
            					'terms'    => array(
            						array(
            							'name'     => 'style',
            							'operator' => '==',
            							'value'   => 'grid_builder',
            						),
            						array(
            							'name'     => 'postsperpage',
            							'operator' => '>=',
            							 'value'   => $i,
            						)
            					)
            				),
            			]
            		);*/
        }
        //================================== END OF GRID BUILDER==================
        //Box Height
        $this->add_control( 'box_height', [
            'label'      => __( 'Box Height (px)', 'powerfolio' ),
            'type'       => Controls_Manager::SLIDER,
            'size_units' => ['px'],
            'conditions' => array(
                'relation' => 'or',
                'terms'    => array(array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'box',
                ), array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'specialgrid5',
                ), array(
                    'name'     => 'style',
                    'operator' => '==',
                    'value'    => 'specialgrid6',
                )),
            ),
            'range'      => [
                'px' => [
                    'min'  => 10,
                    'max'  => 800,
                    'step' => 1,
                ],
            ],
            'default'    => [
                'unit' => 'px',
                'size' => 250,
            ],
            'selectors'  => [
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-style-box .portfolio-item'              => 'height: {{SIZE}}{{UNIT}};',
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-special-grid-5 .portfolio-item-wrapper' => 'height: {{SIZE}}{{UNIT}};',
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-special-grid-5 .portfolio-item'         => 'height: {{SIZE}}{{UNIT}};',
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-special-grid-6 .portfolio-item-wrapper' => 'height: {{SIZE}}{{UNIT}};',
                '{{WRAPPER}} .elpt-portfolio-content.elpt-portfolio-special-grid-6 .portfolio-item'         => 'height: {{SIZE}}{{UNIT}};',
            ],
        ] );
        $this->add_control( 'Upgrade_note2', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $this->end_controls_section();
        //=========== END - Grid Settings	==============
        //=========== Hover Settings	==============
        $this->start_controls_section( 'section_hover', [
            'label' => __( 'Hover Effect Settings', 'powerfolio' ),
            'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
        ] );
        $description = __( 'Upgrade your plan to get access to 15+ hover effects! <a href="https://checkout.freemius.com/mode/dialog/plugin/7226/plan/12571/">CLICK TO UPGRADE</a>', 'powerfolio' );
        $this->add_control( 'hover', [
            'label'   => __( 'Hover Style', 'powerfolio' ),
            'type'    => Controls_Manager::SELECT,
            'default' => 'simple',
            'options' => \Powerfolio_Common_Settings::get_hover_options(),
        ] );
        // END - PRO Version Snippet
        $this->add_control( 'linkto', [
            'label'   => __( 'Each project links to', 'powerfolio' ),
            'type'    => Controls_Manager::SELECT,
            'default' => 'project',
            'options' => \Powerfolio_Common_Settings::get_lightbox_options( 'elementor' ),
        ] );
        $this->add_control( 'Upgrade_note3', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        //=========== END - Grid Settings	==============
        $this->end_controls_section();
        //=========== ADVANCED SECTION	==============
        $this->start_controls_section( 'section_advanced', [
            'label' => __( 'Advanced', 'powerfolio' ),
            'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
        ] );
        $this->add_control( 'custom_js', [
            'label'    => __( 'Custom JS', 'powerfolio' ),
            'type'     => \Elementor\Controls_Manager::CODE,
            'language' => 'javascript',
            'rows'     => 20,
        ] );
        $this->add_control( 'upgrade_note4', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $this->end_controls_section();
        //=========== END - ADVANCED SECTION	==============
        //==========================================================================================
        $this->start_controls_section( 'section_item_description', [
            'label' => __( 'Item', 'powerfolio' ),
            'tab'   => Controls_Manager::TAB_STYLE,
        ] );
        //Hover: Background color
        $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [
            'name'     => 'bgcolor',
            'label'    => __( 'Hover: Background Color', 'powerfolio' ),
            'types'    => ['classic', 'gradient'],
            'selector' => '{{WRAPPER}} .portfolio-item-infos-wrapper',
        ] );
        // END - PRO Version Snippets
        //Border Size
        $this->add_control( 'border_size', [
            'label'      => __( 'Item: Border Size', 'powerfolio' ),
            'type'       => Controls_Manager::SLIDER,
            'size_units' => ['px'],
            'range'      => [
                'px' => [
                    'min' => 0,
                    'max' => 40,
                ],
            ],
            'default'    => [
                'unit' => 'px',
                'size' => 0,
            ],
            'selectors'  => [
                '{{WRAPPER}} .elpt-portfolio-content .portfolio-item' => 'border: {{SIZE}}{{UNIT}} solid #000;',
            ],
        ] );
        $this->add_control( 'item_bordercolor', [
            'label'     => __( 'Item: Border Color', 'powerfolio' ),
            'type'      => Controls_Manager::COLOR,
            'default'   => '',
            'alpha'     => true,
            'selectors' => [
                '{{WRAPPER}} .elpt-portfolio-content .portfolio-item' => 'border-color: {{VALUE}} !important;',
            ],
        ] );
        $this->add_control( 'upgrade_note5', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $this->end_controls_section();
        $this->start_controls_section( 'section_style', [
            'label' => __( 'Filter', 'powerfolio' ),
            'tab'   => Controls_Manager::TAB_STYLE,
        ] );
        $this->add_control( 'Upgrade_note6', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $this->end_controls_section();
        $this->start_controls_section( 'section_pagination_styles', [
            'label' => __( 'Pagination', 'powerfolio' ),
            'tab'   => Controls_Manager::TAB_STYLE,
        ] );
        $this->add_control( 'Upgrade_note7', [
            'label'           => '',
            'type'            => \Elementor\Controls_Manager::RAW_HTML,
            'raw'             => \Powerfolio_Common_Settings::get_upgrade_message( 'elementor' ),
            'content_classes' => 'your-class',
        ] );
        $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();
        ?>		
	
		<?php 
        // Let's use this input to set posts per page for pagination
        echo '<input id="powerfolio_pagination_postsperpage" type="hidden" value="' . esc_attr( ( isset( $settings['pagination_postsperpage'] ) ? $settings['pagination_postsperpage'] : '' ) ) . '" />';
        echo do_shortcode( '[powerfolio 
				hover="' . esc_attr( ( isset( $settings['hover'] ) ? $settings['hover'] : '' ) ) . '" 
				postsperpage="' . esc_attr( ( isset( $settings['postsperpage'] ) ? $settings['postsperpage'] : '' ) ) . '" 
				showfilter="' . esc_attr( ( isset( $settings['showfilter'] ) ? $settings['showfilter'] : '' ) ) . '" 
				showallbtn="' . esc_attr( ( isset( $settings['showallbtn'] ) ? $settings['showallbtn'] : '' ) ) . '" 
				tax_text="' . esc_attr( ( isset( $settings['tax_text'] ) ? $settings['tax_text'] : '' ) ) . '" 
				style="' . esc_attr( ( isset( $settings['style'] ) ? $settings['style'] : '' ) ) . '" 
				margin="' . esc_attr( ( isset( $settings['margin'] ) ? $settings['margin'] : '' ) ) . '" 
				columns="' . esc_attr( ( isset( $settings['columns'] ) ? $settings['columns'] : '' ) ) . '" 
				linkto="' . esc_attr( ( isset( $settings['linkto'] ) ? $settings['linkto'] : '' ) ) . '"
			]' );
        ?>

<?php 
        wp_reset_postdata();
        ?>

<?php 
    }

}