parent = $parent; $this->field = $field; $this->value = $value; } //function /** * Field Render Function. * Takes the vars and outputs the HTML for the field in the settings * * @since ReduxFrameworkLegacy 3.0.0 */ function render() { $params = array( 'min' => '', 'max' => '', 'step' => '', 'default' => '', ); $this->field = wp_parse_args( $this->field, $params ); $data_string = ''; foreach ( $this->field as $key => $val ) { if ( in_array( $key, array( 'min', 'max', 'step', 'default' ) ) ) { $data_string .= ' data-' . $key . '="' . $val . '"'; } } $data_string .= ' data-val="' . $val . '"'; // Don't allow input edit if there's a step $readonly = ''; if ( isset( $this->field['edit'] ) && $this->field['edit'] == false ) { $readonly = ' readonly="readonly"'; } echo ''; } //function /** * Clean the field data to the fields defaults given the parameters. * * @since Redux_Framework 3.1.1 */ 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'] = intval( $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'] ) && intval( $this->field['min'] ) >= 1 ) { $this->value = intval( $this->field['default'] ); } if ( empty( $this->value ) && intval( $this->field['min'] ) >= 1 ) { $this->value = intval( $this->field['min'] ); } if ( empty( $this->value ) ) { $this->value = 0; } // Extra Validation if ( $this->value < $this->field['min'] ) { $this->value = intval( $this->field['min'] ); } elseif ( $this->value > $this->field['max'] ) { $this->value = intval( $this->field['max'] ); } } /** * Enqueue Function. * If this field requires any scripts, or css define this function and register/enqueue the scripts/css * * @since ReduxFrameworkLegacy 3.0.0 */ function enqueue() { wp_enqueue_script( 'redux-field-spinner-custom-js', ReduxFrameworkLegacy::$_url . 'inc/fields/spinner/vendor/spinner_custom.js', array( 'jquery', 'redux-js' ), time(), true ); wp_enqueue_script( 'redux-field-spinner-js', ReduxFrameworkLegacy::$_url . 'inc/fields/spinner/field_spinner' . ReduxLegacy_Functions::isMin() . '.js', array( 'jquery', 'redux-field-spinner-custom-js', 'jquery-ui-core', 'jquery-ui-dialog', 'redux-js', ), time(), true ); if ( $this->parent->args['dev_mode'] ) { wp_enqueue_style( 'redux-field-spinner-css', ReduxFrameworkLegacy::$_url . 'inc/fields/spinner/field_spinner.css', array(), time(), 'all' ); } } public function output() { $style = ''; if ( ! empty( $this->value ) ) { if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) { $css = $this->parseCSS( $this->value, $this->field['output'] ); $this->parent->outputCSS .= $css; } if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) { $css = $this->parseCSS( $this->value, $this->field['compiler'] ); $this->parent->compilerCSS .= $css; } } } private function parseCSS( $value, $output ) { // No notices $css = ''; $unit = isset( $this->field['output_unit'] ) ? $this->field['output_unit'] : 'px'; // Must be an array if ( is_numeric( $value ) ) { if ( is_array( $output ) ) { foreach ( $output as $mode => $selector ) { if ( ! empty( $mode ) && ! empty( $selector ) ) { $css .= $selector . '{' . $mode . ': ' . $value . $unit . ';}'; } } } } return $css; } } }