File: /home/smilepac/public_html/wp-content/plugins/codevz-plus/elementor/widgets/counter.php
<?php if ( ! defined( 'ABSPATH' ) ) {exit;} // Exit if accessed directly.
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
class Xtra_Elementor_Widget_counter extends Widget_Base {
protected $id = 'cz_counter';
public function get_name() {
return $this->id;
}
public function get_title() {
return esc_html__( 'Counter', 'codevz-plus' );
}
public function get_icon() {
return 'xtra-counter';
}
public function get_categories() {
return [ 'xtra' ];
}
public function get_keywords() {
return [
esc_html__( 'XTRA', 'codevz-plus' ),
esc_html__( 'Codevz Plus', 'codevz-plus' ),
esc_html__( 'Counter', 'codevz-plus' ),
esc_html__( 'Count', 'codevz-plus' ),
esc_html__( 'Number', 'codevz-plus' ),
'XTRA',
'Codevz Plus',
'Counter',
'Count',
'Number',
'Digits',
'Total',
'Value',
'Increment',
];
}
public function get_style_depends() {
return [ $this->id, 'cz_parallax' ];
}
public function get_script_depends() {
return [ $this->id, 'cz_parallax' ];
}
public function register_controls() {
$free = Codevz_Plus::is_free();
$this->start_controls_section(
'settings',
[
'label' => esc_html__( 'Settings', 'codevz-plus' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'before',
[
'label' => esc_html__( 'Prefix', 'codevz-plus' ),
'type' => Controls_Manager::TEXT
]
);
$this->add_control(
'currency',
[
'label' => esc_html__( 'Currency', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::TEXT,
'selectors' => [
'{{WRAPPER}} .cz_counter_num_wrap:before' => 'content: "{{VALUE}}";',
],
]
);
$this->add_control(
'number',
[
'label' => esc_html__( 'Number', 'codevz-plus' ),
'type' => Controls_Manager::TEXT,
'default' => '500'
]
);
$this->add_control(
'symbol',
[
'label' => esc_html__('Symbol', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::TEXT
]
);
$this->add_control(
'after',
[
'label' => esc_html__( 'Suffix', 'codevz-plus' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Projects', 'codevz-plus' ),
]
);
$this->add_control(
'position',
[
'label' => esc_html__( 'Position', 'codevz-plus' ),
'type' => Controls_Manager::SELECT,
'default' => 'tal cz_1row',
'options' => [
'tal cz_1row' => esc_html__( 'Inline | Left', 'codevz-plus' ),
'tac cz_1row' => esc_html__( 'Inline | Center', 'codevz-plus' ),
'tar cz_1row' => esc_html__( 'Inline | Right', 'codevz-plus' ),
'tal cz_2rows' => esc_html__( 'Block | Left', 'codevz-plus' ) . ( $free ? ' [' . esc_html__( 'PRO', 'codevz-plus' ) . ']' : '' ),
'tac cz_2rows' => esc_html__( 'Block | Center', 'codevz-plus' ) . ( $free ? ' [' . esc_html__( 'PRO', 'codevz-plus' ) . ']' : '' ),
'tar cz_2rows' => esc_html__( 'Block | Right', 'codevz-plus' ) . ( $free ? ' [' . esc_html__( 'PRO', 'codevz-plus' ) . ']' : '' ),
],
]
);
$this->add_control(
'duration',
[
'label' => esc_html__( 'Duration', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::NUMBER,
'default' => '4',
'min' => 1,
'step' => 1,
'max' => 20
]
);
$this->add_control(
'delay',
[
'label' => esc_html__( 'Delay Seconds', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::NUMBER,
'default' => '0',
'min' => 0,
'step' => 1,
'max' => 20,
]
);
$this->add_control(
'comma',
[
'label' => esc_html__( 'Disable comma?', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::SWITCHER
]
);
$this->add_control(
'text_center',
[
'label' => esc_html__( 'Center on mobile?', 'codevz-plus' ),
'type' => $free ? 'codevz_pro' : Controls_Manager::SWITCHER
]
);
$this->end_controls_section();
// Parallax settings.
Xtra_Elementor::parallax_settings( $this );
// StyleKit.
$this->start_controls_section(
'section_style',
[
'label' => esc_html__( 'Style', 'codevz-plus' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'sk_overall',
[
'label' => esc_html__( 'Container', 'codevz-plus' ),
'type' => 'stylekit',
'settings' => [ 'background', 'border', 'box-shadow' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter', '.cz_counter:hover' ),
]
);
$this->add_responsive_control(
'sk_num',
[
'label' => esc_html__( 'Number', 'codevz-plus' ),
'type' => 'stylekit',
'settings' => [ 'color', 'background' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter_num_wrap', '.cz_counter:hover .cz_counter_num_wrap' ),
]
);
$this->add_responsive_control(
'sk_currency',
[
'label' => esc_html__( 'Currency', 'codevz-plus' ),
'type' => $free ? 'stylekit_pro' : 'stylekit',
'settings' => [ 'color', 'background' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter_num_wrap:before', '.cz_counter:hover .cz_counter_num_wrap:before' ),
]
);
$this->add_responsive_control(
'sk_symbol',
[
'label' => esc_html__( 'Symbol', 'codevz-plus' ),
'type' => $free ? 'stylekit_pro' : 'stylekit',
'settings' => [ 'color', 'background' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter_num_wrap i', '.cz_counter:hover .cz_counter_num_wrap i' ),
]
);
$this->add_responsive_control(
'sk_ba',
[
'label' => esc_html__( 'Prefix', 'codevz-plus' ),
'type' => 'stylekit',
'settings' => [ 'color', 'background' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter_before', '.cz_counter:hover .cz_counter_before' ),
]
);
$this->add_responsive_control(
'sk_after',
[
'label' => esc_html__( 'Suffix', 'codevz-plus' ),
'type' => 'stylekit',
'settings' => [ 'color', 'background' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_counter_after', '.cz_counter:hover .cz_counter_after' ),
]
);
$this->add_responsive_control(
'svg_bg',
[
'label' => esc_html__( 'Background layer', 'codevz-plus' ),
'type' => $free ? 'stylekit_pro' : 'stylekit',
'settings' => [ 'background', 'top', 'left', 'width', 'height' ],
'selectors' => Xtra_Elementor::sk_selectors( '.cz_svg_bg:before' ),
]
);
$this->end_controls_section();
}
public function render() {
$settings = $this->get_settings_for_display();
// Classes
$classes = array();
$classes[] = 'cz_counter clr';
$classes[] = $settings['position'];
$classes[] = $settings['text_center'] ? 'cz_mobile_text_center' : '';
$before = $settings['before'] ? '<span class="cz_counter_before">' . $settings['before'] . '</span>' : '';
$after = $settings['after'] ? '<span class="cz_counter_after">' . $settings['after'] . '</span>' : '';
$symbol = $settings['symbol'] ? '<i>' . $settings['symbol'] . '</i>' : '';
$number = $settings['number'] ? $settings['number'] : '0';
$number = '<span class="cz_counter_num_wrap"><span class="cz_counter_num">' . $number . '</span>' . $symbol . '</span>';
$svg_bg = empty( $settings['svg_bg'] ) ? '' : 'cz_svg_bg';
ob_start();
Xtra_Elementor::parallax( $settings );
?>
<div<?php echo wp_kses_post( (string) Codevz_Plus::classes( [], $classes ) ); ?> data-disable-comma="<?php echo esc_attr( $settings['comma'] ); ?>" data-duration="<?php echo esc_attr( $settings['duration'] ); ?>000" data-delay="<?php echo esc_attr( $settings['delay'] ); ?>000">
<div class="<?php echo esc_attr( $svg_bg ); ?>">
<?php echo wp_kses_post( (string) $before . $number . $after ); ?>
</div>
</div>
<?php
Xtra_Elementor::parallax( $settings, true );
$content = ob_get_clean();
Codevz_Plus::tpl( 'page_builder', $content );
}
public function content_template() {
?>
<#
var classes = 'cz_counter clr',
classes = classes + ( settings.position ? ' ' + settings.position : '' ),
classes = classes + ( settings.text_center ? ' cz_mobile_text_center' : '' ),
svg_bg = settings.svg_bg ? 'cz_svg_bg' : '',
before = settings.before ? '<span class="cz_counter_before">' + settings.before + '</span>' : '',
after = settings.after ? '<span class="cz_counter_after">' + settings.after + '</span>' : '',
symbol = settings.symbol ? '<i>' + settings.symbol + '</i>' : '',
number = settings.number ? settings.number : '0',
number = '<span class="cz_counter_num_wrap"><span class="cz_counter_num">' + number + '</span>' + symbol + '</span>',
parallaxOpen = xtraElementorParallax( settings ),
parallaxClose = xtraElementorParallax( settings, true );
#>
{{{ parallaxOpen }}}
<div class="{{{classes}}}" data-disable-comma="{{{settings.comma}}}" data-duration="{{{settings.duration}}}000" data-delay="{{{settings.delay}}}000">
<div class="{{{svg_bg}}}">
{{{ before }}}{{{ number }}}{{{ after }}}
</div>
</div>
{{{ parallaxClose }}}
<?php
}
}