| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504 |
- <?php
- /**
- * Number Slider field.
- *
- * @since 1.5.7
- */
- class WPForms_Field_Number_Slider extends WPForms_Field {
- /**
- * Default minimum value of the field.
- *
- * @since 1.5.7
- */
- const SLIDER_MIN = 0;
- /**
- * Default maximum value of the field.
- *
- * @since 1.5.7
- */
- const SLIDER_MAX = 10;
- /**
- * Default step value of the field.
- *
- * @since 1.5.7
- */
- const SLIDER_STEP = 1;
- /**
- * Primary class constructor.
- *
- * @since 1.5.7
- */
- public function init() {
- // Define field type information.
- $this->name = esc_html__( 'Number Slider', 'wpforms-lite' );
- $this->type = 'number-slider';
- $this->icon = 'fa-sliders';
- $this->order = 180;
- // Customize value format for HTML emails.
- add_filter( 'wpforms_html_field_value', [ $this, 'html_email_value' ], 10, 4 );
- // Builder strings.
- add_filter( 'wpforms_builder_strings', [ $this, 'add_builder_strings' ] );
- }
- /**
- * Add Builder strings.
- *
- * @since 1.6.2.3
- *
- * @param array $strings Form Builder strings.
- *
- * @return array Form Builder strings.
- */
- public function add_builder_strings( $strings ) {
- $strings['error_number_slider_increment'] = esc_html__( 'Increment value should be greater than zero. Decimal fractions allowed.', 'wpforms-lite' );
- return $strings;
- }
- /**
- * Customize format for HTML email notifications.
- *
- * @since 1.5.7
- *
- * @param string $val Field value.
- * @param array $field Field settings.
- * @param array $form_data Form data and settings.
- * @param string $context Value display context.
- *
- * @return string
- */
- public function html_email_value( $val, $field, $form_data = array(), $context = '' ) {
- if ( empty( $field['value_raw'] ) || $field['type'] !== $this->type ) {
- return $val;
- }
- $value = isset( $field['value_raw']['value'] ) ? (float) $field['value_raw']['value'] : 0;
- $min = isset( $field['value_raw']['min'] ) ? (float) $field['value_raw']['min'] : self::SLIDER_MIN;
- $max = isset( $field['value_raw']['max'] ) ? (float) $field['value_raw']['max'] : self::SLIDER_MAX;
- $html_value = $value;
- if ( strpos( $field['value_raw']['value_display'], '{value}' ) !== false ) {
- $html_value = str_replace(
- '{value}',
- /* translators: %1$s - Number slider selected value; %2$s - its minimum value; %3$s - its maximum value. */
- sprintf( esc_html__( '%1$s (%2$s min / %3$s max)', 'wpforms-lite' ), $value, $min, $max ),
- $field['value_raw']['value_display']
- );
- }
- return $html_value;
- }
- /**
- * Field options panel inside the builder.
- *
- * @since 1.5.7
- *
- * @param array $field Field settings.
- */
- public function field_options( $field ) {
- /*
- * Basic field options.
- */
- // Options open markup.
- $args = array(
- 'markup' => 'open',
- );
- $this->field_option( 'basic-options', $field, $args );
- // Label.
- $this->field_option( 'label', $field );
- // Description.
- $this->field_option( 'description', $field );
- // Required toggle disabled.
- $this->field_element(
- 'text',
- $field,
- array(
- 'slug' => 'required',
- 'value' => '',
- 'type' => 'hidden',
- )
- );
- // Value: min/max.
- $lbl = $this->field_element(
- 'label',
- $field,
- array(
- 'slug' => 'value',
- 'value' => esc_html__( 'Value', 'wpforms-lite' ),
- 'tooltip' => esc_html__( 'Define the minimum and the maximum values for the slider.', 'wpforms-lite' ),
- ),
- false
- );
- $min = $this->field_element(
- 'text',
- $field,
- array(
- 'type' => 'number',
- 'slug' => 'min',
- 'class' => 'wpforms-number-slider-min',
- 'value' => ! empty( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
- ),
- false
- );
- $max = $this->field_element(
- 'text',
- $field,
- array(
- 'type' => 'number',
- 'slug' => 'max',
- 'class' => 'wpforms-number-slider-max',
- 'value' => ! empty( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
- ),
- false
- );
- $this->field_element(
- 'row',
- $field,
- array(
- 'slug' => 'min_max',
- 'content' => $lbl . wpforms_render(
- 'fields/number-slider/builder-option-min-max',
- array(
- 'label' => $lbl,
- 'input_min' => $min,
- 'input_max' => $max,
- 'field_id' => $field['id'],
- ),
- true
- ),
- )
- );
- // Options close markup.
- $args = array(
- 'markup' => 'close',
- );
- $this->field_option( 'basic-options', $field, $args );
- /*
- * Advanced field options.
- */
- // Options open markup.
- $args = array(
- 'markup' => 'open',
- );
- $this->field_option( 'advanced-options', $field, $args );
- // Size.
- $this->field_option( 'size', $field );
- // Default value.
- $lbl = $this->field_element(
- 'label',
- $field,
- array(
- 'slug' => 'default_value',
- 'value' => esc_html__( 'Default Value', 'wpforms-lite' ),
- 'tooltip' => esc_html__( 'Enter a default value for this field.', 'wpforms-lite' ),
- ),
- false
- );
- $fld = $this->field_element(
- 'text',
- $field,
- array(
- 'type' => 'number',
- 'slug' => 'default_value',
- 'class' => 'wpforms-number-slider-default-value',
- 'value' => ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0,
- 'attrs' => array(
- 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
- 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
- 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
- ),
- ),
- false
- );
- $this->field_element(
- 'row',
- $field,
- array(
- 'slug' => 'default_value',
- 'content' => $lbl . $fld,
- )
- );
- // Value display.
- $lbl = $this->field_element(
- 'label',
- $field,
- array(
- 'slug' => 'value_display',
- 'value' => esc_html__( 'Value Display', 'wpforms-lite' ),
- 'tooltip' => esc_html__( 'Displays the currently selected value below the slider.', 'wpforms-lite' ),
- ),
- false
- );
- $fld = $this->field_element(
- 'text',
- $field,
- [
- 'slug' => 'value_display',
- 'class' => 'wpforms-number-slider-value-display',
- 'value' => isset( $field['value_display'] ) ? $field['value_display'] : $this->get_default_display_value(),
- ],
- false
- );
- $this->field_element(
- 'row',
- $field,
- array(
- 'slug' => 'value_display',
- 'content' => $lbl . $fld,
- )
- );
- // Steps.
- $lbl = $this->field_element(
- 'label',
- $field,
- array(
- 'slug' => 'step',
- 'value' => esc_html__( 'Increment', 'wpforms-lite' ),
- 'tooltip' => esc_html__( 'Determines the increment between selectable values on the slider.', 'wpforms-lite' ),
- ),
- false
- );
- $fld = $this->field_element(
- 'text',
- $field,
- array(
- 'type' => 'number',
- 'slug' => 'step',
- 'class' => 'wpforms-number-slider-step',
- 'value' => ! empty( $field['step'] ) ? abs( $field['step'] ) : self::SLIDER_STEP,
- 'attrs' => array(
- 'min' => 0,
- 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? abs( (float) $field['max'] ) : self::SLIDER_MAX,
- ),
- ),
- false
- );
- $this->field_element(
- 'row',
- $field,
- [
- 'slug' => 'step',
- 'content' => $lbl . $fld,
- ]
- );
- // Custom CSS classes.
- $this->field_option( 'css', $field );
- // Hide label.
- $this->field_option( 'label_hide', $field );
- // Options close markup.
- $args = [
- 'markup' => 'close',
- ];
- $this->field_option( 'advanced-options', $field, $args );
- }
- /**
- * Get default display value.
- *
- * @since 1.7.1
- *
- * @return string
- */
- private function get_default_display_value() {
- return sprintf( /* translators: %s - value. */
- esc_html__( 'Selected Value: %s', 'wpforms-lite' ),
- '{value}'
- );
- }
- /**
- * Field preview inside the builder.
- *
- * @since 1.5.7
- *
- * @param array $field Field data.
- */
- public function field_preview( $field ) {
- // Label.
- $this->field_preview_option( 'label', $field );
- $value_display = isset( $field['value_display'] ) ? esc_attr( $field['value_display'] ) : $this->get_default_display_value();
- $default_value = ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0;
- echo wpforms_render( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
- 'fields/number-slider/builder-preview',
- array(
- 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
- 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
- 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
- 'value_display' => $value_display,
- 'default_value' => $default_value,
- 'value_hint' => str_replace( '{value}', '<b>' . $default_value . '</b>', wp_kses( $value_display, wpforms_builder_preview_get_allowed_tags() ) ),
- 'field_id' => $field['id'],
- ),
- true
- );
- // Description.
- $this->field_preview_option( 'description', $field );
- }
- /**
- * Field display on the form front-end.
- *
- * @since 1.5.7
- *
- * @param array $field Field data and settings.
- * @param array $deprecated Deprecated field attributes. Use $field['properties'] instead.
- * @param array $form_data Form data and settings.
- */
- public function field_display( $field, $deprecated, $form_data ) {
- // Define data.
- $primary = $field['properties']['inputs']['primary'];
- $value_display = isset( $field['value_display'] ) ? esc_attr( $field['value_display'] ) : esc_html__( 'Selected Value: {value}', 'wpforms-lite' );
- $default_value = ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0;
- $hint_value = ! empty( $primary['attr']['value'] ) ? (float) $primary['attr']['value'] : $default_value;
- $hint = str_replace( '{value}', '<b>' . $hint_value . '</b>', $value_display );
- // phpcs:ignore
- echo wpforms_render(
- 'fields/number-slider/frontend',
- [
- 'atts' => $primary['attr'],
- 'class' => $primary['class'],
- 'datas' => $primary['data'],
- 'default_value' => $default_value,
- 'id' => $primary['id'],
- 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
- 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
- 'required' => $primary['required'],
- 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
- 'value_display' => $value_display,
- 'value_hint' => $hint,
- ],
- true
- );
- }
- /**
- * Validate field on form submit.
- *
- * @since 1.5.7
- *
- * @param int $field_id Field ID.
- * @param int|float|string $field_submit Submitted field value.
- * @param array $form_data Form data and settings.
- */
- public function validate( $field_id, $field_submit, $form_data ) {
- $form_id = $form_data['id'];
- $field_submit = (float) $this->sanitize_value( $field_submit );
- // Basic required check - if field is marked as required, check for entry data.
- if (
- ! empty( $form_data['fields'][ $field_id ]['required'] ) &&
- empty( $field_submit ) &&
- (string) $field_submit !== '0'
- ) {
- wpforms()->process->errors[ $form_id ][ $field_id ] = wpforms_get_required_label();
- }
- // Check if value is numeric.
- if ( ! empty( $field_submit ) && ! is_numeric( $field_submit ) ) {
- wpforms()->process->errors[ $form_id ][ $field_id ] = apply_filters( 'wpforms_valid_number_label', esc_html__( 'Please provide a valid value.', 'wpforms-lite' ) );
- }
- }
- /**
- * Format and sanitize field.
- *
- * @since 1.5.7
- *
- * @param int $field_id Field ID.
- * @param int|string|float $field_submit Submitted field value.
- * @param array $form_data Form data and settings.
- */
- public function format( $field_id, $field_submit, $form_data ) {
- // Define data.
- $name = ! empty( $form_data['fields'][ $field_id ]['label'] ) ? $form_data['fields'][ $field_id ]['label'] : '';
- $value = (float) $this->sanitize_value( $field_submit );
- $value_raw = array(
- 'value' => $value,
- 'min' => (float) $form_data['fields'][ $field_id ]['min'],
- 'max' => (float) $form_data['fields'][ $field_id ]['max'],
- 'value_display' => wp_kses_post( $form_data['fields'][ $field_id ]['value_display'] ),
- );
- // Set final field details.
- wpforms()->process->fields[ $field_id ] = array(
- 'name' => sanitize_text_field( $name ),
- 'value' => $value,
- 'value_raw' => $value_raw,
- 'id' => absint( $field_id ),
- 'type' => $this->type,
- );
- }
- /**
- * Sanitize the value.
- *
- * @since 1.5.7
- *
- * @param string $value The number field submitted value.
- *
- * @return float|int|string
- */
- private function sanitize_value( $value ) {
- // Some browsers allow other non-digit/decimal characters to be submitted
- // with the num input, which then trips the is_numeric validation below.
- // To get around this we remove all chars that are not expected.
- $signed_value = preg_replace( '/[^-0-9.]/', '', $value );
- $abs_value = abs( $signed_value );
- $value = strpos( $signed_value, '-' ) === 0 ? '-' . $abs_value : $abs_value;
- return $value;
- }
- }
- new WPForms_Field_Number_Slider();
|