balmet.com

class-redux-spinner.php (5663B)

---

 <?php
 /**
  * Spinner Field
  *
  * @package     Redux Framework/Fields
  * @author      Dovy Paukstys & Kevin Provance (kprovance)
  * @version     4.0.0
  */
 
 defined( 'ABSPATH' ) || exit;
 
 if ( ! class_exists( 'Redux_Spinner', false ) ) {
 
 	/**
 	 * Class Redux_Spinner
 	 */
 	class Redux_Spinner extends Redux_Field {
 
 		/**
 		 * Set field and value defaults.
 		 */
 		public function set_defaults() {
 			$params = array(
 				'min'     => 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 '<div id="' . esc_attr( $this->field['id'] ) . '-spinner" class="redux_spinner" rel="' . esc_attr( $this->field['id'] ) . '">';
 
 			echo '<input type="text" ' . $data_string . ' name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '" id="' . esc_attr( $this->field['id'] ) . '" value="' . esc_attr( $this->value ) . '" class="mini spinner-input ' . esc_attr( $this->field['class'] ) . '"' . $readonly . '/>'; // phpcs:ignore WordPress.Security.EscapeOutput
 
 			echo '</div>';
 		}
 
 		/**
 		 * 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'] = 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 ReduxFramework 3.0.0
 		 */
 		public function enqueue() {
 			wp_enqueue_script(
 				'redux-field-spinner-custom-js',
 				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-js',
 				Redux_Core::$url . 'inc/fields/spinner/redux-spinner' . Redux_Functions::is_min() . '.js',
 				array( 'jquery', 'redux-field-spinner-custom-js', 'jquery-ui-core', 'jquery-ui-dialog', 'redux-js' ),
 				$this->timestamp,
 				true
 			);
 
 			if ( $this->parent->args['dev_mode'] ) {
 				wp_enqueue_style(
 					'redux-field-spinner-css',
 					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 = '' ) {
 			$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;
 		}
 
 		/**
 		 * 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' );