| Current Path : /storage/v11800/ideas-cloud-new/public_html/wp-content/plugins/essential-addons-for-elementor-lite/includes/Elements/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
| Current File : /storage/v11800/ideas-cloud-new/public_html/wp-content/plugins/essential-addons-for-elementor-lite/includes/Elements/Countdown.php |
<?php
namespace Essential_Addons_Elementor\Elements;
// If this file is called directly, abort.
if ( !defined( 'ABSPATH' ) ) {
exit;
}
use \Elementor\Controls_Manager;
use \Elementor\Group_Control_Border;
use \Elementor\Group_Control_Box_Shadow;
use \Elementor\Group_Control_Typography;
use \Elementor\Plugin;
use \Elementor\Core\Kits\Documents\Tabs\Global_Typography;
use \Elementor\Widget_Base;
use \Essential_Addons_Elementor\Classes\Helper;
class Countdown extends Widget_Base {
public function get_name() {
return 'eael-countdown';
}
public function get_title() {
return esc_html__( 'Countdown', 'essential-addons-for-elementor-lite' );
}
public function get_icon() {
return 'eaicon-countdown';
}
public function get_categories() {
return ['essential-addons-elementor'];
}
public function get_keywords() {
return [
'countdown',
'ea countdown',
'count down',
'ea count down',
'timer',
'ea timer',
'chronometer',
'stopwatch',
'clock',
'ea',
'essential addons',
];
}
public function get_custom_help_url() {
return 'https://essential-addons.com/elementor/docs/creative-elements/ea-countdown/';
}
protected function register_controls() {
$this->start_controls_section(
'eael_section_countdown_settings_general',
[
'label' => esc_html__( 'Timer Settings', 'essential-addons-for-elementor-lite' ),
]
);
$this->add_control(
'eael_countdown_type',
[
'label' => esc_html__( 'Type', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SELECT,
'options' => [
'due_date' => esc_html__( 'Default', 'essential-addons-for-elementor-lite' ),
'evergreen' => esc_html__( 'Evergreen Timer', 'essential-addons-for-elementor-lite' ),
],
'default' => 'due_date',
]
);
$this->add_control(
'eael_evergreen_counter_hours',
[
'label' => esc_html__( 'Hours', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::NUMBER,
'default' => 11,
'placeholder' => esc_html__( 'Hours', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_type' => 'evergreen',
],
]
);
$this->add_control(
'eael_evergreen_counter_minutes',
[
'label' => esc_html__( 'Minutes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::NUMBER,
'default' => 59,
'placeholder' => esc_html__( 'Minutes', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_type' => 'evergreen',
],
]
);
$this->add_control(
'eael_evergreen_counter_recurring',
[
'label' => esc_html__( 'Recurring Countdown', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => '',
'condition' => [
'eael_countdown_type' => 'evergreen',
],
]
);
$this->add_control(
'eael_evergreen_counter_recurring_restart_after',
[
'label' => esc_html__( 'Restart After (In Hours)', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::NUMBER,
'default' => 0,
'description' => esc_html__( 'Specify how much time it will take to restart the countdown. If you set 0, the countdown will restart immediately.', 'essential-addons-for-elementor-lite' ),
'placeholder' => esc_html__( 'Hours', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_type' => 'evergreen',
'eael_evergreen_counter_recurring' => 'yes',
],
]
);
$this->add_control(
'eael_evergreen_counter_recurring_stop_time',
[
'label' => esc_html__( 'Recurring Countdown End Date', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DATE_TIME,
'default' => date( "Y-m-d", strtotime( "+ 7 day" ) ),
'description' => esc_html__( 'Set the countdown end time', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_type' => 'evergreen',
'eael_evergreen_counter_recurring' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_due_time',
[
'label' => esc_html__( 'Countdown Due Date', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DATE_TIME,
'default' => date( "Y-m-d", strtotime( "+ 1 day" ) ),
'description' => esc_html__( 'Set the due date and time', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_type' => 'due_date',
],
]
);
$this->add_responsive_control(
'eael_countdown_label_view',
[
'label' => esc_html__( 'Label Position', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'eael-countdown-label-block',
'options' => [
'eael-countdown-label-block' => esc_html__( 'Block', 'essential-addons-for-elementor-lite' ),
'eael-countdown-label-inline' => esc_html__( 'Inline', 'essential-addons-for-elementor-lite' ),
],
]
);
$this->add_responsive_control(
'eael_countdown_label_padding_left',
[
'label' => esc_html__( 'Left spacing for Labels', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'description' => esc_html__( 'Use when you select inline labels', 'essential-addons-for-elementor-lite' ),
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-label' => 'padding-left:{{SIZE}}px;',
],
'condition' => [
'eael_countdown_label_view' => 'eael-countdown-label-inline',
],
]
);
$this->add_responsive_control(
'eael_countdown_alignment',
[
'label' => __( 'Alignment', 'essential-addons-for-elementor-lite' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-right',
],
],
'default' => 'center',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'eael_section_countdown_settings_content',
[
'label' => esc_html__( 'Content Settings', 'essential-addons-for-elementor-lite' ),
]
);
$this->add_control(
'eael_section_countdown_layout',
[
'label' => __( 'Layout', 'essential-addons-for-elementor-lite' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'grid' => [
'title' => __( 'List view', 'essential-addons-for-elementor-lite' ),
'icon' => 'fa fa-th-list',
],
'table-cell' => [
'title' => __( 'Grid View', 'essential-addons-for-elementor-lite' ),
'icon' => 'fa fa-th-large',
],
],
'default' => 'table-cell',
'selectors' => [
'{{WRAPPER}} .eael-countdown-items>li' => 'display: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_days',
[
'label' => esc_html__( 'Display Days', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'eael_countdown_days_label',
[
'label' => esc_html__( 'Custom Label for Days', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXT,
'dynamic' => [
'active' => true,
],
'default' => esc_html__( 'Days', 'essential-addons-for-elementor-lite' ),
'description' => esc_html__( 'Leave blank to hide', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_days' => 'yes',
],
'ai' => [
'active' => false,
],
]
);
$this->add_control(
'eael_countdown_hours',
[
'label' => esc_html__( 'Display Hours', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'eael_countdown_hours_label',
[
'label' => esc_html__( 'Custom Label for Hours', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXT,
'dynamic' => [
'active' => true,
],
'default' => esc_html__( 'Hours', 'essential-addons-for-elementor-lite' ),
'description' => esc_html__( 'Leave blank to hide', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_hours' => 'yes',
],
'ai' => [
'active' => false,
],
]
);
$this->add_control(
'eael_countdown_minutes',
[
'label' => esc_html__( 'Display Minutes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'eael_countdown_minutes_label',
[
'label' => esc_html__( 'Custom Label for Minutes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXT,
'dynamic' => [
'active' => true,
],
'default' => esc_html__( 'Minutes', 'essential-addons-for-elementor-lite' ),
'description' => esc_html__( 'Leave blank to hide', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_minutes' => 'yes',
],
'ai' => [
'active' => false,
],
]
);
$this->add_control(
'eael_countdown_seconds',
[
'label' => esc_html__( 'Display Seconds', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'eael_countdown_seconds_label',
[
'label' => esc_html__( 'Custom Label for Seconds', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXT,
'dynamic' => [
'active' => true,
],
'default' => esc_html__( 'Seconds', 'essential-addons-for-elementor-lite' ),
'description' => esc_html__( 'Leave blank to hide', 'essential-addons-for-elementor-lite' ),
'condition' => [
'eael_countdown_seconds' => 'yes',
],
'ai' => [
'active' => false,
],
]
);
$this->add_control(
'eael_countdown_separator_heading',
[
'label' => __( 'Countdown Separator', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'eael_countdown_separator',
[
'label' => esc_html__( 'Display Separator', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'eael-countdown-show-separator',
'default' => '',
]
);
$this->add_control(
'eael_countdown_separator_style',
[
'label' => __( 'Separator Style', 'essential-addons-for-elementor-lite' ),
'type' => \Elementor\Controls_Manager::SELECT,
'default' => 'dotted',
'options' => [
'solid' => __( 'Solid', 'essential-addons-for-elementor-lite' ),
'dotted' => __( 'Dotted', 'essential-addons-for-elementor-lite' ),
],
'condition' => [
'eael_countdown_separator' => 'eael-countdown-show-separator',
],
]
);
$this->add_control(
'eael_countdown_separator_position_top',
[
'label' => __( 'Position Top', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => '%',
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-digits::after' => 'top: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'eael_countdown_separator_position_left',
[
'label' => __( 'Position Left', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => '%',
'size' => 98,
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-digits::after' => 'left: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'eael_countdown_separator_color',
[
'label' => esc_html__( 'Separator Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'condition' => [
'eael_countdown_separator' => 'eael-countdown-show-separator',
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-digits::after' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'eael_countdown_separator_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY
],
'selector' => '{{WRAPPER}} .eael-countdown-digits::after',
'condition' => [
'eael_countdown_separator' => 'eael-countdown-show-separator',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'countdown_on_expire_settings',
[
'label' => esc_html__( 'Expire Action', 'essential-addons-for-elementor-lite' ),
]
);
$this->add_control(
'countdown_expire_type',
[
'label' => esc_html__( 'Expire Type', 'essential-addons-for-elementor-lite' ),
'label_block' => false,
'type' => Controls_Manager::SELECT,
'description' => esc_html__( 'Choose whether if you want to set a message or a redirect link', 'essential-addons-for-elementor-lite' ),
'options' => [
'none' => esc_html__( 'None', 'essential-addons-for-elementor-lite' ),
'text' => esc_html__( 'Message', 'essential-addons-for-elementor-lite' ),
'url' => esc_html__( 'Redirection Link', 'essential-addons-for-elementor-lite' ),
'template' => esc_html__( 'Saved Templates', 'essential-addons-for-elementor-lite' ),
],
'default' => 'none',
]
);
$this->add_control(
'countdown_expiry_text_title',
[
'label' => esc_html__( 'On Expiry Title', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXTAREA,
'dynamic' => ['active' => true],
'default' => esc_html__( 'Countdown is finished!', 'essential-addons-for-elementor-lite' ),
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_control(
'countdown_expiry_text',
[
'label' => esc_html__( 'On Expiry Content', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::WYSIWYG,
'default' => esc_html__( 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s', 'essential-addons-for-elementor-lite' ),
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_control(
'countdown_expiry_redirection',
[
'label' => esc_html__( 'Redirect To (URL)', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::TEXT,
'dynamic' => ['active' => true],
'condition' => [
'countdown_expire_type' => 'url',
],
'default' => '#',
'ai' => [
'active' => false,
],
]
);
$this->add_control(
'countdown_expiry_templates',
[
'label' => __( 'Choose Template', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SELECT,
'options' => Helper::get_elementor_templates(),
'condition' => [
'countdown_expire_type' => 'template',
],
]
);
$this->end_controls_section();
if ( !apply_filters( 'eael/pro_enabled', false ) ) {
$this->start_controls_section(
'eael_section_pro',
[
'label' => __( 'Go Premium for More Features', 'essential-addons-for-elementor-lite' ),
]
);
$this->add_control(
'eael_control_get_pro',
[
'label' => __( 'Unlock more possibilities', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'1' => [
'title' => '',
'icon' => 'fa fa-unlock-alt',
],
],
'default' => '1',
'description' => '<span class="pro-feature"> Get the <a href="https://wpdeveloper.com/upgrade/ea-pro" target="_blank">Pro version</a> for more stunning elements and customization options.</span>',
]
);
$this->end_controls_section();
}
$this->start_controls_section(
'eael_section_countdown_styles_general',
[
'label' => esc_html__( 'Countdown Styles', 'essential-addons-for-elementor-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'eael_countdown_is_gradient',
[
'label' => __( 'Use Gradient Background?', 'essential-addons-for-elementor-lite' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __( 'Show', 'essential-addons-for-elementor-lite' ),
'label_off' => __( 'Hide', 'essential-addons-for-elementor-lite' ),
'return_value' => 'yes',
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'eael_countdown_background',
'label' => __( 'Box Background Color', 'essential-addons-for-elementor-lite' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .eael-countdown-item > div',
'condition' => [
'eael_countdown_is_gradient' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_background',
[
'label' => esc_html__( 'Box Background Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div' => 'background: {{VALUE}};',
],
'condition' => [
'eael_countdown_is_gradient' => '',
],
]
);
$this->add_responsive_control(
'eael_countdown_item_bottom_margin',
[
'label' => esc_html__( 'Space Between Boxes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-items>li' => 'margin-bottom:{{SIZE}}px;',
],
'condition' => [
'eael_section_countdown_layout' => 'grid',
],
]
);
$this->add_responsive_control(
'eael_countdown_spacing',
[
'label' => esc_html__( 'Space Between Boxes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div' => 'margin-right:{{SIZE}}px; margin-left:{{SIZE}}px;',
'{{WRAPPER}} .eael-countdown-container' => 'margin-right: -{{SIZE}}px; margin-left: -{{SIZE}}px;',
],
'condition' => [
'eael_section_countdown_layout' => 'table-cell',
],
]
);
$this->add_responsive_control(
'eael_countdown_container_margin_bottom',
[
'label' => esc_html__( 'Space Below Container', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 0,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .eael-countdown-container' => 'margin-bottom:{{SIZE}}px;',
],
]
);
$this->add_responsive_control(
'eael_countdown_box_padding',
[
'label' => esc_html__( 'Padding', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'eael_countdown_box_border',
'label' => esc_html__( 'Border', 'essential-addons-for-elementor-lite' ),
'selector' => '{{WRAPPER}} .eael-countdown-item > div',
]
);
$this->add_control(
'eael_countdown_box_border_radius',
[
'label' => esc_html__( 'Border Radius', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div' => 'border-radius: {{TOP}}px {{RIGHT}}px {{BOTTOM}}px {{LEFT}}px;',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'eael_countdown_box_shadow',
'selector' => '{{WRAPPER}} .eael-countdown-item > div',
]
);
$this->end_controls_section();
$this->start_controls_section(
'eael_section_countdown_styles_content',
[
'label' => esc_html__( 'Color & Typography', 'essential-addons-for-elementor-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'eael_countdown_digits_heading',
[
'label' => __( 'Countdown Digits', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'eael_countdown_digits_color',
[
'label' => esc_html__( 'Digits Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#fec503',
'selectors' => [
'{{WRAPPER}} .eael-countdown-digits' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'eael_countdown_digit_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY
],
'selector' => '{{WRAPPER}} .eael-countdown-digits',
]
);
$this->add_control(
'eael_countdown_label_heading',
[
'label' => __( 'Countdown Labels', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'eael_countdown_label_color',
[
'label' => esc_html__( 'Label Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-label' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'eael_countdown_label_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY
],
'selector' => '{{WRAPPER}} .eael-countdown-label',
]
);
$this->end_controls_section();
$this->start_controls_section(
'eael_section_countdown_styles_individual',
[
'label' => esc_html__( 'Individual Box Styling', 'essential-addons-for-elementor-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'eael_countdown_days_label_heading',
[
'label' => __( 'Days', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'eael_countdown_days_background_color',
'label' => __( 'Background Color', 'essential-addons-for-elementor-lite' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .eael-countdown-item > div.eael-countdown-days',
'condition' => [
'eael_countdown_is_gradient' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_days_background_color',
[
'label' => esc_html__( 'Background Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-days' => 'background-color: {{VALUE}};',
],
'condition' => [
'eael_countdown_is_gradient' => '',
],
]
);
$this->add_control(
'eael_countdown_days_digit_color',
[
'label' => esc_html__( 'Digit Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-days .eael-countdown-digits' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_days_label_color',
[
'label' => esc_html__( 'Label Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-days .eael-countdown-label' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_days_border_color',
[
'label' => esc_html__( 'Border Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-days' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_hours_label_heading',
[
'label' => __( 'Hours', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'eael_countdown_hours_background_color',
'label' => __( 'Background Color', 'essential-addons-for-elementor-lite' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .eael-countdown-item > div.eael-countdown-hours',
'condition' => [
'eael_countdown_is_gradient' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_hours_background_color',
[
'label' => esc_html__( 'Background Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-hours' => 'background-color: {{VALUE}};',
],
'condition' => [
'eael_countdown_is_gradient' => '',
],
]
);
$this->add_control(
'eael_countdown_hours_digit_color',
[
'label' => esc_html__( 'Digit Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-hours .eael-countdown-digits' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_hours_label_color',
[
'label' => esc_html__( 'Label Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-hours .eael-countdown-label' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_hours_border_color',
[
'label' => esc_html__( 'Border Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-hours' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_minutes_label_heading',
[
'label' => __( 'Minutes', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'eael_countdown_minutes_background_color',
'label' => __( 'Background Color', 'essential-addons-for-elementor-lite' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .eael-countdown-item > div.eael-countdown-minutes',
'condition' => [
'eael_countdown_is_gradient' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_minutes_background_color',
[
'label' => esc_html__( 'Background Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-minutes' => 'background-color: {{VALUE}};',
],
'condition' => [
'eael_countdown_is_gradient' => '',
],
]
);
$this->add_control(
'eael_countdown_minutes_digit_color',
[
'label' => esc_html__( 'Digit Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-minutes .eael-countdown-digits' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_minutes_label_color',
[
'label' => esc_html__( 'Label Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-minutes .eael-countdown-label' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_minutes_border_color',
[
'label' => esc_html__( 'Border Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-minutes' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_seconds_label_heading',
[
'label' => __( 'Seconds', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'eael_countdown_seconds_background_color',
'label' => __( 'Background Color', 'essential-addons-for-elementor-lite' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .eael-countdown-item > div.eael-countdown-seconds',
'condition' => [
'eael_countdown_is_gradient' => 'yes',
],
]
);
$this->add_control(
'eael_countdown_seconds_background_color',
[
'label' => esc_html__( 'Background Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-seconds' => 'background-color: {{VALUE}};',
],
'condition' => [
'eael_countdown_is_gradient' => '',
],
]
);
$this->add_control(
'eael_countdown_seconds_digit_color',
[
'label' => esc_html__( 'Digit Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-seconds .eael-countdown-digits' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_seconds_label_color',
[
'label' => esc_html__( 'Label Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-seconds .eael-countdown-label' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'eael_countdown_seconds_border_color',
[
'label' => esc_html__( 'Border Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-item > div.eael-countdown-seconds' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'eael_section_countdown_expire_style',
[
'label' => esc_html__( 'Expire Message', 'essential-addons-for-elementor-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_responsive_control(
'eael_countdown_expire_message_alignment',
[
'label' => esc_html__( 'Text Alignment', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => true,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'essential-addons-for-elementor-lite' ),
'icon' => 'eicon-text-align-right',
],
],
'default' => 'left',
'selectors' => [
'{{WRAPPER}} .eael-countdown-finish-message' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'heading_eael_countdown_expire_title',
[
'label' => __( 'Title Style', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'eael_countdown_expire_title_color',
[
'label' => esc_html__( 'Title Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-finish-message .expiry-title' => 'color: {{VALUE}};',
],
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'eael_countdown_expire_title_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY
],
'selector' => '{{WRAPPER}} .eael-countdown-finish-message .expiry-title',
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_responsive_control(
'eael_expire_title_margin',
[
'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em'],
'selectors' => [
'{{WRAPPER}} .eael-countdown-finish-message .expiry-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_control(
'heading_eael_countdown_expire_message',
[
'label' => __( 'Content Style', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'eael_countdown_expire_message_color',
[
'label' => esc_html__( 'Text Color', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .eael-countdown-finish-text' => 'color: {{VALUE}};',
],
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'eael_countdown_expire_message_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY
],
'selector' => '.eael-countdown-finish-text',
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->add_responsive_control(
'eael_countdown_expire_message_padding',
[
'label' => esc_html__( 'Padding', 'essential-addons-for-elementor-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em'],
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .eael-countdown-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'countdown_expire_type' => 'text',
],
]
);
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings_for_display();
$get_due_date = esc_attr( $settings['eael_countdown_due_time'] );
$due_date = date( "M d Y G:i:s", strtotime( $get_due_date ) );
$gmt_offset = str_replace( array( '.25', '.5', '.75' ), array( ':15', ':30', ':45' ), ( get_option( 'gmt_offset' ) < 0 ? '' : '+' ) . get_option( 'gmt_offset' ) );
$this->add_render_attribute( 'eael-countdown', 'class', 'eael-countdown-wrapper' );
$this->add_render_attribute( 'eael-countdown', 'data-countdown-id', esc_attr( $this->get_id() ) );
$this->add_render_attribute( 'eael-countdown', 'data-expire-type', $settings['countdown_expire_type'] );
$this->add_render_attribute( 'eael-countdown', 'data-countdown-type', $settings['eael_countdown_type'] );
if ( $settings['eael_countdown_type'] === 'evergreen' ) {
$hour = absint( $settings['eael_evergreen_counter_hours'] ) * HOUR_IN_SECONDS;
$minute = absint( $settings['eael_evergreen_counter_minutes'] ) * MINUTE_IN_SECONDS;
$this->add_render_attribute( 'eael-countdown', 'data-evergreen-time', absint( $hour + $minute ) );
if ( $settings['eael_evergreen_counter_recurring'] === 'yes' ) {
$this->add_render_attribute( 'eael-countdown', 'data-evergreen-recurring', $settings['eael_evergreen_counter_recurring_restart_after'] ? $settings['eael_evergreen_counter_recurring_restart_after'] : 0 );
$this->add_render_attribute( 'eael-countdown', 'data-evergreen-recurring-stop', date( "M d Y G:i:s", strtotime( $settings['eael_evergreen_counter_recurring_stop_time'] ) ) . " {$gmt_offset}" );
}
}
if ( $settings['countdown_expire_type'] == 'text' ) {
if ( !empty( $settings['countdown_expiry_text'] ) ) {
$this->add_render_attribute( 'eael-countdown', 'data-expiry-text', wp_kses_post( $settings['countdown_expiry_text'] ) );
}
if ( !empty( $settings['countdown_expiry_text_title'] ) ) {
$this->add_render_attribute( 'eael-countdown', 'data-expiry-title', wp_kses_post( $settings['countdown_expiry_text_title'] ) );
}
} elseif ( $settings['countdown_expire_type'] == 'url' ) {
$this->add_render_attribute( 'eael-countdown', 'data-redirect-url', $settings['countdown_expiry_redirection'] );
} elseif ( $settings['countdown_expire_type'] == 'template' ) {
//$this->add_render_attribute( 'eael-countdown', 'data-template', esc_attr( $template ) );
} else {
//do nothing
}
// separator
$separator = '';
if ( $settings['eael_countdown_separator'] === 'eael-countdown-show-separator' ) {
$separator = 'eael-countdown-show-separator eael-countdown-separator-' . $settings['eael_countdown_separator_style'];
}
// label view
$this->add_render_attribute( 'eael-countdown-container', [
'class' => [
'eael-countdown-container',
$settings['eael_countdown_label_view'],
empty( $settings['eael_countdown_label_view_tablet'] ) ? '' : $settings['eael_countdown_label_view_tablet'] . '-tablet',
empty( $settings['eael_countdown_label_view_mobile'] ) ? '' : $settings['eael_countdown_label_view_mobile'] . '-mobile',
$separator,
],
] );
?>
<div <?php echo $this->get_render_attribute_string( 'eael-countdown' ); ?>>
<div <?php echo $this->get_render_attribute_string( 'eael-countdown-container' ); ?>>
<ul id="eael-countdown-<?php echo esc_attr( $this->get_id() ); ?>" class="eael-countdown-items" data-date="<?php echo esc_attr( "{$due_date} {$gmt_offset}" ); ?>">
<?php if ( !empty( $settings['eael_countdown_days'] ) ): ?><li class="eael-countdown-item"><div class="eael-countdown-days"><span data-days class="eael-countdown-digits">00</span><?php if ( !empty( $settings['eael_countdown_days_label'] ) ): ?><span class="eael-countdown-label"><?php echo esc_attr( $settings['eael_countdown_days_label'] ); ?></span><?php endif;?></div></li><?php endif;?>
<?php if ( !empty( $settings['eael_countdown_hours'] ) ): ?><li class="eael-countdown-item"><div class="eael-countdown-hours"><span data-hours class="eael-countdown-digits">00</span><?php if ( !empty( $settings['eael_countdown_hours_label'] ) ): ?><span class="eael-countdown-label"><?php echo esc_attr( $settings['eael_countdown_hours_label'] ); ?></span><?php endif;?></div></li><?php endif;?>
<?php if ( !empty( $settings['eael_countdown_minutes'] ) ): ?><li class="eael-countdown-item"><div class="eael-countdown-minutes"><span data-minutes class="eael-countdown-digits">00</span><?php if ( !empty( $settings['eael_countdown_minutes_label'] ) ): ?><span class="eael-countdown-label"><?php echo esc_attr( $settings['eael_countdown_minutes_label'] ); ?></span><?php endif;?></div></li><?php endif;?>
<?php if ( !empty( $settings['eael_countdown_seconds'] ) ): ?><li class="eael-countdown-item"><div class="eael-countdown-seconds"><span data-seconds class="eael-countdown-digits">00</span><?php if ( !empty( $settings['eael_countdown_seconds_label'] ) ): ?><span class="eael-countdown-label"><?php echo esc_attr( $settings['eael_countdown_seconds_label'] ); ?></span><?php endif;?></div></li><?php endif;?>
</ul>
<div class="eael-countdown-expiry-template" style="display: none;">
<?php
if ( 'template' == $settings['countdown_expire_type'] ) {
if ( ! empty( $settings['countdown_expiry_templates'] ) ) {
// WPML Compatibility
if ( ! is_array( $settings['countdown_expiry_templates'] ) ) {
$settings['countdown_expiry_templates'] = apply_filters( 'wpml_object_id', $settings['countdown_expiry_templates'], 'wp_template', true );
}
echo Plugin::$instance->frontend->get_builder_content( $settings['countdown_expiry_templates'], true );
}
}
?>
</div>
<div class="clearfix"></div>
</div>
</div>
<?php
}
}