File Editor
Directories:
.. (Back)
field
helpers
settings
type
woocommerce
Files:
Accordion.php
AccordionItem.php
Audio.php
BarCounters.php
BarCountersItem.php
Blog.php
Blurb.php
Button.php
CircleCounter.php
Code.php
Comments.php
ContactForm.php
ContactFormItem.php
CountdownTimer.php
Cta.php
Divider.php
FilterablePortfolio.php
FullwidthCode.php
FullwidthHeader.php
FullwidthImage.php
FullwidthMap.php
FullwidthMenu.php
FullwidthPortfolio.php
FullwidthPostContent.php
FullwidthPostSlider.php
FullwidthPostTitle.php
FullwidthSlider.php
Gallery.php
Icon.php
Image.php
Login.php
Map.php
MapItem.php
Menu.php
NumberCounter.php
Portfolio.php
PostContent.php
PostSlider.php
PostTitle.php
PostsNavigation.php
PricingTables.php
PricingTablesItem.php
Search.php
Sidebar.php
Signup.php
SignupItem.php
Slider.php
SliderItem.php
SocialMediaFollow.php
SocialMediaFollowItem.php
Tabs.php
TabsItem.php
TeamMember.php
Testimonial.php
Text.php
Toggle.php
Video.php
VideoSlider.php
VideoSliderItem.php
Create New File
Create
Edit File: ContactFormItem.php
<?php class ET_Builder_Module_Contact_Form_Item extends ET_Builder_Module { public $additional_shortcode_slugs = array( 'et_pb_signup_custom_field' ); function init() { $this->name = esc_html__( 'Field', 'et_builder' ); $this->plural = esc_html__( 'Fields', 'et_builder' ); $this->slug = 'et_pb_contact_field'; $this->vb_support = 'on'; $this->type = 'child'; $this->child_title_var = 'field_id'; $this->advanced_setting_title_text = esc_html__( 'New Field', 'et_builder' ); $this->settings_text = esc_html__( 'Field Settings', 'et_builder' ); $this->main_css_element = '.et_pb_contact_form_container %%order_class%%.et_pb_contact_field'; $this->settings_modal_toggles = array( 'general' => array( 'toggles' => array( 'main_content' => et_builder_i18n( 'Text' ), 'field_options' => esc_html__( 'Field Options', 'et_builder' ), 'conditional_logic' => esc_html__( 'Conditional Logic', 'et_builder' ), ), ), 'advanced' => array( 'toggles' => array( 'layout' => et_builder_i18n( 'Layout' ), ), ), ); $this->advanced_fields = array( 'borders' => array( 'default' => array( 'css' => array( 'main' => array( 'border_radii' => sprintf( '%1$s .input, %1$s .input[type="checkbox"] + label i, %1$s .input[type="radio"] + label i', $this->main_css_element ), 'border_styles' => sprintf( '%1$s .input, %1$s .input[type="checkbox"] + label i, %1$s .input[type="radio"] + label i', $this->main_css_element ), ), 'important' => 'plugin_only', ), 'label_prefix' => esc_html__( 'Input', 'et_builder' ), ), ), 'box_shadow' => array( 'default' => array( 'css' => array( 'main' => implode( ', ', array( '%%order_class%% input', '%%order_class%% select', '%%order_class%% textarea', '%%order_class%% .et_pb_contact_field_options_list label > i', ) ), 'important' => true, ), ), ), 'background' => array( 'css' => array( 'main' => '%%order_class%%', ), ), 'margin_padding' => array( 'css' => array( 'padding' => 'p%%order_class%%', 'important' => array( 'custom_margin' ), // needed to overwrite last module margin-bottom styling ), ), 'text' => array( 'css' => array( 'text_orientation' => '%%order_class%% input, %%order_class%% textarea, %%order_class%% label', ), ), 'text_shadow' => array( // Don't add text-shadow fields since they already are via font-options 'default' => false, ), 'filters' => array( 'css' => array( 'main' => array( '%%order_class%% input', '%%order_class%% textarea', '%%order_class%% label', ), ), ), 'button' => false, 'sticky' => false, 'form_field' => array( 'form_field' => array( 'label' => esc_html__( 'Field', 'et_builder' ), 'css' => array( 'background_color' => '%%order_class%% .input, %%order_class%% .input[type="checkbox"] + label i, %%order_class%% .input[type="radio"] + label i', 'main' => '%%order_class%%.et_pb_contact_field .input', 'background_color' => '%%order_class%%.et_pb_contact_field .input, %%order_class%%.et_pb_contact_field .input[type="checkbox"] + label i, %%order_class%%.et_pb_contact_field .input[type="radio"] + label i', 'background_color_hover' => '%%order_class%%.et_pb_contact_field .input:hover, %%order_class%%.et_pb_contact_field .input[type="checkbox"] + label:hover i, %%order_class%%.et_pb_contact_field .input[type="radio"] + label:hover i', 'focus_background_color' => '%%order_class%%.et_pb_contact_field .input:focus, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:active + label i, %%order_class%%.et_pb_contact_field .input[type="radio"]:active + label i', 'focus_background_color_hover' => '%%order_class%%.et_pb_contact_field .input:focus:hover, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:active:hover + label i, %%order_class%%.et_pb_contact_field .input[type="radio"]:active:hover + label i', 'form_text_color' => '%%order_class%%.et_pb_contact_field .input, %%order_class%%.et_pb_contact_field .input[type="checkbox"] + label, %%order_class%%.et_pb_contact_field .input[type="radio"] + label, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:checked + label i:before', 'form_text_color_hover' => '%%order_class%%.et_pb_contact_field .input:hover, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:hover + label, %%order_class%%.et_pb_contact_field .input[type="radio"]:hover + label, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:checked:hover + label i:before', 'focus_text_color' => '%%order_class%%.et_pb_contact_field .input:focus, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:active + label, %%order_class%%.et_pb_contact_field .input[type="radio"]:active + label, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:checked:active + label i:before', 'focus_text_color_hover' => '%%order_class%%.et_pb_contact_field .input:focus:hover, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:active:hover + label, %%order_class%%.et_pb_contact_field .input[type="radio"]:active:hover + label, %%order_class%%.et_pb_contact_field .input[type="checkbox"]:checked:active:hover + label i:before', ), 'margin_padding' => false, 'box_shadow' => false, 'border_styles' => false, 'font_field' => array( 'css' => array( 'main' => implode( ',', array( '%%order_class%%.et_pb_contact_field .et_pb_contact_field_options_title', "{$this->main_css_element} .input", "{$this->main_css_element} .input::placeholder", "{$this->main_css_element} .input::-webkit-input-placeholder", "{$this->main_css_element} .input::-moz-placeholder", "{$this->main_css_element} .input:-ms-input-placeholder", "{$this->main_css_element} .input[type=checkbox] + label", "{$this->main_css_element} .input[type=radio] + label", ) ), 'important' => 'plugin_only', ), ), ), ), 'height' => array( 'css' => array( 'main' => implode( ', ', array( '%%order_class%% input[type=text]', '%%order_class%% input[type=email]', '%%order_class%% textarea', '%%order_class%%[data-type=checkbox]', '%%order_class%%[data-type=radio]', '%%order_class%%[data-type=select]', '%%order_class%%[data-type=select] select', ) ), ), ), ); } function get_fields() { $labels = array( 'link_url' => esc_html__( 'Link URL', 'et_builder' ), 'link_text' => esc_html__( 'Link Text', 'et_builder' ), 'link_cancel' => esc_html__( 'Discard Changes', 'et_builder' ), 'link_save' => esc_html__( 'Save Changes', 'et_builder' ), 'link_settings' => esc_html__( 'Option Link', 'et_builder' ), ); $fields = array( 'field_id' => array( 'label' => esc_html__( 'Field ID', 'et_builder' ), 'type' => 'text', 'description' => esc_html__( 'Define the unique ID of this field. You should use only English characters without special characters and spaces.', 'et_builder' ), 'toggle_slug' => 'main_content', 'default_on_front' => '', 'option_category' => 'basic_option', ), 'field_title' => array( 'label' => et_builder_i18n( 'Title' ), 'type' => 'text', 'description' => esc_html__( 'Here you can define the content that will be placed within the current tab.', 'et_builder' ), 'toggle_slug' => 'main_content', 'default_on_front' => esc_html__( 'New Field', 'et_builder' ), 'option_category' => 'basic_option', 'mobile_options' => true, 'hover' => 'tabs', ), 'field_type' => array( 'label' => esc_html__( 'Type', 'et_builder' ), 'type' => 'select', 'default' => 'input', 'option_category' => 'basic_option', 'options' => array( 'input' => esc_html__( 'Input Field', 'et_builder' ), 'email' => esc_html__( 'Email Field', 'et_builder' ), 'text' => esc_html__( 'Textarea', 'et_builder' ), 'checkbox' => esc_html__( 'Checkboxes', 'et_builder' ), 'radio' => esc_html__( 'Radio Buttons', 'et_builder' ), 'select' => esc_html__( 'Select Dropdown', 'et_builder' ), ), 'description' => esc_html__( 'Choose the type of field', 'et_builder' ), 'affects' => array( 'checkbox_options', 'booleancheckbox_options', 'radio_options', 'select_options', 'min_length', 'max_length', 'allowed_symbols', ), 'toggle_slug' => 'field_options', ), 'checkbox_checked' => array( 'label' => esc_html__( 'Checked By Default', 'et_builder' ), 'description' => esc_html__( 'If enabled, the check mark will be automatically selected for the visitor. They can still deselected it.', 'et_builder' ), 'type' => 'hidden', 'option_category' => 'layout', 'default' => 'off', 'depends_show_if' => 'checkbox', 'toggle_slug' => 'field_options', ), 'checkbox_options' => array( 'label' => esc_html__( 'Options', 'et_builder' ), 'type' => 'sortable_list', 'checkbox' => true, 'option_category' => 'basic_option', 'depends_show_if' => 'checkbox', 'toggle_slug' => 'field_options', 'right_actions' => 'move|link|copy|delete', 'labels' => $labels, ), 'booleancheckbox_options' => array( 'label' => esc_html__( 'Options', 'et_builder' ), 'type' => 'sortable_list', 'checkbox' => true, 'option_category' => 'basic_option', 'depends_show_if' => 'booleancheckbox', 'toggle_slug' => 'field_options', 'right_actions' => 'move|link|copy|delete', 'labels' => $labels, ), 'radio_options' => array( 'label' => esc_html__( 'Options', 'et_builder' ), 'type' => 'sortable_list', 'radio' => true, 'option_category' => 'basic_option', 'depends_show_if' => 'radio', 'toggle_slug' => 'field_options', 'right_actions' => 'move|link|copy|delete', 'labels' => $labels, ), 'select_options' => array( 'label' => esc_html__( 'Options', 'et_builder' ), 'type' => 'sortable_list', 'option_category' => 'basic_option', 'depends_show_if' => 'select', 'toggle_slug' => 'field_options', ), 'min_length' => array( 'label' => esc_html__( 'Minimum Length', 'et_builder' ), 'description' => esc_html__( 'Leave at 0 to remove restriction', 'et_builder' ), 'type' => 'range', 'default' => '0', 'unitless' => true, 'range_settings' => array( 'min' => '0', 'max' => '255', 'step' => '1', ), 'option_category' => 'basic_option', 'depends_show_if' => 'input', 'toggle_slug' => 'field_options', ), 'max_length' => array( 'label' => esc_html__( 'Maximum Length', 'et_builder' ), 'description' => esc_html__( 'Leave at 0 to remove restriction', 'et_builder' ), 'type' => 'range', 'default' => '0', 'unitless' => true, 'range_settings' => array( 'min' => '0', 'max' => '255', 'step' => '1', ), 'option_category' => 'basic_option', 'depends_show_if' => 'input', 'toggle_slug' => 'field_options', ), 'allowed_symbols' => array( 'label' => esc_html__( 'Allowed Symbols', 'et_builder' ), 'type' => 'select', 'default' => 'all', 'options' => array( 'all' => esc_html__( 'All', 'et_builder' ), 'letters' => esc_html__( 'Letters Only (A-Z)', 'et_builder' ), 'numbers' => esc_html__( 'Numbers Only (0-9)', 'et_builder' ), 'alphanumeric' => esc_html__( 'Alphanumeric Only (A-Z, 0-9)', 'et_builder' ), ), 'option_category' => 'basic_option', 'depends_show_if' => 'input', 'toggle_slug' => 'field_options', ), 'required_mark' => array( 'label' => esc_html__( 'Required Field', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'configuration', 'default' => 'on', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'description' => esc_html__( 'Define whether the field should be required or optional', 'et_builder' ), 'toggle_slug' => 'field_options', ), 'fullwidth_field' => array( 'label' => esc_html__( 'Make Fullwidth', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'tab_slug' => 'advanced', 'toggle_slug' => 'layout', 'description' => esc_html__( 'If enabled, the field will take 100% of the width of the content area, otherwise it will take 50%', 'et_builder' ), 'default_on_front' => 'off', ), 'conditional_logic' => array( 'label' => esc_html__( 'Enable', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'default' => 'off', 'options' => array( 'on' => et_builder_i18n( 'Yes' ), 'off' => et_builder_i18n( 'No' ), ), 'affects' => array( 'conditional_logic_rules', 'conditional_logic_relation', ), 'description' => et_get_safe_localization( __( 'Enabling conditional logic makes this field only visible when any or all of the rules below are fulfilled<br><strong>Note:</strong> Only fields with an unique and non-empty field ID can be used', 'et_builder' ) ), 'toggle_slug' => 'conditional_logic', ), 'conditional_logic_relation' => array( 'label' => esc_html__( 'Relation', 'et_builder' ), 'type' => 'yes_no_button', 'option_category' => 'layout', 'options' => array( 'on' => esc_html__( 'All', 'et_builder' ), 'off' => esc_html__( 'Any', 'et_builder' ), ), 'default' => 'off', 'button_options' => array( 'button_type' => 'equal', ), 'depends_show_if' => 'on', 'description' => esc_html__( 'Choose whether any or all of the rules should be fulfilled', 'et_builder' ), 'toggle_slug' => 'conditional_logic', ), 'conditional_logic_rules' => array( 'label' => esc_html__( 'Rules', 'et_builder' ), 'type' => 'conditional_logic', 'option_category' => 'layout', 'depends_show_if' => 'on', 'toggle_slug' => 'conditional_logic', ), ); return $fields; } public function get_transition_fields_css_props() { $fields = parent::get_transition_fields_css_props(); $fields['form_field_background_color'] = array( 'background' => implode( ', ', array( '%%order_class%%.et_pb_contact_field .input', '%%order_class%%.et_pb_contact_field .input + label:hover i', ) ), ); return $fields; } /** * Renders the module output. * * @param array $attrs List of attributes. * @param string $content Content being processed. * @param string $render_slug Slug of module that is used for rendering output. * * @return string */ public function render( $attrs, $content, $render_slug ) { global $et_pb_half_width_counter, $et_pb_contact_form_num; et_core_nonce_verified_previously(); $multi_view = et_pb_multi_view_options( $this ); $field_title = $this->props['field_title']; $field_type = $this->props['field_type']; $field_id = $this->props['field_id']; $required_mark = $this->props['required_mark']; $fullwidth_field = $this->props['fullwidth_field']; $form_field_text_color = $this->props['form_field_text_color']; $checkbox_checked = $this->props['checkbox_checked']; $checkbox_options = $this->props['checkbox_options']; $booleancheckbox_options = isset( $this->props['booleancheckbox_options'] ) ? $this->props['booleancheckbox_options'] : false; $radio_options = $this->props['radio_options']; $select_options = $this->props['select_options']; $min_length = $this->props['min_length']; $max_length = $this->props['max_length']; $conditional_logic = $this->props['conditional_logic']; $conditional_logic_relation = $this->props['conditional_logic_relation']; $conditional_logic_rules = $this->props['conditional_logic_rules']; $allowed_symbols = $this->props['allowed_symbols']; $render_count = $this->render_count(); $current_module_num = null === $et_pb_contact_form_num ? 0 : intval( $et_pb_contact_form_num ) + 1; $field_text_color_hover = $this->get_hover_value( 'form_field_text_color' ); $field_text_color_values = et_pb_responsive_options()->get_property_values( $this->props, 'form_field_text_color' ); $field_focus_text_color_hover = $this->get_hover_value( 'form_field_focus_text_color' ); $field_focus_text_color_values = et_pb_responsive_options()->get_property_values( $this->props, 'form_field_focus_text_color' ); if ( ! empty( $attrs['form_field_text_color'] ) ) { $this->generate_styles( array( 'type' => 'color', 'render_slug' => $render_slug, 'base_attr_name' => 'form_field_text_color', 'css_property' => 'color', 'selector' => '%%order_class%% .input + label, %%order_class%% .input + label i:before', 'important' => true, ) ); } // set a field ID. if ( '' === $field_id ) { $field_id = sprintf( 'field_%d_%d', $et_pb_contact_form_num, $render_count ); } if ( 'et_pb_signup_custom_field' === $render_slug ) { $this->add_classname( 'et_pb_newsletter_field' ); } else { $field_id = strtolower( $field_id ); } $video_background = $this->video_background(); $parallax_image_background = $this->get_parallax_image_background(); $et_pb_half_width_counter = ! isset( $et_pb_half_width_counter ) ? 0 : $et_pb_half_width_counter; // count fields to add the et_pb_contact_field_last properly if ( 'off' === $fullwidth_field ) { $et_pb_half_width_counter++; } else { $et_pb_half_width_counter = 0; } $input_field = ''; // Form Field Text Color - Radio Checked. $field_text_color_important = et_builder_has_limitation( 'force_use_global_important' ) ? ' !important' : ''; et_pb_responsive_options()->generate_responsive_css( $field_text_color_values, '%%order_class%%.et_pb_contact_field .input[type="radio"]:checked + label i:before', 'background-color', $render_slug, $field_text_color_important, 'color' ); if ( et_builder_is_hover_enabled( 'form_field_text_color', $this->props ) ) { ET_Builder_Element::set_style( $render_slug, array( 'selector' => '%%order_class%%.et_pb_contact_field .input[type="radio"]:checked:hover + label i:before', 'declaration' => sprintf( 'background-color: %1$s%2$s;', esc_html( $field_text_color_hover ), $field_text_color_important ), ) ); } // Form Field Text Color on Focus - Radio Checked. et_pb_responsive_options()->generate_responsive_css( $field_focus_text_color_values, '%%order_class%%.et_pb_contact_field .input[type="radio"]:checked:active + label i:before', 'background-color', $render_slug, $field_text_color_important, 'color' ); if ( et_builder_is_hover_enabled( 'form_field_focus_text_color', $this->props ) ) { ET_Builder_Element::set_style( $render_slug, array( 'selector' => '%%order_class%%.et_pb_contact_field .input[type="radio"]:checked:active:hover + label i:before', 'declaration' => sprintf( 'background-color: %1$s%2$s;', esc_html( $field_focus_text_color_hover ), $field_text_color_important ), ) ); } $pattern = ''; $title = ''; $min_length = intval( $min_length ); $max_length = intval( $max_length ); $max_length_attr = ''; $symbols_pattern = '.'; $length_pattern = '*'; if ( in_array( $allowed_symbols, array( 'letters', 'numbers', 'alphanumeric' ) ) ) { switch ( $allowed_symbols ) { case 'letters': $symbols_pattern = '[A-Z|a-z|\s-]'; $title = __( 'Only letters allowed.', 'et_builder' ); break; case 'numbers': $symbols_pattern = '[0-9\s-]'; $title = __( 'Only numbers allowed.', 'et_builder' ); break; case 'alphanumeric': $symbols_pattern = '[\w\s-]'; $title = __( 'Only letters and numbers allowed.', 'et_builder' ); break; } } if ( 0 !== $min_length && 0 !== $max_length ) { $max_length = max( $min_length, $max_length ); $min_length = min( $min_length, $max_length ); if ( $max_length > 0 ) { $max_length_attr = sprintf( ' maxlength="%1$d"', $max_length ); } } if ( 0 !== $min_length || 0 !== $max_length ) { $length_pattern = '{'; if ( 0 !== $min_length ) { $length_pattern .= $min_length; $title .= sprintf( __( 'Minimum length: %1$d characters. ', 'et_builder' ), $min_length ); } if ( 0 === $max_length ) { $length_pattern .= ','; } if ( 0 === $min_length ) { $length_pattern .= '0'; } if ( 0 !== $max_length ) { $length_pattern .= ",{$max_length}"; $title .= sprintf( __( 'Maximum length: %1$d characters.', 'et_builder' ), $max_length ); } $length_pattern .= '}'; } if ( '.' !== $symbols_pattern || '*' !== $length_pattern ) { $pattern = sprintf( ' pattern="%1$s%2$s"', esc_attr( $symbols_pattern ), esc_attr( $length_pattern ) ); } if ( '' !== $title ) { $title = sprintf( ' title="%1$s"', esc_attr( $title ) ); } $conditional_logic_attr = ''; if ( 'on' === $conditional_logic && ! empty( $conditional_logic_rules ) ) { $option_search = array( '[', ']' ); $option_replace = array( '[', ']' ); $conditional_logic_rules = str_replace( $option_search, $option_replace, $conditional_logic_rules ); $condition_rows = json_decode( $conditional_logic_rules ); $ruleset = array(); // Ensure the JSON has been decoded successfully without any errors. if ( JSON_ERROR_NONE === json_last_error() ) { foreach ( $condition_rows as $condition_row ) { $condition_value = isset( $condition_row->value ) ? $condition_row->value : ''; $condition_value = trim( $condition_value ); $ruleset[] = array( $condition_row->field, $condition_row->condition, $condition_value, ); } if ( ! empty( $ruleset ) ) { $json = wp_json_encode( $ruleset ); $relation = 'off' === $conditional_logic_relation ? 'any' : 'all'; $conditional_logic_attr = sprintf( ' data-conditional-logic="%1$s" data-conditional-relation="%2$s"', esc_attr( $json ), $relation ); } } } switch ( $field_type ) { case 'text': case 'textarea': $input_field = sprintf( '<textarea name="et_pb_contact_%3$s_%2$s" id="et_pb_contact_%3$s_%2$s" class="et_pb_contact_message input" data-required_mark="%6$s" data-field_type="%4$s" data-original_id="%3$s" placeholder="%5$s"%7$s>%1$s</textarea>', ( isset( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ? esc_html( sanitize_textarea_field( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ) : '' ), esc_attr( $current_module_num ), esc_attr( $field_id ), esc_attr( $field_type ), esc_attr( $field_title ), 'off' === $required_mark ? 'not_required' : 'required', $multi_view->render_attrs( array( 'attrs' => array( 'placeholder' => '{{field_title}}', ), ) ) ); break; case 'input': case 'email': if ( 'email' === $field_type ) { $pattern = ''; } $input_field = sprintf( '<input type="text" id="et_pb_contact_%3$s_%2$s" class="input" value="%1$s" name="et_pb_contact_%3$s_%2$s" data-required_mark="%6$s" data-field_type="%4$s" data-original_id="%3$s" placeholder="%5$s"%7$s%8$s%9$s%10$s>', ( isset( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ? esc_attr( sanitize_text_field( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ) : '' ), esc_attr( $current_module_num ), esc_attr( $field_id ), esc_attr( $field_type ), esc_attr( $field_title ), 'off' === $required_mark ? 'not_required' : 'required', $pattern, $title, $max_length_attr, $multi_view->render_attrs( array( 'attrs' => array( 'placeholder' => '{{field_title}}', ), ) ) ); break; case 'checkbox': $input_field = ''; if ( ! $checkbox_options ) { $is_checked = ! empty( $checkbox_checked ) && 'on' === $checkbox_checked; $checkbox_options = sprintf( '[{"value":"%1$s","checked":%2$s}]', esc_attr( $field_title ), $is_checked ? 1 : 0 ); $field_title = ''; } $option_search = array( '[', ']' ); $option_replace = array( '[', ']' ); $checkbox_options = str_replace( $option_search, $option_replace, $checkbox_options ); $checkbox_options = json_decode( $checkbox_options ); foreach ( $checkbox_options as $index => $option ) { $is_checked = 1 === $option->checked ? true : false; $option_value = wp_strip_all_tags( $option->value ); $drag_id = isset( $option->dragID ) ? $option->dragID : ''; $option_id = isset( $option->id ) ? $option->id : $drag_id; $option_id = sprintf( ' data-id="%1$s"', esc_attr( $option_id ) ); $option_label = wp_strip_all_tags( $option->value ); $option_link = ''; if ( ! empty( $option->link_url ) ) { $link_text = isset( $option->link_text ) ? $option->link_text : ''; $option_link = sprintf( ' <a href="%1$s" target="_blank">%2$s</a>', esc_url( $option->link_url ), esc_html( $link_text ) ); } // The required field needs a value, use link information if the option value is empty if ( 'off' !== $required_mark && empty( $option_value ) && ! empty( $option_link ) ) { $option_value = isset( $option->link_text ) && ! empty( $option->link_text ) ? esc_html( $option->link_text ) : esc_url( $option->link_url ); } $input_field .= sprintf( '<span class="et_pb_contact_field_checkbox"> <input type="checkbox" id="et_pb_contact_%1$s_%5$s_%3$s" class="input" value="%2$s"%4$s%6$s> <label for="et_pb_contact_%1$s_%5$s_%3$s"><i></i>%7$s%8$s</label> </span>', esc_attr( $field_id ), esc_attr( $option_value ), esc_attr( $index ), $is_checked ? ' checked="checked"' : '', esc_attr( $render_count ), // #5 $option_id, $option_label, $option_link // #8 ); } $input_field = sprintf( '<input class="et_pb_checkbox_handle" type="hidden" name="et_pb_contact_%1$s_%4$s" data-required_mark="%3$s" data-field_type="%2$s" data-original_id="%1$s"> <span class="et_pb_contact_field_options_wrapper"> <span class="et_pb_contact_field_options_title"%7$s>%5$s</span> <span class="et_pb_contact_field_options_list">%6$s</span> </span>', esc_attr( $field_id ), esc_attr( $field_type ), 'off' === $required_mark ? 'not_required' : 'required', esc_attr( $current_module_num ), esc_html( $field_title ), $input_field, $multi_view->render_attrs( array( 'content' => '{{field_title}}', ) ) ); break; case 'booleancheckbox': $input_field = ''; $option_search = array( '[', ']' ); $option_replace = array( '[', ']' ); $checkbox_options = str_replace( $option_search, $option_replace, $booleancheckbox_options ); $checkbox_options = json_decode( $checkbox_options ); $option = self::$_->array_get( $checkbox_options, 0 ); $is_checked = 1 === $option->checked; $option_value = wp_strip_all_tags( $option->value ); $drag_id = isset( $option->dragID ) ? $option->dragID : ''; // phpcs:ignore ET.Sniffs.ValidVariableName.UsedPropertyNotSnakeCase -- The $option is the sortable list item object set from the sortable-list.jsx $option_id = isset( $option->id ) ? $option->id : $drag_id; $option_id = sprintf( ' data-id="%1$s"', esc_attr( $option_id ) ); $input_field .= sprintf( '<input type="checkbox" id="et_pb_contact_%1$s_%5$s_%3$s" class="input" value="%2$s"%4$s%6$s> <label for="et_pb_contact_%1$s_%5$s_%3$s"><i></i><span class="et_pb_contact_field_options_title">%7$s</span></label>', esc_attr( $field_id ), esc_attr( $option_value ), esc_attr( 0 ), $is_checked ? ' checked="checked"' : '', esc_attr( $render_count ), // #5 $option_id, esc_html( $field_title ) ); $input_field = sprintf( '<input class="et_pb_checkbox_handle" type="hidden" name="et_pb_contact_%1$s_%4$s" data-required_mark="%3$s" data-field_type="%2$s" data-original_id="%1$s"> <span class="et_pb_contact_field_options_wrapper"> %5$s %6$s </span>', esc_attr( $field_id ), esc_attr( $field_type ), 'off' === $required_mark ? 'not_required' : 'required', esc_attr( $current_module_num ), $input_field, $multi_view->render_attrs( array( 'content' => '{{field_title}}', ) ) ); break; case 'radio': $input_field = ''; if ( $radio_options ) { $option_search = array( '[', ']' ); $option_replace = array( '[', ']' ); $radio_options = str_replace( $option_search, $option_replace, $radio_options ); $radio_options = json_decode( $radio_options ); foreach ( $radio_options as $index => $option ) { $is_checked = ( isset( $option->checked ) && 1 === $option->checked ) ? true : false; $drag_id = isset( $option->dragID ) ? $option->dragID : ''; $option_id = isset( $option->id ) ? $option->id : $drag_id; $option_id = sprintf( ' data-id="%1$s"', esc_attr( $option_id ) ); $option_link = ''; if ( ! empty( $option->link_url ) ) { $link_text = isset( $option->link_text ) ? $option->link_text : ''; $option_link = sprintf( ' <a href="%1$s" target="_blank">%2$s</a>', esc_url( $option->link_url ), esc_html( $link_text ) ); } $input_field .= sprintf( '<span class="et_pb_contact_field_radio"> <input type="radio" id="et_pb_contact_%3$s_%2$s_%10$s_%7$s" class="input" value="%8$s" name="et_pb_contact_%3$s_%2$s" data-required_mark="%6$s" data-field_type="%4$s" data-original_id="%3$s" %9$s%11$s> <label for="et_pb_contact_%3$s_%2$s_%10$s_%7$s"><i></i>%8$s%12$s</label> </span>', ( isset( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ? esc_attr( sanitize_text_field( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ) : '' ), esc_attr( $current_module_num ), esc_attr( $field_id ), esc_attr( $field_type ), esc_attr( $field_title ), // #5 'off' === $required_mark ? 'not_required' : 'required', esc_attr( $index ), esc_attr( wp_strip_all_tags( isset( $option->value ) ? $option->value : '' ) ), checked( $is_checked, true, false ), esc_attr( $render_count ), // #10 $option_id, $option_link // #12 ); } } else { $input_field .= esc_html__( 'No options added.', 'et_builder' ); } $input_field = sprintf( '<span class="et_pb_contact_field_options_wrapper"> <span class="et_pb_contact_field_options_title"%3$s>%1$s</span> <span class="et_pb_contact_field_options_list">%2$s</span> </span>', esc_html( $field_title ), $input_field, $multi_view->render_attrs( array( 'content' => '{{field_title}}', ) ) ); break; case 'select': $options = sprintf( '<option value=""%2$s>%1$s</option>', esc_html( $field_title ), $multi_view->render_attrs( array( 'content' => '{{field_title}}', ) ) ); if ( $select_options ) { $option_search = array( '[', ']' ); $option_replace = array( '[', ']' ); $select_options = str_replace( $option_search, $option_replace, $select_options ); $select_options = json_decode( $select_options ); foreach ( $select_options as $option ) { $option_id = isset( $option->id ) ? sprintf( ' data-id="%1$s"', esc_attr( $option->id ) ) : ''; $options .= sprintf( '<option value="%1$s"%3$s>%2$s</option>', esc_attr( wp_strip_all_tags( $option->value ) ), wp_strip_all_tags( $option->value ), $option_id ); } } $input_field = sprintf( '<select id="et_pb_contact_%3$s_%2$s" class="et_pb_contact_select input" name="et_pb_contact_%3$s_%2$s" data-required_mark="%6$s" data-field_type="%4$s" data-original_id="%3$s"> %7$s </select>', ( isset( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ? esc_attr( sanitize_text_field( $_POST[ 'et_pb_contact_' . $field_id . '_' . $current_module_num ] ) ) : '' ), esc_attr( $current_module_num ), esc_attr( $field_id ), esc_attr( $field_type ), esc_attr( $field_title ), 'off' === $required_mark ? 'not_required' : 'required', $options ); break; } // Module classnames $this->add_classname( array( $this->get_text_orientation_classname(), ) ); if ( 'off' === $fullwidth_field ) { $this->add_classname( 'et_pb_contact_field_half' ); } if ( 0 === $et_pb_half_width_counter % 2 ) { $this->add_classname( 'et_pb_contact_field_last' ); } if ( 'on' === self::$_->array_get( $this->props, 'hidden' ) ) { $this->add_classname( 'et_pb_contact_field--hidden' ); } if ( $this->_has_background() ) { $this->add_classname( 'has-background' ); } // Remove automatically added classname $this->remove_classname( 'et_pb_module' ); $output = sprintf( '<p class="%5$s"%6$s data-id="%3$s" data-type="%7$s"> %9$s %8$s %11$s %12$s <label for="et_pb_contact_%3$s_%2$s" class="et_pb_contact_form_label"%10$s>%1$s</label> %4$s </p>', esc_html( $field_title ), esc_attr( $current_module_num ), esc_attr( $field_id ), $input_field, $this->module_classname( $render_slug ), $conditional_logic_attr, $field_type, $video_background, $parallax_image_background, $multi_view->render_attrs( array( 'content' => '{{field_title}}', ) ), et_core_esc_previously( $this->background_pattern() ), // #11 et_core_esc_previously( $this->background_mask() ) // #12 ); return $output; } /** * Checks if module has background. * * @since 4.9.3 * * @return bool */ protected function _has_background() { return 'on' === self::$_->array_get( $this->props, 'background_enable_color' ) || 'on' === self::$_->array_get( $this->props, 'background_enable_image' ) || 'on' === self::$_->array_get( $this->props, 'background_enable_video_mp4' ) || 'on' === self::$_->array_get( $this->props, 'background_enable_video_webm' ) || 'on' === self::$_->array_get( $this->props, 'background_enable_pattern_style' ) || 'on' === self::$_->array_get( $this->props, 'background_enable_mask_style' ); } } if ( et_builder_should_load_all_module_data() ) { new ET_Builder_Module_Contact_Form_Item(); }
Save Changes
Rename File
Rename