start_controls_section(
'countdown_section',
[
'label' => __( 'Countdown', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'style',
[
'label' => __( 'Choose Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'Click here to See Demo',
'options' => [
'YOWDHMS' => esc_html__('Year', 'uae'),
'odHMS' => esc_html__('Month', 'uae'),
'wdHMS' => esc_html__('Week', 'uae'),
'DHMS' => esc_html__('Days', 'uae'),
'HMS' => esc_html__('Hours', 'uae'),
],
'default' => 'YOWDHMS',
]
);
$this->add_control(
'year',
[
'label' => esc_html__('Year', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'just number start from 1 [ e.g 1 for current year, 2 for next year.. ]',
'size_units' => ['px'],
]
);
$this->add_control(
'month',
[
'label' => esc_html__('Month', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'just number between 1 to 12 for specific month [ e.g 3 ]',
'size_units' => ['px'],
]
);
$this->add_control(
'date',
[
'label' => esc_html__('Date', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'just number between 1 to 30 for specific date',
'size_units' => ['px'],
]
);
$this->end_controls_section();
$this->start_controls_section(
'uae_section_pro',
[
'label' => __( 'Go Premium for More Features', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'asdasdsadasasdsaf',
[
'label' => __( 'Unlock more possibilities', 'uae' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'1' => [
'title' => __( '', 'uae' ),
'icon' => 'fa fa-unlock-alt',
],
],
'default' => '1',
'description' => 'Get the Pro version for more stunning elements and customization options.'
]
);
$this->end_controls_section();
$this->start_controls_section(
'content_style',
[
'label' => esc_html__('Setting', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'width',
[
'label' => esc_html__('Countdown Width (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
'height',
[
'label' => esc_html__('Countdown height (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
'time_size',
[
'label' => esc_html__('Time Font Size (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
'period_size',
[
'label' => esc_html__('Period Font Size (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
'line_height',
[
'label' => esc_html__('Line Height', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'between timer and period',
'default' => '2.5',
'size_units' => ['px'],
]
);
$this->add_control(
'margin',
[
'label' => esc_html__('Margin', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'margin between each timer e.g 10px',
'size_units' => ['px'],
]
);
$this->add_control(
'padding_top',
[
'label' => esc_html__('Padding from top', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'padding from top help to move time in center if you set border default 15px',
'size_units' => ['px'],
]
);
$this->end_controls_section();
$this->start_controls_section(
'just_style',
[
'label' => esc_html__('Style', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'timeclr',
[
'label' => __( 'Timer Text Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_control(
'periodclr',
[
'label' => __( 'Period Text Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_control(
'bgclr',
[
'label' => __( 'Background Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
]
);
$this->add_control(
'borderclr',
[
'label' => __( 'Border Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
]
);
$this->add_control(
'border_width',
[
'label' => esc_html__('Border width (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
'border_radius',
[
'label' => esc_html__('Border Radius (%)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '50',
]
);
$this->add_control(
'border_style',
[
'label' => __( 'Border Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'none' => esc_html__('none', 'uae'),
'solid' => esc_html__('Solid', 'uae'),
'dotted' => esc_html__('Dotted', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'hidden' => esc_html__('Hidden', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'ridge' => esc_html__('Ridge', 'uae'),
'outset' => esc_html__('Outset', 'uae'),
],
'default' => 'none',
]
);
$this->end_controls_section();
}
/**
* Render oEmbed 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();
$some_id = rand(5, 500);
global $css_path; ?>