start_controls_section(
'general',
[
'label' => __( 'General', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'theme',
[
'label' => __( 'Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'Click here to See Demo',
'options' => [
'left' => esc_html__('Left Align', 'uae'),
'right' => esc_html__('Right Align', 'uae'),
],
'default' => 'left',
]
);
$this->add_control(
'line_height',
[
'label' => esc_html__('Connecter Vertical Line Height', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '25',
]
);
$this->add_control(
'line_width',
[
'label' => esc_html__('Connector Width', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '1',
]
);
$this->add_control(
'line_style',
[
'label' => __( 'Border Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'solid' => esc_html__('Solid', 'uae'),
'dotted' => esc_html__('Dotted', 'uae'),
'ridge' => esc_html__('Ridge', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'inset' => esc_html__('Inset', 'uae'),
],
'default' => 'dashed',
]
);
$this->add_control(
'line_clr',
[
'label' => esc_html__('Line Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->end_controls_section();
$this->start_controls_section(
'typography1',
[
'label' => __( 'Typography', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'label' => __('Title', 'uae'),
'selector' => '{{WRAPPER}} .mega-info-list .media-body .mae_info_list_title',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'desc_typography',
'label' => __('Description', 'uae'),
'selector' => '{{WRAPPER}} .mega-info-list .media-body .content *',
]
);
$this->end_controls_section();
$this->start_controls_section(
'general_section',
[
'label' => __( 'Icon/Image', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'style',
[
'label' => __( 'Image/Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'image' => esc_html__('Image', 'uae'),
'icon' => esc_html__('Icon', 'uae'),
],
'default' => 'image',
]
);
$repeater->add_control(
'image',
[
'label' => __( 'Choose Image', 'elementor' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
'condition' => [
'style' => 'image',
],
]
);
$repeater->add_group_control(
\Elementor\Group_Control_Image_Size::get_type(),
[
'name' => 'image', // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `image_size` and `image_custom_dimension`.
'default' => 'full',
'separator' => 'none',
'condition' => [
'style' => 'image',
],
]
);
$repeater->add_control(
'flip_icon',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
'condition' => [
'style' => 'icon',
],
]
);
$repeater->add_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'flip_size',
'label' => esc_html__('Icon Size (px)', 'uae'),
'type' => \Elementor\Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'%' => [
'min' => 0,
'max' => 100,
],
],
'condition' => [
'style' => 'icon',
],
'selectors' => [
'{{WRAPPER}} .mega-info-list .vc_info_list i' => 'font-size: {{SIZE}}px;',
],
]
);
$repeater->add_control(
'box_size',
[
'label' => esc_html__('Width (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$repeater->add_control(
'icon_clr',
[
'label' => esc_html__('Icon Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#fff',
'condition' => [
'style' => 'icon',
],
]
);
$repeater->add_control(
'icon_bg',
[
'label' => esc_html__('Icon Background', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#dc005b',
'condition' => [
'style' => 'icon',
],
]
);
$repeater->add_control(
'border_width',
[
'label' => esc_html__('Border width', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '0',
'condition' => [
'style' => 'icon',
],
]
);
// $repeater->add_responsive_control(
// 'border_width',
// [
// 'label' => __( 'Border width', 'uae' ),
// 'type' => \Elementor\Controls_Manager::DIMENSIONS,
// 'size_units' => [ 'px', '%', 'em' ],
// 'condition' => [
// 'style' => 'icon',
// ],
// 'selectors' => [
// '{{WRAPPER}} .uae-info-banner-styles .mega_wrap' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
// ],
// ]
// );
$repeater->add_control(
'border_style',
[
'label' => __( 'Border Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'solid' => esc_html__('Solid', 'uae'),
'dotted' => esc_html__('Dotted', 'uae'),
'ridge' => esc_html__('Ridge', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'inset' => esc_html__('Inset', 'uae'),
],
'default' => 'solid',
'condition' => [
'style' => 'icon',
],
]
);
$repeater->add_responsive_control(
'border_radius',
[
'label' => __( 'Border Radius', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .vc_info_list_outer .info_list_icon_radius, .vc_info_list_outer img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$repeater->add_control(
'border_clr',
[
'label' => esc_html__('Border Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#eeeeee',
'condition' => [
'style' => 'icon',
],
]
);
$repeater->add_control(
'text',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$repeater->add_control(
'title_clr',
[
'label' => __( 'Title Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$repeater->add_control(
'content',
[
'label' => esc_html__( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::WYSIWYG,
]
);
$this->add_control(
'list_items',
[
'label' => __( 'Repeater List', 'plugin-domain' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => [
[
'theme' => __( 'left', 'plugin-domain' ),
'list_content' => __( 'Item content. Click the edit button to change this text.', 'plugin-domain' ),
],
],
'title_field' => '{{{ theme }}}',
]
);
$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();
}
/**
* 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();
global $css_path; ?>