/
var
/
www
/
barefootlaw.org
/
wp-content
/
plugins
/
happy-elementor-addons
/
widgets
/
fluent-form
/
Upload File
HOME
<?php /** * Fluent Form widget class * * @package Happy_Addons */ namespace Happy_Addons\Elementor\Widget; use Elementor\Controls_Manager; use Elementor\Group_Control_Border; use Elementor\Group_Control_Box_Shadow; use Elementor\Group_Control_Typography; use Elementor\Core\Schemes\Typography; defined( 'ABSPATH' ) || die(); class Fluent_Form extends Base { /** * Get widget title. * * @since 1.0.0 * @access public * * @return string Widget title. */ public function get_title() { return __( 'Fluent Form', 'happy-elementor-addons' ); } /** * Get widget icon. * * @since 1.0.0 * @access public * * @return string Widget icon. */ public function get_icon() { return 'hm hm-form'; } public function get_keywords() { return [ 'fluent-form', 'form', 'contact', 'contact form' ]; } /** * Register widget content controls */ protected function register_content_controls() { $this->start_controls_section( '_section_fluent_form', [ 'label' => ha_is_fluent_form_activated() ? __( 'Fluent Form', 'happy-elementor-addons' ) : __( 'Missing Notice', 'happy-elementor-addons' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); if ( ! ha_is_fluent_form_activated() ) { $this->add_control( '_fluent_form_missing_notice', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => sprintf( __( 'Hello %2$s, looks like %1$s is missing in your site. Please click on the link below and install/activate %1$s. Make sure to refresh this page after installation or activation.', 'happy-elementor-addons' ), '<a href="'.esc_url( admin_url( 'plugin-install.php?s=fluentform&tab=search&type=term' ) ) .'" target="_blank" rel="noopener">Fluent Form</a>', ha_get_current_user_display_name() ), 'content_classes' => 'elementor-panel-alert elementor-panel-alert-danger', ] ); $this->add_control( '_fluent_form_install', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => '<a href="'.esc_url( admin_url( 'plugin-install.php?s=fluentform+7&tab=search&type=term' ) ).'" target="_blank" rel="noopener">Click to install or activate Fluent Form</a>', ] ); }else{ $this->add_control( 'form_id', [ 'label' => __( 'Select Your Form', 'happy-elementor-addons' ), 'type' => Controls_Manager::SELECT, 'label_block' => true, 'options' => ['' => __( 'Select a Form', 'happy-elementor-addons' ) ] + \ha_get_fluent_forms(), ] ); } $this->end_controls_section(); } /** * Register widget style controls */ protected function register_style_controls() { $this->__fields_style_controls(); $this->__fields_label_style_controls(); $this->__submit_btn_style_controls(); $this->__break_style_controls(); } protected function __fields_style_controls() { $this->start_controls_section( '_section_fields_style', [ 'label' => __( 'Form Fields', 'happy-elementor-addons' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'field_margin', [ 'label' => __( 'Spacing Bottom', 'happy-elementor-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .ff-el-group:not(.ff_submit_btn_wrapper)' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'field_padding', [ 'label' => __( 'Padding', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-el-form-control:not(select)' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'field_border_radius', [ 'label' => __( 'Border Radius', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-el-form-control' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'hr', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'field_typography', 'label' => __( 'Typography', 'happy-elementor-addons' ), 'selector' => '{{WRAPPER}} .ff-el-form-control', 'scheme' => Typography::TYPOGRAPHY_3 ] ); $this->add_control( 'field_color', [ 'label' => __( 'Text Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-form-control' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'field_placeholder_color', [ 'label' => __( 'Placeholder Text Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} ::-webkit-input-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} ::-moz-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} ::-ms-input-placeholder' => 'color: {{VALUE}};', ], ] ); $this->start_controls_tabs( 'tabs_field_state' ); $this->start_controls_tab( 'tab_field_normal', [ 'label' => __( 'Normal', 'happy-elementor-addons' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'field_border', 'selector' => '{{WRAPPER}} .ff-el-form-control', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'field_box_shadow', 'selector' => '{{WRAPPER}} .ff-el-form-control:not(select)', ] ); $this->add_control( 'field_bg_color', [ 'label' => __( 'Background Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-form-control' => 'background-color: {{VALUE}}', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_field_focus', [ 'label' => __( 'Focus', 'happy-elementor-addons' ), ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'field_focus_border', 'selector' => '{{WRAPPER}} .ff-el-form-control:focus', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'field_focus_box_shadow', 'exclude' => [ 'box_shadow_position', ], 'selector' => '{{WRAPPER}} .ff-el-form-control:not(select):focus', ] ); $this->add_control( 'field_focus_bg_color', [ 'label' => __( 'Background Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-form-control:focus' => 'background-color: {{VALUE}}', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } protected function __fields_label_style_controls() { $this->start_controls_section( 'form-label', [ 'label' => __( 'Form Fields Label', 'happy-elementor-addons' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'label_margin', [ 'label' => __( 'Spacing Bottom', 'happy-elementor-addons' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .ff-el-input--label' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'hr3', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'label_typography', 'label' => __( 'Typography', 'happy-elementor-addons' ), 'selector' => '{{WRAPPER}} .ff-el-input--label label', 'scheme' => Typography::TYPOGRAPHY_3 ] ); $this->add_control( 'label_color', [ 'label' => __( 'Text Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-input--label label' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'check_box_label_color', [ 'label' => __( 'Check Box Label Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-form-check .ff-el-form-check-label' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'required_label_color', [ 'label' => __( 'Required Label Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-input--label label:before' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'help_text_heading', [ 'label' => __( 'Help Text', 'happy-elementor-addons' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_responsive_control( 'help_text_padding', [ 'label' => __( 'Padding', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip:before' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'help_text_border', 'selector' => '{{WRAPPER}} .ff-el-tooltip:before', ] ); $this->add_control( 'help_text_border_radius', [ 'label' => __( 'Border Radius', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip:before' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'help_text_typography', 'label' => __( 'Typography', 'happy-elementor-addons' ), 'selector' => '{{WRAPPER}} .ff-el-tooltip:before', 'scheme' => Typography::TYPOGRAPHY_4, ] ); $this->add_control( 'help_text_icon_color', [ 'label' => __( 'Icon Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'help_text_color', [ 'label' => __( 'Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip:before' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'help_text_arrow_color', [ 'label' => __( 'Arrow Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip:after' => 'border-top-color: {{VALUE}}', ], ] ); $this->add_control( 'help_text_background_color', [ 'label' => __( 'Background Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-tooltip:before' => 'background-color: {{VALUE}}', ], ] ); $this->end_controls_section(); } protected function __submit_btn_style_controls() { $this->start_controls_section( 'submit', [ 'label' => __( 'Submit Button', 'happy-elementor-addons' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'submit_margin', [ 'label' => __( 'Margin', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-btn-submit' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'submit_padding', [ 'label' => __( 'Padding', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-btn-submit' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'submit_typography', 'selector' => '{{WRAPPER}} .ff-btn-submit', 'scheme' => Typography::TYPOGRAPHY_4 ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'submit_border', 'selector' => '{{WRAPPER}} .ff-btn-submit', ] ); $this->add_control( 'submit_border_radius', [ 'label' => __( 'Border Radius', 'happy-elementor-addons' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .ff-btn-submit' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'submit_box_shadow', 'selector' => '{{WRAPPER}} .ff-btn-submit', ] ); $this->add_control( 'hr4', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); $this->start_controls_tabs( 'tabs_button_style' ); $this->start_controls_tab( 'tab_button_normal', [ 'label' => __( 'Normal', 'happy-elementor-addons' ), ] ); $this->add_control( 'submit_color', [ 'label' => __( 'Text Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .ff-btn-submit' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'submit_bg_color', [ 'label' => __( 'Background Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-btn-submit' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_button_hover', [ 'label' => __( 'Hover', 'happy-elementor-addons' ), ] ); $this->add_control( 'submit_hover_color', [ 'label' => __( 'Text Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-btn-submit:hover, {{WRAPPER}} .wpcf7-submit:focus' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'submit_hover_bg_color', [ 'label' => __( 'Background Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-btn-submit:hover, {{WRAPPER}} .ff-btn-submit:focus' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'submit_hover_border_color', [ 'label' => __( 'Border Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-btn-submit:hover, {{WRAPPER}} .ff-btn-submit:focus' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } protected function __break_style_controls() { $this->start_controls_section( '_break', [ 'label' => __( 'Break', 'happy-elementor-addons' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'section_break', [ 'label' => __( 'Section Break', 'happy-elementor-addons' ), 'type' => Controls_Manager::HEADING, ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'section_break_title_typography', 'label' => __( 'Title Typography', 'happy-elementor-addons' ), 'selector' => '{{WRAPPER}} .ff-el-section-break .ff-el-section-title', 'scheme' => Typography::TYPOGRAPHY_3 ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'section_break_description_typography', 'label' => __( 'Description Typography', 'happy-elementor-addons' ), 'selector' => '{{WRAPPER}} .ff-el-section-break .ff-section_break_desk', 'scheme' => Typography::TYPOGRAPHY_4 ] ); $this->start_controls_tabs( 'tabs_section_break_style' ); $this->start_controls_tab( 'section_break__title', [ 'label' => __( 'Title', 'happy-elementor-addons' ), ] ); $this->add_control( 'section_break_title_color', [ 'label' => __( 'Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-section-break .ff-el-section-title' => 'color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'section_break_tab_description', [ 'label' => __( 'Description', 'happy-elementor-addons' ), ] ); $this->add_control( 'section_break_description_color', [ 'label' => __( 'Color', 'happy-elementor-addons' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .ff-el-section-break .ff-section_break_desk' => 'color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } protected function render() { if ( ! ha_is_fluent_form_activated() ) { ha_show_plugin_missing_alert(__( 'Fluent Form', 'happy-elementor-addons' ) ); return; } $settings = $this->get_settings_for_display(); if ( ! empty( $settings['form_id'] ) ) { echo ha_do_shortcode( 'fluentform', [ 'id' => $settings['form_id'], ] ); } } }