0, 'max' => 1, 'step' => 1, 'default' => '', 'edit' => true, 'plus' => '+', 'minus' => '-', 'format' => '', 'prefix' => '', 'suffix' => '', 'point' => '.', 'places' => null, ); $this->field = wp_parse_args( $this->field, $params ); } /** * Field Render Function. * Takes the vars and outputs the HTML for the field in the settings * * @since ReduxFramework 3.0.0 */ public function render() { $data_string = ''; foreach ( $this->field as $key => $val ) { if ( in_array( $key, array( 'min', 'max', 'step', 'default', 'plus', 'minus', 'prefix', 'suffix', 'point', 'places' ), true ) ) { $data_string .= ' data-' . esc_attr( $key ) . '="' . esc_attr( $val ) . '" '; } } $data_string .= ' data-val=' . $this->value; // Don't allow input edit if there's a step. $readonly = ''; if ( isset( $this->field['edit'] ) && false === $this->field['edit'] ) { $readonly = ' readonly="readonly"'; } echo ''; } /** * Clean the field data to the fields defaults given the parameters. * * @since Redux_Framework 3.1.1 */ private function clean() { if ( empty( $this->field['min'] ) ) { $this->field['min'] = 0; } else { $this->field['min'] = intval( $this->field['min'] ); } if ( empty( $this->field['max'] ) ) { $this->field['max'] = $this->field['min'] + 1; } else { $this->field['max'] = intval( $this->field['max'] ); } if ( empty( $this->field['step'] ) || $this->field['step'] > $this->field['max'] ) { $this->field['step'] = 1; } else { $this->field['step'] = intval( $this->field['step'] ); } if ( empty( $this->value ) && ! empty( $this->field['default'] ) && $this->field['min'] >= 1 ) { $this->value = intval( $this->field['default'] ); } if ( empty( $this->value ) && $this->field['min'] >= 1 ) { $this->value = $this->field['min']; } if ( empty( $this->value ) ) { $this->value = 0; } // Extra Validation. if ( $this->value < $this->field['min'] ) { $this->value = $this->field['min']; } elseif ( $this->value > $this->field['max'] ) { $this->value = $this->field['max']; } } /** * Enqueue Function. * If this field requires any scripts, or css define this function and register/enqueue the scripts/css * * @since ReduxFramework 3.0.0 */ public function enqueue() { wp_enqueue_script( 'redux-field-spinner-custom', Redux_Core::$url . 'inc/fields/spinner/vendor/jquery.ui.spinner' . Redux_Functions::is_min() . '.js', array( 'jquery', 'redux-js' ), $this->timestamp, true ); wp_enqueue_script( 'redux-field-spinner', Redux_Core::$url . 'inc/fields/spinner/redux-spinner' . Redux_Functions::is_min() . '.js', array( 'jquery', 'redux-field-spinner-custom', 'jquery-ui-core', 'jquery-ui-dialog', 'redux-js' ), $this->timestamp, true ); if ( $this->parent->args['dev_mode'] ) { wp_enqueue_style( 'redux-field-spinner', Redux_Core::$url . 'inc/fields/spinner/redux-spinner.css', array(), $this->timestamp ); } } /** * CSS/compiler output. * * @param string|null|array $style CSS styles. */ public function output( $style = '' ) { if ( ! empty( $this->value ) ) { if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) { $css = $this->parse_css( $this->value, $this->field['output'] ); $this->parent->outputCSS .= esc_attr( $css ); } if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) { $css = $this->parse_css( $this->value, $this->field['compiler'] ); $this->parent->compilerCSS .= esc_attr( $css ); } } } /** * Compile CSS data for output. * * @param mixed $value Value. * @param mixed $output . * * @return string */ private function parse_css( $value, $output ): string { // No notices. $css = ''; $unit = $this->field['output_unit'] ?? 'px'; // Must be an array. if ( is_array( $output ) ) { foreach ( $output as $selector => $mode ) { if ( '' !== $mode && '' !== $selector ) { $css .= $selector . '{' . $mode . ':' . $value . $unit . ';}'; } } } return $css; } /** * Generate CSS style (unused, but needed). * * @param string $data Field data. * * @return string */ public function css_style( $data ): string { return ''; } /** * Enable output_variables to be generated. * * @since 4.0.3 * @return void */ public function output_variables() { // No code needed, just defining the method is enough. } } } class_alias( 'Redux_Spinner', 'ReduxFramework_Spinner' );