← All changes | frameworks/codestar-framework/fields/slider/slider.php +78 -78 2.3.4 → 2.4.0 View file →

		@@ -1,78 +1,78 @@
1		-<?php if ( ! defined( 'ABSPATH' ) ) { die; } // Cannot access directly.
2		-/**
3		- *
4		- * Field: slider
5		- *
6		- * @since 1.0.0
7		- * @version 1.0.0
8		- *
9		- */
10		-if ( ! class_exists( 'CSF_Field_slider' ) ) {
11		- class CSF_Field_slider extends CSF_Fields {
12		-
13		- public function __construct( $field, $value = '', $unique = '', $where = '', $parent = '' ) {
14		- parent::__construct( $field, $value, $unique, $where, $parent );
15		- }
16		-
17		- public function render() {
18		-
19		- $args = wp_parse_args( $this->field, array(
20		- 'max' => 100,
21		- 'min' => 0,
22		- 'step' => 1,
23		- 'unit' => '',
24		- ) );
25		-
26		- $is_unit = ( ! empty( $args['unit'] ) ) ? ' csf--is-unit' : '';
27		-
28		- echo $this->field_before();
29		-
30		- echo '<div class="csf--wrap">';
31		- echo '<div class="csf-slider-ui"></div>';
32		- echo '<div class="csf--input">';
33		- echo '<input type="number" name="'. esc_attr( $this->field_name() ) .'" value="'. esc_attr( $this->value ) .'"'. $this->field_attributes( array( 'class' => 'csf-input-number'. esc_attr( $is_unit ) ) ) .' data-min="'. esc_attr( $args['min'] ) .'" data-max="'. esc_attr( $args['max'] ) .'" data-step="'. esc_attr( $args['step'] ) .'" step="any" />';
34		- echo ( ! empty( $args['unit'] ) ) ? '<span class="csf--unit">'. esc_attr( $args['unit'] ) .'</span>' : '';
35		- echo '</div>';
36		- echo '</div>';
37		-
38		- echo $this->field_after();
39		-
40		- }
41		-
42		- public function enqueue() {
43		-
44		- if ( ! wp_script_is( 'jquery-ui-slider' ) ) {
45		- wp_enqueue_script( 'jquery-ui-slider' );
46		- }
47		-
48		- }
49		-
50		- public function output() {
51		-
52		- $output = '';
53		- $elements = ( is_array( $this->field['output'] ) ) ? $this->field['output'] : array_filter( (array) $this->field['output'] );
54		- $important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : '';
55		- $mode = ( ! empty( $this->field['output_mode'] ) ) ? $this->field['output_mode'] : 'width';
56		- $unit = ( ! empty( $this->field['unit'] ) ) ? $this->field['unit'] : 'px';
57		-
58		- if ( ! empty( $elements ) && isset( $this->value ) && $this->value !== '' ) {
59		- foreach ( $elements as $key_property => $element ) {
60		- if ( is_numeric( $key_property ) ) {
61		- if ( $mode ) {
62		- $output = implode( ',', $elements ) .'{'. $mode .':'. $this->value . $unit . $important .';}';
63		- }
64		- break;
65		- } else {
66		- $output .= $element .'{'. $key_property .':'. $this->value . $unit . $important .'}';
67		- }
68		- }
69		- }
70		-
71		- $this->parent->output_css .= $output;
72		-
73		- return $output;
74		-
75		- }
76		-
77		- }
78		-}
	1	+<?php if ( ! defined( 'ABSPATH' ) ) { die; } // Cannot access directly.
	2	+/**
	3	+ *
	4	+ * Field: slider
	5	+ *
	6	+ * @since 1.0.0
	7	+ * @version 1.0.0
	8	+ *
	9	+ */
	10	+if ( ! class_exists( 'CSF_Field_slider' ) ) {
	11	+ class CSF_Field_slider extends CSF_Fields {
	12	+
	13	+ public function __construct( $field, $value = '', $unique = '', $where = '', $parent = '' ) {
	14	+ parent::__construct( $field, $value, $unique, $where, $parent );
	15	+ }
	16	+
	17	+ public function render() {
	18	+
	19	+ $args = wp_parse_args( $this->field, array(
	20	+ 'max' => 100,
	21	+ 'min' => 0,
	22	+ 'step' => 1,
	23	+ 'unit' => '',
	24	+ ) );
	25	+
	26	+ $is_unit = ( ! empty( $args['unit'] ) ) ? ' csf--is-unit' : '';
	27	+
	28	+ echo $this->field_before(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	29	+
	30	+ echo '<div class="csf--wrap">';
	31	+ echo '<div class="csf-slider-ui"></div>';
	32	+ echo '<div class="csf--input">';
	33	+ echo '<input type="number" name="'. esc_attr( $this->field_name() ) .'" value="'. esc_attr( $this->value ) .'"'. $this->field_attributes( array( 'class' => 'csf-input-number'. esc_attr( $is_unit ) ) ) .' data-min="'. esc_attr( $args['min'] ) .'" data-max="'. esc_attr( $args['max'] ) .'" data-step="'. esc_attr( $args['step'] ) .'" step="any" />'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	34	+ echo ( ! empty( $args['unit'] ) ) ? '<span class="csf--unit">'. esc_attr( $args['unit'] ) .'</span>' : '';
	35	+ echo '</div>';
	36	+ echo '</div>';
	37	+
	38	+ echo $this->field_after(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	39	+
	40	+ }
	41	+
	42	+ public function enqueue() {
	43	+
	44	+ if ( ! wp_script_is( 'jquery-ui-slider' ) ) {
	45	+ wp_enqueue_script( 'jquery-ui-slider' );
	46	+ }
	47	+
	48	+ }
	49	+
	50	+ public function output() {
	51	+
	52	+ $output = '';
	53	+ $elements = ( is_array( $this->field['output'] ) ) ? $this->field['output'] : array_filter( (array) $this->field['output'] );
	54	+ $important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : '';
	55	+ $mode = ( ! empty( $this->field['output_mode'] ) ) ? $this->field['output_mode'] : 'width';
	56	+ $unit = ( ! empty( $this->field['unit'] ) ) ? $this->field['unit'] : 'px';
	57	+
	58	+ if ( ! empty( $elements ) && isset( $this->value ) && $this->value !== '' ) {
	59	+ foreach ( $elements as $key_property => $element ) {
	60	+ if ( is_numeric( $key_property ) ) {
	61	+ if ( $mode ) {
	62	+ $output = implode( ',', $elements ) .'{'. $mode .':'. $this->value . $unit . $important .';}';
	63	+ }
	64	+ break;
	65	+ } else {
	66	+ $output .= $element .'{'. $key_property .':'. $this->value . $unit . $important .'}';
	67	+ }
	68	+ }
	69	+ }
	70	+
	71	+ $this->parent->output_css .= $output;
	72	+
	73	+ return $output;
	74	+
	75	+ }
	76	+
	77	+ }
	78	+}