landing-klikaset/wp-content/plugins/stratum/includes/widgets/counter.php

<?php
/**
 * Class: Counter
 * Name: Counter
 * Slug: stratum-counter
 */

namespace Stratum;

use \Elementor\Controls_Manager;
use \Elementor\Utils;
use \Elementor\Plugin;

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

class Counter extends Stratum_Widget_Base {
	protected $widget_name = 'counter';

    public function __construct($data = [], $args = null) {
        parent::__construct( $data, $args );
    }

    public function get_script_depends() {
        return [ 'countup', 'waypoints' ];
     }

	public function get_title() {
		return esc_html__( 'Counter', 'stratum' );
	}

	public function get_icon() {
		return 'stratum-icon-counter';
	}

	public function get_categories() {
		return [ 'stratum-widgets' ];
    }

    protected function register_controls() {
        $controls = $this;

		/*-----------------------------------------------------------------------------------*/
        /*	Content Tab
        /*-----------------------------------------------------------------------------------*/

        $controls->start_controls_section(
			'section_content',
			[
				'label' => esc_html__( 'Content', 'stratum' )
			]
        );

			$controls->add_control(
				'start',
				[
					'label'     => esc_html__( 'Start Value', 'stratum' ),
					'type'      => Controls_Manager::NUMBER,
					'dynamic'   => [ 'active' => true ],
					'default'   => 0
				]
			);

			$controls->add_control(
				'end',
				[
					'label'     => esc_html__( 'End Value', 'stratum' ),
					'type'      => Controls_Manager::NUMBER,
					'dynamic'   => [ 'active' => true ],
					'default'   => 100
				]
			);

			$controls->add_control(
				'duration',
				[
					'label'   => esc_html__( 'Animation Duration', 'stratum' ),
					'type'    => Controls_Manager::NUMBER,
					'dynamic' => [ 'active' => true ],
					'default' => 3
				]
			);

			$controls->add_control(
				'smooth_animation',
				[
					'label' => esc_html__( 'Smooth Animation', 'stratum' ),
					'type'  => Controls_Manager::SWITCHER,
					'default' => ''
				]
			);

			$controls->add_control(
				'prefix',
				[
					'label'       => esc_html__( 'Counter Prefix', 'stratum' ),
					'label_block' => true,
					'type'        => Controls_Manager::TEXT,
					'default'     => ''
				]
			);

			$controls->add_control(
				'suffix',
				[
					'label'       => esc_html__( 'Counter Suffix', 'stratum' ),
					'label_block' => true,
					'type'        => Controls_Manager::TEXT,
					'default'     => ''
				]
			);

			$controls->add_responsive_control(
				'horizontal_alignment',
				[
					'label' => esc_html__( 'Horizontal Alignment', 'stratum' ),
					'type' => Controls_Manager::CHOOSE,
					'default' => 'flex-start',
					'toggle' => false,
					'options' => [
						'flex-start'    => [
							'title' => esc_html__( 'Left', 'stratum' ),
							'icon' => 'eicon-h-align-left',
						],
						'center' => [
							'title' => esc_html__( 'Center', 'stratum' ),
							'icon' => 'eicon-h-align-center',
						],
						'flex-end' => [
							'title' => esc_html__( 'Right', 'stratum' ),
							'icon' => 'eicon-h-align-right',
						],
					],
					'selectors' => [
						'{{WRAPPER}} .stratum-counter' => 'justify-content: {{VALUE}};'
					]
				]
			);

			$controls->end_controls_section();

			/*-----------------------------------------------------------------------------------*/
			/*	Style Tab
			/*-----------------------------------------------------------------------------------*/

			$controls->start_controls_section(
				'section_style',
				[
					'label' => esc_html__( 'Style', 'stratum' ),
					'tab' => Controls_Manager::TAB_STYLE
				]
			);

			$controls->add_control(
				'animation_effect',
				[
					'label'   => esc_html__( 'Animation Effect', 'stratum' ),
					'type'    => Controls_Manager::SELECT,
					'default' => 'outExpo',
					'options' => [
						'outExpo'    => esc_html__( 'OutExpo'   , 'stratum' ),
						'outQuintic' => esc_html__( 'OutQuintic', 'stratum' ),
						'outCubic'   => esc_html__( 'OutCubic'  , 'stratum' )
					]
				]
			);

			$controls->add_control(
				'display_separator',
				[
					'label' => esc_html__( 'Display Thousands Separator', 'stratum' ),
					'type'  => Controls_Manager::SWITCHER,
					'default' => ''
				]
			);

			$controls->add_control(
				'thousands_separator',
				[
					'label'       => esc_html__( 'Thousands Separator', 'stratum' ),
					'label_block' => true,
					'type'        => Controls_Manager::TEXT,
					'default'     => ','
				]
			);

			$controls->add_group_control(
				Stratum_Group_Control_Typography::get_type(),
				[
					'name' => 'prefix__typography',
					'selector' => '{{WRAPPER}} .stratum-counter__prefix',
					'label'	=> esc_html__( 'Prefix Typography', 'stratum' ),
					'render_type' => 'ui',
					'exclude' => ['html_tag']
				]
			);

			$controls->add_group_control(
				Stratum_Group_Control_Typography::get_type(),
				[
					'name' => 'number__typography',
					'selector' => '{{WRAPPER}} .stratum-counter__number',
					'label'	=> esc_html__( 'Number Typography', 'stratum' ),
					'render_type' => 'ui',
					'exclude' => ['html_tag']
				]
			);

			$controls->add_group_control(
				Stratum_Group_Control_Typography::get_type(),
				[
					'name' => 'suffix__typography',
					'selector' => '{{WRAPPER}} .stratum-counter__suffix',
					'label'	=> esc_html__( 'Suffix Typography', 'stratum' ),
					'render_type' => 'ui',
					'exclude' => ['html_tag']
				]
			);

			$controls->add_control(
				'decimal_places',
				[
					'label'   => esc_html__( 'Decimal Places', 'stratum' ),
					'type'    => Controls_Manager::NUMBER,
					'dynamic' => [ 'active' => true ],
					'min' => '0',
					'default' => '0'
				]
			);

			$controls->add_control(
				'decimal_separator',
				[
					'label'       => esc_html__( 'Decimal Separator', 'stratum' ),
					'label_block' => true,
					'type'        => Controls_Manager::TEXT,
					'default'     => '.'
				]
			);

			$controls->add_control(
				'numerals',
				[
					'label'   => esc_html__( 'Numerals', 'stratum' ),
					'type'    => Controls_Manager::SELECT,
					'options' => [
						'default'        => esc_html__( 'Default'       , 'stratum' ),
						'eastern_arabic' => esc_html__( 'Eastern Arabic', 'stratum' ),
						'farsi'          => esc_html__( 'Farsi'         , 'stratum' )
					],
					'default' => 'default'
				]
			);

			$controls->start_controls_tabs( 'counter_styles' );

				$controls->start_controls_tab(
					'counter_normal',
					array(
						'label' => esc_html__( 'Normal', 'stratum' ),
					)
				);

					$controls->add_control(
						'prefix_color',
						[
							'label'   => esc_html__( 'Prefix Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}} .stratum-counter .stratum-counter__prefix' => 'color: {{VALUE}}'
							]
						]
					);

					$controls->add_control(
						'number_color',
						[
							'label'   => esc_html__( 'Number Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}} .stratum-counter .stratum-counter__number' => 'color: {{VALUE}}'
							]
						]
					);

					$controls->add_control(
						'suffix_color',
						[
							'label'   => esc_html__( 'Suffix Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}} .stratum-counter .stratum-counter__suffix' => 'color: {{VALUE}}'
							]
						]
					);

				$controls->end_controls_tab();

				$controls->start_controls_tab(
					'counter_hover',
					array(
						'label' => esc_html__( 'Hover', 'stratum' ),
					)
				);

					$controls->add_control(
						'hover_prefix_color',
						[
							'label'   => esc_html__( 'Prefix Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}}:hover .stratum-counter .stratum-counter__prefix' => 'color: {{VALUE}}'
							]
						]
					);

					$controls->add_control(
						'hover_number_color',
						[
							'label'   => esc_html__( 'Number Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}}:hover .stratum-counter .stratum-counter__number' => 'color: {{VALUE}}'
							]
						]
					);

					$controls->add_control(
						'hover_suffix_color',
						[
							'label'   => esc_html__( 'Suffix Color', 'stratum' ),
							'type'    => Controls_Manager::COLOR,
							'selectors' => [
								'{{WRAPPER}}:hover .stratum-counter .stratum-counter__suffix' => 'color: {{VALUE}}'
							]
						]
					);

				$controls->end_controls_tab();

			$controls->end_controls_tabs();

        $controls->end_controls_section();
    }

	//PHP template (refresh elements)
    protected function render() {
		$this->render_widget( 'php' );
	}

	//JavaScript "Backbone" template (live preview)
	protected function content_template() {
        $this->render_widget( 'js' );
    }

	public function render_plain_content( $instance = [] ) {}
}

Plugin::instance()->widgets_manager->register( new Counter() );