| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544 |
- <?php
- /**
- * Output fields to be used on panels (settings etc).
- *
- * @since 1.0.0
- *
- * @param string $option
- * @param string $panel
- * @param string $field
- * @param array $form_data
- * @param string $label
- * @param array $args
- * @param bool $echo
- *
- * @return string
- */
- function wpforms_panel_field( $option, $panel, $field, $form_data, $label, $args = array(), $echo = true ) {
- // Required params.
- if ( empty( $option ) || empty( $panel ) || empty( $field ) ) {
- return '';
- }
- // Setup basic vars.
- $panel = esc_attr( $panel );
- $field = esc_attr( $field );
- $panel_id = sanitize_html_class( $panel );
- $parent = ! empty( $args['parent'] ) ? esc_attr( $args['parent'] ) : '';
- $subsection = ! empty( $args['subsection'] ) ? esc_attr( $args['subsection'] ) : '';
- $label = ! empty( $label ) ? esc_html( $label ) : '';
- $class = ! empty( $args['class'] ) ? wpforms_sanitize_classes( $args['class'] ) : '';
- $input_class = ! empty( $args['input_class'] ) ? wpforms_sanitize_classes( $args['input_class'] ) : '';
- $default = isset( $args['default'] ) ? $args['default'] : '';
- $placeholder = ! empty( $args['placeholder'] ) ? esc_attr( $args['placeholder'] ) : '';
- $data_attr = '';
- $output = '';
- $smarttags_toggle = '';
- $input_id = sprintf( 'wpforms-panel-field-%s-%s', sanitize_html_class( $panel_id ), sanitize_html_class( $field ) );
- if ( ! empty( $args['input_id'] ) ) {
- $input_id = esc_attr( $args['input_id'] );
- }
- if ( ! empty( $args['smarttags'] ) ) {
- $type = ! empty( $args['smarttags']['type'] ) ? esc_attr( $args['smarttags']['type'] ) : 'fields';
- $fields = ! empty( $args['smarttags']['fields'] ) ? esc_attr( $args['smarttags']['fields'] ) : '';
- $smarttags_toggle = sprintf(
- '<a href="#" class="toggle-smart-tag-display toggle-unfoldable-cont" data-type="%s" data-fields="%s">
- <i class="fa fa-tags"></i><span>%s</span>
- </a>',
- esc_attr( $type ),
- esc_attr( $fields ),
- esc_html__( 'Show Smart Tags', 'wpforms-lite' )
- );
- }
- if ( ! empty( $args['pro_badge'] ) ) {
- $label .= '<span class="wpforms-field-option-education-pro-badge">pro</span>';
- }
- // Check if we should store values in a parent array.
- if ( ! empty( $parent ) ) {
- if ( ! empty( $subsection ) ) {
- $field_name = sprintf( '%s[%s][%s][%s]', $parent, $panel, $subsection, $field );
- $value = isset( $form_data[ $parent ][ $panel ][ $subsection ][ $field ] ) ? $form_data[ $parent ][ $panel ][ $subsection ][ $field ] : $default;
- $input_id = sprintf( 'wpforms-panel-field-%s-%s-%s', sanitize_html_class( $panel_id ), sanitize_html_class( $subsection ), sanitize_html_class( $field ) );
- $panel_id = sanitize_html_class( $panel . '-' . $subsection );
- } else {
- $field_name = sprintf( '%s[%s][%s]', $parent, $panel, $field );
- $value = isset( $form_data[ $parent ][ $panel ][ $field ] ) ? $form_data[ $parent ][ $panel ][ $field ] : $default;
- }
- } else {
- $field_name = sprintf( '%s[%s]', $panel, $field );
- $value = isset( $form_data[ $panel ][ $field ] ) ? $form_data[ $panel ][ $field ] : $default;
- }
- if ( isset( $args['field_name'] ) ) {
- $field_name = $args['field_name'];
- }
- if ( isset( $args['value'] ) ) {
- $value = $args['value'];
- }
- // Check for data attributes.
- if ( ! empty( $args['data'] ) ) {
- foreach ( $args['data'] as $key => $val ) {
- if ( is_array( $val ) ) {
- $val = wp_json_encode( $val );
- }
- $data_attr .= ' data-' . $key . '=\'' . $val . '\'';
- }
- }
- // Check for readonly inputs.
- if ( ! empty( $args['readonly' ] ) ) {
- $data_attr .= 'readonly';
- }
- // Determine what field type to output.
- switch ( $option ) {
- // Text input.
- case 'text':
- $output = sprintf(
- '<input type="%s" id="%s" name="%s" value="%s" placeholder="%s" class="%s" %s>',
- ! empty( $args['type'] ) ? esc_attr( $args['type'] ) : 'text',
- $input_id,
- $field_name,
- esc_attr( $value ),
- $placeholder,
- $input_class,
- $data_attr
- );
- break;
- // Textarea.
- case 'textarea':
- $output = sprintf(
- '<textarea id="%s" name="%s" rows="%d" placeholder="%s" class="%s" %s>%s</textarea>',
- $input_id,
- $field_name,
- ! empty( $args['rows'] ) ? (int) $args['rows'] : '3',
- $placeholder,
- $input_class,
- $data_attr,
- esc_textarea( $value )
- );
- break;
- // TinyMCE.
- case 'tinymce':
- $id = str_replace( '-', '_', $input_id );
- $args['tinymce']['textarea_name'] = $field_name;
- $args['tinymce']['teeny'] = true;
- $args['tinymce'] = wp_parse_args( $args['tinymce'], array(
- 'media_buttons' => false,
- 'teeny' => true,
- ) );
- ob_start();
- wp_editor( $value, $id, $args['tinymce'] );
- $output = ob_get_clean();
- break;
- // Checkbox.
- case 'checkbox':
- $output = sprintf(
- '<input type="checkbox" id="%s" name="%s" value="1" class="%s" %s %s>',
- $input_id,
- $field_name,
- $input_class,
- checked( '1', $value, false ),
- $data_attr
- );
- $output .= sprintf(
- '<label for="%s" class="inline">%s',
- $input_id,
- $label
- );
- if ( ! empty( $args['tooltip'] ) ) {
- $output .= sprintf( '<i class="fa fa-question-circle-o wpforms-help-tooltip" title="%s"></i>', esc_attr( $args['tooltip'] ) );
- }
- $output .= '</label>';
- break;
- // Toggle.
- case 'toggle':
- $toggle_args = $args;
- $toggle_args['input-class'] = $input_class;
- $output = wpforms_panel_field_toggle_control( $toggle_args, $input_id, $field_name, $label, $value, $data_attr );
- break;
- // Radio.
- case 'radio':
- $options = $args['options'];
- $radio_counter = 1;
- $output = '';
- foreach ( $options as $key => $item ) {
- if ( empty( $item['label'] ) ) {
- continue;
- }
- $item_value = ! empty( $item['value'] ) ? $item['value'] : $key;
- $output .= '<span class="row">';
- if ( ! empty( $item['pre_label'] ) ) {
- $output .= '<label>' . $item['pre_label'];
- }
- $output .= sprintf(
- '<input type="radio" id="%s-%d" name="%s" value="%s" class="%s" %s %s>',
- $input_id,
- $radio_counter,
- $field_name,
- $item_value,
- $input_class,
- checked( $item_value, $value, false ),
- $data_attr
- );
- if ( empty( $item['pre_label'] ) ) {
- $output .= sprintf(
- '<label for="%s-%d" class="inline">%s',
- $input_id,
- $radio_counter,
- $item['label']
- );
- } else {
- $output .= '<span class="wpforms-panel-field-radio-label">' . $item['label'] . '</span>';
- }
- if ( ! empty( $item['tooltip'] ) ) {
- $output .= sprintf( '<i class="fa fa-question-circle-o wpforms-help-tooltip" title="%s"></i>', esc_attr( $item['tooltip'] ) );
- }
- $output .= '</label></span>';
- $radio_counter ++;
- }
- if ( ! empty( $output ) ) {
- $output = '<div class="wpforms-panel-field-radio-container">' . $output . '</div>';
- }
- break;
- // Select.
- case 'select':
- if ( empty( $args['options'] ) && empty( $args['field_map'] ) ) {
- return '';
- }
- if ( ! empty( $args['field_map'] ) ) {
- $options = array();
- $available_fields = wpforms_get_form_fields( $form_data, $args['field_map'] );
- if ( ! empty( $available_fields ) ) {
- foreach ( $available_fields as $id => $available_field ) {
- $options[ $id ] = ! empty( $available_field['label'] )
- ? esc_attr( $available_field['label'] )
- : sprintf( /* translators: %d - field ID. */
- esc_html__( 'Field #%d', 'wpforms-lite' ),
- absint( $id )
- );
- }
- }
- $input_class .= ' wpforms-field-map-select';
- $data_attr .= ' data-field-map-allowed="' . implode( ' ', $args['field_map'] ) . '"';
- if ( ! empty( $placeholder ) ) {
- $data_attr .= ' data-field-map-placeholder="' . esc_attr( $placeholder ) . '"';
- }
- } else {
- $options = $args['options'];
- }
- $output = sprintf(
- '<select id="%s" name="%s" class="%s" %s>',
- $input_id,
- $field_name,
- $input_class,
- $data_attr
- );
- if ( ! empty( $placeholder ) ) {
- $output .= '<option value="">' . $placeholder . '</option>';
- }
- foreach ( $options as $key => $item ) {
- $output .= sprintf( '<option value="%s" %s>%s</option>', esc_attr( $key ), selected( $key, $value, false ), $item );
- }
- $output .= '</select>';
- break;
- }
- // Put the pieces together.
- $field_open = sprintf(
- '<div id="%s-wrap" class="wpforms-panel-field %s %s">',
- $input_id,
- $class,
- 'wpforms-panel-field-' . sanitize_html_class( $option )
- );
- $field_open .= ! empty( $args['before'] ) ? $args['before'] : '';
- if ( $option !== 'toggle' && $option !== 'checkbox' && ! empty( $label ) ) {
- $field_label = sprintf(
- '<label for="%s">%s',
- $input_id,
- $label
- );
- if ( ! empty( $args['tooltip'] ) ) {
- $field_label .= sprintf( '<i class="fa fa-question-circle-o wpforms-help-tooltip" title="%s"></i>', esc_attr( $args['tooltip'] ) );
- }
- if ( ! empty( $args['after_tooltip'] ) ) {
- $field_label .= $args['after_tooltip'];
- }
- if ( $smarttags_toggle && ! ( $option === 'textarea' && ! empty( $args['tinymce'] ) ) ) {
- $field_label .= $smarttags_toggle;
- }
- $field_label .= '</label>';
- if ( ! empty( $args['after_label'] ) ) {
- $field_label .= $args['after_label'];
- }
- } else {
- $field_label = '';
- }
- $field_close = '';
- if ( $smarttags_toggle && $option === 'textarea' && ! empty( $args['tinymce'] ) ) {
- $field_close .= $smarttags_toggle;
- }
- $field_close .= ! empty( $args['after'] ) ? $args['after'] : '';
- $field_close .= '</div>';
- $output = $field_open . $field_label . $output . $field_close;
- // Wash our hands.
- if ( $echo ) {
- echo $output;
- } else {
- return $output;
- }
- }
- /**
- * Create toggle control.
- *
- * It's like a regular checkbox but with a modern visual appearance.
- *
- * @since 1.6.8
- *
- * @param array $args Arguments array.
- *
- * @type bool $status If `true`, control will display the current status next to the toggle.
- * @type string $status-on Status `On` text. By default `On`.
- * @type string $status-off Status `Off` text. By default `Off`.
- * @type bool $label-hide If `true` then label will not display.
- * @type string $tooltip Tooltip text.
- * @type string $input-class CSS class for the hidden `<input type=checkbox>`.
- * @type string $control-class CSS class for the wrapper `<span>`.
- *
- * @param string $input_id Input ID.
- * @param string $field_name Field name.
- * @param string $label Label text. Can contain HTML in order to display additional badges.
- * @param mixed $value Value.
- * @param string $data_attr Attributes.
- *
- * @return string
- */
- function wpforms_panel_field_toggle_control( $args, $input_id, $field_name, $label, $value, $data_attr ) {
- $checked = checked( true, (bool) $value, false );
- $status = '';
- if ( ! empty( $args['status'] ) ) {
- $status_on = ! empty( $args['status-on'] ) ? $args['status-on'] : esc_html__( 'On', 'wpforms-lite' );
- $status_off = ! empty( $args['status-off'] ) ? $args['status-off'] : esc_html__( 'Off', 'wpforms-lite' );
- $status = sprintf(
- '<label
- for="%s"
- class="wpforms-toggle-control-status"
- data-on="%s"
- data-off="%s">
- %s
- </label>',
- esc_attr( $input_id ),
- esc_attr( $status_on ),
- esc_attr( $status_off ),
- esc_html( ! empty( $args['value'] ) ? $status_on : $status_off )
- );
- }
- $label_html = empty( $args['label-hide'] ) && ! empty( $label ) ?
- sprintf(
- '<label for="%s" class="wpforms-toggle-control-label">%s</label>',
- esc_attr( $input_id ),
- $label
- ) : '';
- $label_html .= isset( $args['tooltip'] ) ?
- sprintf(
- '<i class="fa fa-question-circle-o wpforms-help-tooltip" title="%s"></i>',
- esc_attr( $args['tooltip'] )
- ) : '';
- $label_left = ! empty( $args['label-left'] ) ? $label_html . $status : '';
- $label_right = empty( $args['label-left'] ) ? $status . $label_html : '';
- $title = isset( $args['title'] ) ? ' title="' . esc_attr( $args['title'] ) . '"' : '';
- $control_class = ! empty( $args['control-class'] ) ? $args['control-class'] : '';
- $input_class = ! empty( $args['input-class'] ) ? $args['input-class'] : '';
- return sprintf(
- '<span class="wpforms-toggle-control %8$s" %9$s>
- %1$s
- <input type="checkbox" id="%2$s" name="%3$s" class="%7$s" value="1" %4$s %5$s>
- <label class="wpforms-toggle-control-icon" for="%2$s"></label>
- %6$s
- </span>',
- $label_left,
- esc_attr( $input_id ),
- esc_attr( $field_name ),
- $checked,
- $data_attr,
- $label_right,
- wpforms_sanitize_classes( $input_class ),
- wpforms_sanitize_classes( $control_class ),
- $title
- );
- }
- /**
- * Get settings block state, whether it's opened or closed.
- *
- * @since 1.4.8
- *
- * @param int $form_id
- * @param int $block_id
- * @param string $block_type
- *
- * @return string
- */
- function wpforms_builder_settings_block_get_state( $form_id, $block_id, $block_type ) {
- $form_id = absint( $form_id );
- $block_id = absint( $block_id );
- $block_type = sanitize_key( $block_type );
- $state = 'opened';
- $all_states = get_user_meta( get_current_user_id(), 'wpforms_builder_settings_collapsable_block_states', true );
- if ( empty( $all_states ) ) {
- return $state;
- }
- if (
- is_array( $all_states ) &&
- ! empty( $all_states[ $form_id ][ $block_type ][ $block_id ] ) &&
- 'closed' === $all_states[ $form_id ][ $block_type ][ $block_id ]
- ) {
- $state = 'closed';
- }
- // Backward compatibility for notifications.
- if ( 'notification' === $block_type && 'closed' !== $state ) {
- $notification_states = get_user_meta( get_current_user_id(), 'wpforms_builder_notification_states', true );
- }
- if (
- ! empty( $notification_states[ $form_id ][ $block_id ] ) &&
- 'closed' === $notification_states[ $form_id ][ $block_id ]
- ) {
- $state = 'closed';
- }
- if ( 'notification' === $block_type ) {
- // Backward compatibility for notifications.
- return apply_filters( 'wpforms_builder_notification_get_state', $state, $form_id, $block_id );
- }
- return apply_filters( 'wpforms_builder_settings_block_get_state', $state, $form_id, $block_id, $block_type );
- }
- /**
- * Get the list of allowed tags, used in pair with wp_kses() function.
- * This allows getting rid of all potentially harmful HTML tags and attributes.
- *
- * @since 1.5.9
- *
- * @return array Allowed Tags.
- */
- function wpforms_builder_preview_get_allowed_tags() {
- static $allowed_tags;
- if ( ! empty( $allowed_tags ) ) {
- return $allowed_tags;
- }
- $atts = [ 'align', 'class', 'type', 'id', 'for', 'style', 'src', 'rel', 'href', 'target', 'value', 'width', 'height' ];
- $tags = [ 'label', 'iframe', 'style', 'button', 'strong', 'small', 'table', 'span', 'abbr', 'code', 'pre', 'div', 'img', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ol', 'ul', 'li', 'em', 'hr', 'br', 'th', 'tr', 'td', 'p', 'a', 'b', 'i' ];
- $allowed_atts = array_fill_keys( $atts, [] );
- $allowed_tags = array_fill_keys( $tags, $allowed_atts );
- return $allowed_tags;
- }
- /**
- * Output builder panel fields group wrapper.
- *
- * @since 1.6.6
- *
- * @param string $inner Inner HTML to wrap.
- * @param array $args Array of arguments.
- * @param bool $echo Flag to display.
- *
- * @return string
- */
- function wpforms_panel_fields_group( $inner, $args = [], $echo = true ) {
- $group = ! empty( $args['group'] ) ? $args['group'] : '';
- $unfoldable = ! empty( $args['unfoldable'] );
- $opened = ! empty( $_COOKIE[ 'wpforms_fields_group_' . $group ] ) && $_COOKIE[ 'wpforms_fields_group_' . $group ] === 'true' ? ' opened' : '';
- $output = sprintf(
- '<div class="wpforms-panel-fields-group%1$s"%2$s>',
- $unfoldable ? ' unfoldable' . $opened : '',
- $unfoldable ? ' data-group="' . $group . '"' : ''
- );
- if ( ! empty( $args['borders'] ) && in_array( 'top', $args['borders'], true ) ) {
- $output .= '<div class="wpforms-panel-fields-group-border-top"></div>';
- }
- if ( ! empty( $args['title'] ) ) {
- $chevron = $unfoldable ? '<i class="fa fa-chevron-circle-right"></i>' : '';
- $output .= '<div class="wpforms-panel-fields-group-title">' . esc_html( $args['title'] ) . $chevron . '</div>';
- }
- if ( ! empty( $args['description'] ) ) {
- $output .= '<div class="wpforms-panel-fields-group-description">' . wp_kses_post( $args['description'] ) . '</div>';
- }
- $output .= sprintf(
- '<div class="wpforms-panel-fields-group-inner"%s>' . $inner . '</div>',
- empty( $opened ) && $unfoldable ? ' style="display: none;"' : ''
- );
- if ( ! empty( $args['borders'] ) && in_array( 'bottom', $args['borders'], true ) ) {
- $output .= '<div class="wpforms-panel-fields-group-border-bottom"></div>';
- }
- $output .= '</div>';
- if ( ! $echo ) {
- return $output;
- }
- echo $output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
- }
|