reduxframework / redux-framework

redux-core/inc/fields/slides/class-redux-slides.php

Indentation +252 added lines, -252 removed lines

@@ -12,401 +12,401 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Slides', false ) ) {
 
-	/**
-	 * Main Redux_slides class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Slides extends Redux_Field {
-
-		/**
-		 * Set field and value defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'show'          => array(
-					'title'       => true,
-					'description' => true,
-					'url'         => true,
-				),
-				'content_title' => esc_html__( 'Slide', 'redux-framework' ),
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function render() {
-			// translators: New accordion title.
-			echo '<div class="redux-slides-accordion" data-new-content-title="' . esc_attr( sprintf( __( 'New %s', 'redux-framework' ), $this->field['content_title'] ) ) . '">';
-
-			$x = 0;
-
-			if ( is_array( $this->value ) && ! empty( $this->value ) ) {
-				$slides = $this->value;
-
-				foreach ( $slides as $slide ) {
-					if ( empty( $slide ) ) {
-						continue;
-					}
-
-					$defaults = array(
-						'title'         => '',
-						'description'   => '',
-						'sort'          => '',
-						'url'           => '',
-						'image'         => '',
-						'thumb'         => '',
-						'attachment_id' => '',
-						'height'        => '',
-						'width'         => '',
-						'select'        => array(),
-					);
-
-					$slide = wp_parse_args( $slide, $defaults );
-
-					if ( empty( $slide['thumb'] ) && ! empty( $slide['attachment_id'] ) ) {
-						$img             = wp_get_attachment_image_src( $slide['attachment_id'], 'full' );
-						$slide['image']  = $img[0];
-						$slide['width']  = $img[1];
-						$slide['height'] = $img[2];
-					}
-
-					echo '<div class="redux-slides-accordion-group"><fieldset class="redux-field" data-id="' . esc_attr( $this->field['id'] ) . '"><h3><span class="redux-slides-header">' . esc_html( $slide['title'] ) . '</span></h3><div>';
-
-					$hide = '';
-					if ( empty( $slide['image'] ) ) {
-						$hide = ' hide';
-					}
-
-					$alt = wp_prepare_attachment_for_js( $slide['attachment_id'] );
-					$alt = $alt['alt'] ?? '';
-
-					echo '<div class="screenshot' . esc_attr( $hide ) . '">';
-					echo '<a class="of-uploaded-image" href="' . esc_url( $slide['image'] ) . '">';
-					echo '<img
+    /**
+     * Main Redux_slides class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Slides extends Redux_Field {
+
+        /**
+         * Set field and value defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'show'          => array(
+                    'title'       => true,
+                    'description' => true,
+                    'url'         => true,
+                ),
+                'content_title' => esc_html__( 'Slide', 'redux-framework' ),
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function render() {
+            // translators: New accordion title.
+            echo '<div class="redux-slides-accordion" data-new-content-title="' . esc_attr( sprintf( __( 'New %s', 'redux-framework' ), $this->field['content_title'] ) ) . '">';
+
+            $x = 0;
+
+            if ( is_array( $this->value ) && ! empty( $this->value ) ) {
+                $slides = $this->value;
+
+                foreach ( $slides as $slide ) {
+                    if ( empty( $slide ) ) {
+                        continue;
+                    }
+
+                    $defaults = array(
+                        'title'         => '',
+                        'description'   => '',
+                        'sort'          => '',
+                        'url'           => '',
+                        'image'         => '',
+                        'thumb'         => '',
+                        'attachment_id' => '',
+                        'height'        => '',
+                        'width'         => '',
+                        'select'        => array(),
+                    );
+
+                    $slide = wp_parse_args( $slide, $defaults );
+
+                    if ( empty( $slide['thumb'] ) && ! empty( $slide['attachment_id'] ) ) {
+                        $img             = wp_get_attachment_image_src( $slide['attachment_id'], 'full' );
+                        $slide['image']  = $img[0];
+                        $slide['width']  = $img[1];
+                        $slide['height'] = $img[2];
+                    }
+
+                    echo '<div class="redux-slides-accordion-group"><fieldset class="redux-field" data-id="' . esc_attr( $this->field['id'] ) . '"><h3><span class="redux-slides-header">' . esc_html( $slide['title'] ) . '</span></h3><div>';
+
+                    $hide = '';
+                    if ( empty( $slide['image'] ) ) {
+                        $hide = ' hide';
+                    }
+
+                    $alt = wp_prepare_attachment_for_js( $slide['attachment_id'] );
+                    $alt = $alt['alt'] ?? '';
+
+                    echo '<div class="screenshot' . esc_attr( $hide ) . '">';
+                    echo '<a class="of-uploaded-image" href="' . esc_url( $slide['image'] ) . '">';
+                    echo '<img
 							class="redux-slides-image"
 							id="image_image_id_' . esc_attr( $x ) . '" src="' . esc_url( $slide['thumb'] ) . '"
 							alt="' . esc_attr( $alt ) . '"
 							target="_blank" rel="external" />';
 
-					echo '</a>';
-					echo '</div>';
+                    echo '</a>';
+                    echo '</div>';
 
-					echo '<div class="redux_slides_add_remove">';
+                    echo '<div class="redux_slides_add_remove">';
 
-					echo '<span class="button media_upload_button" id="add_' . esc_attr( $x ) . '">' . esc_html__( 'Upload', 'redux-framework' ) . '</span>';
+                    echo '<span class="button media_upload_button" id="add_' . esc_attr( $x ) . '">' . esc_html__( 'Upload', 'redux-framework' ) . '</span>';
 
-					$hide = '';
-					if ( empty( $slide['image'] ) ) {
-						$hide = ' hide';
-					}
+                    $hide = '';
+                    if ( empty( $slide['image'] ) ) {
+                        $hide = ' hide';
+                    }
 
-					echo '<span
+                    echo '<span
 							class="button remove-image' . esc_attr( $hide ) . '"
 							id="reset_' . esc_attr( $x ) . '"
 							rel="' . esc_attr( $slide['attachment_id'] ) . '">' .
-							esc_html__( 'Remove', 'redux-framework' ) . '</span>';
+                            esc_html__( 'Remove', 'redux-framework' ) . '</span>';
 
-					echo '</div>' . "\n";
+                    echo '</div>' . "\n";
 
-					echo '<ul id="' . esc_attr( $this->field['id'] ) . '-ul" class="redux-slides-list">';
+                    echo '<ul id="' . esc_attr( $this->field['id'] ) . '-ul" class="redux-slides-list">';
 
-					if ( $this->field['show']['title'] ) {
-						$title_type = 'text';
-					} else {
-						$title_type = 'hidden';
-					}
+                    if ( $this->field['show']['title'] ) {
+                        $title_type = 'text';
+                    } else {
+                        $title_type = 'hidden';
+                    }
 
-					$placeholder = ( isset( $this->field['placeholder']['title'] ) ) ? esc_attr( $this->field['placeholder']['title'] ) : __( 'Title', 'redux-framework' );
-					echo '<li>';
-					echo '<input
+                    $placeholder = ( isset( $this->field['placeholder']['title'] ) ) ? esc_attr( $this->field['placeholder']['title'] ) : __( 'Title', 'redux-framework' );
+                    echo '<li>';
+                    echo '<input
 							type="' . esc_attr( $title_type ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-title_' . esc_attr( $x ) . '"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][title]' . $this->field['name_suffix'] ) . '"
 							value="' . esc_attr( $slide['title'] ) . '"
 							placeholder="' . esc_attr( $placeholder ) . '" class="full-text slide-title" />';
 
-					echo '</li>';
+                    echo '</li>';
 
-					if ( $this->field['show']['description'] ) {
-						$placeholder = ( isset( $this->field['placeholder']['description'] ) ) ? esc_attr( $this->field['placeholder']['description'] ) : __( 'Description', 'redux-framework' );
-						echo '<li>';
-						echo '<textarea
+                    if ( $this->field['show']['description'] ) {
+                        $placeholder = ( isset( $this->field['placeholder']['description'] ) ) ? esc_attr( $this->field['placeholder']['description'] ) : __( 'Description', 'redux-framework' );
+                        echo '<li>';
+                        echo '<textarea
 								name="' . esc_attr( $this->field['name'] . '[' . $x . '][description]' . $this->field['name_suffix'] ) . '"
 								id="' . esc_attr( $this->field['id'] ) . '-description_' . esc_attr( $x ) . '"
 								placeholder="' . esc_attr( $placeholder ) . '"
 								class="large-text"
 								rows="6">' . esc_textarea( $slide['description'] ) . '</textarea>';
 
-						echo '</li>';
-					}
+                        echo '</li>';
+                    }
 
-					$placeholder = ( isset( $this->field['placeholder']['url'] ) ) ? esc_attr( $this->field['placeholder']['url'] ) : __( 'URL', 'redux-framework' );
-					if ( $this->field['show']['url'] ) {
-						$url_type = 'text';
-					} else {
-						$url_type = 'hidden';
-					}
+                    $placeholder = ( isset( $this->field['placeholder']['url'] ) ) ? esc_attr( $this->field['placeholder']['url'] ) : __( 'URL', 'redux-framework' );
+                    if ( $this->field['show']['url'] ) {
+                        $url_type = 'text';
+                    } else {
+                        $url_type = 'hidden';
+                    }
 
-					echo '<li>';
-					echo '<input
+                    echo '<li>';
+                    echo '<input
 							type="' . esc_attr( $url_type ) . '"
 							id="' . esc_attr( $this->field['id'] . '-url_' ) . esc_attr( $x ) . '"
 							name="' . esc_attr( $this->field['name'] . '[' . esc_attr( $x ) . '][url]' . $this->field['name_suffix'] ) . '"
 							value="' . esc_attr( $slide['url'] ) . '"
 							class="full-text" placeholder="' . esc_attr( $placeholder ) . '" />';
-					echo '</li>';
+                    echo '</li>';
 
-					echo '<li>';
-					echo '<input
+                    echo '<li>';
+                    echo '<input
 							type="hidden"
 							class="slide-sort"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][sort]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-sort_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['sort'] ) . '" />';
 
-					echo '<li>';
-					echo '<input
+                    echo '<li>';
+                    echo '<input
 							type="hidden"
 							class="upload-id"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][attachment_id]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-image_id_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['attachment_id'] ) . '" />';
 
-					echo '<input
+                    echo '<input
 							type="hidden"
 							class="upload" name="' . esc_attr( $this->field['name'] . '[' . $x . '][image]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-image_url_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['image'] ) . '" readonly="readonly" />';
 
-					echo '<input
+                    echo '<input
 							type="hidden"
 							class="upload-height"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][height]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-image_height_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['height'] ) . '" />';
 
-					echo '<input
+                    echo '<input
 							type="hidden"
 							class="upload-width"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][width]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-image_width_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['width'] ) . '" />';
 
-					echo '</li>';
+                    echo '</li>';
 
-					echo '<input
+                    echo '<input
 							type="hidden"
 							class="upload-thumbnail"
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][thumb]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] ) . '-thumb_url_' . esc_attr( $x ) . '"
 							value="' . esc_attr( $slide['thumb'] ) . '" readonly="readonly" />';
-					echo '</li>';
+                    echo '</li>';
 
-					echo '<li>';
-					echo '<a href="javascript:void(0);" class="button deletion redux-slides-remove">' . esc_html__( 'Delete', 'redux-framework' ) . '</a>';
-					echo '</li>';
+                    echo '<li>';
+                    echo '<a href="javascript:void(0);" class="button deletion redux-slides-remove">' . esc_html__( 'Delete', 'redux-framework' ) . '</a>';
+                    echo '</li>';
 
-					echo '</ul>';
-					echo '</div>';
-					echo '</fieldset>';
-					echo '</div>';
+                    echo '</ul>';
+                    echo '</div>';
+                    echo '</fieldset>';
+                    echo '</div>';
 
-					++$x;
-				}
-			}
+                    ++$x;
+                }
+            }
 
-			if ( 0 === $x ) {
-				echo '<div class="redux-slides-accordion-group">';
-				echo '<fieldset class="redux-field" data-id="' . esc_attr( $this->field['id'] ) . '">';
-				echo '<h3>';
+            if ( 0 === $x ) {
+                echo '<div class="redux-slides-accordion-group">';
+                echo '<fieldset class="redux-field" data-id="' . esc_attr( $this->field['id'] ) . '">';
+                echo '<h3>';
 
-				// translators:  Content title for new accordion.
-				echo '<span class="redux-slides-header">' . esc_html( sprintf( __( 'New %s', 'redux-framework' ), esc_attr( $this->field['content_title'] ) ) ) . '</span>';
-				echo '</h3>';
-				echo '<div>';
+                // translators:  Content title for new accordion.
+                echo '<span class="redux-slides-header">' . esc_html( sprintf( __( 'New %s', 'redux-framework' ), esc_attr( $this->field['content_title'] ) ) ) . '</span>';
+                echo '</h3>';
+                echo '<div>';
 
-				$hide = ' hide';
+                $hide = ' hide';
 
-				echo '<div class="screenshot' . esc_attr( $hide ) . '">';
-				echo '<a class="of-uploaded-image" href="">';
-				echo '<img class="redux-slides-image" id="image_image_id_' . esc_attr( $x ) . '" src="" alt="placeholder" target="_blank" rel="external" />';
-				echo '</a>';
-				echo '</div>';
+                echo '<div class="screenshot' . esc_attr( $hide ) . '">';
+                echo '<a class="of-uploaded-image" href="">';
+                echo '<img class="redux-slides-image" id="image_image_id_' . esc_attr( $x ) . '" src="" alt="placeholder" target="_blank" rel="external" />';
+                echo '</a>';
+                echo '</div>';
 
-				// Upload controls DIV.
-				echo '<div class="upload_button_div">';
+                // Upload controls DIV.
+                echo '<div class="upload_button_div">';
 
-				// If the user has WP3.5+ show upload/remove button.
-				echo '<span class="button media_upload_button" id="add_' . esc_attr( $x ) . '">' . esc_html__( 'Upload', 'redux-framework' ) . '</span>';
+                // If the user has WP3.5+ show upload/remove button.
+                echo '<span class="button media_upload_button" id="add_' . esc_attr( $x ) . '">' . esc_html__( 'Upload', 'redux-framework' ) . '</span>';
 
-				echo '<span class="button remove-image' . esc_attr( $hide ) . '" id="reset_' . esc_attr( $x ) . '" rel="' . esc_attr( $this->parent->args['opt_name'] . '[' . $this->field['id'] ) . '][attachment_id]">' . esc_html__( 'Remove', 'redux-framework' ) . '</span>';
+                echo '<span class="button remove-image' . esc_attr( $hide ) . '" id="reset_' . esc_attr( $x ) . '" rel="' . esc_attr( $this->parent->args['opt_name'] . '[' . $this->field['id'] ) . '][attachment_id]">' . esc_html__( 'Remove', 'redux-framework' ) . '</span>';
 
-				echo '</div>' . "\n";
+                echo '</div>' . "\n";
 
-				echo '<ul id="' . esc_attr( $this->field['id'] ) . '-ul" class="redux-slides-list">';
+                echo '<ul id="' . esc_attr( $this->field['id'] ) . '-ul" class="redux-slides-list">';
 
-				if ( $this->field['show']['title'] ) {
-					$title_type = 'text';
-				} else {
-					$title_type = 'hidden';
-				}
+                if ( $this->field['show']['title'] ) {
+                    $title_type = 'text';
+                } else {
+                    $title_type = 'hidden';
+                }
 
-				$placeholder = ( isset( $this->field['placeholder']['title'] ) ) ? esc_attr( $this->field['placeholder']['title'] ) : __( 'Title', 'redux-framework' );
+                $placeholder = ( isset( $this->field['placeholder']['title'] ) ) ? esc_attr( $this->field['placeholder']['title'] ) : __( 'Title', 'redux-framework' );
 
-				echo '<li>';
-				echo '<input
+                echo '<li>';
+                echo '<input
 						type="' . esc_attr( $title_type ) . '"
 						id="' . esc_attr( $this->field['id'] . '-title_' . $x ) . '"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][title]' . $this->field['name_suffix'] ) . '"
 						value=""
 						placeholder="' . esc_attr( $placeholder ) . '"
 						class="full-text slide-title" />';
-				echo '</li>';
+                echo '</li>';
 
-				if ( $this->field['show']['description'] ) {
-					$placeholder = ( isset( $this->field['placeholder']['description'] ) ) ? esc_attr( $this->field['placeholder']['description'] ) : __( 'Description', 'redux-framework' );
+                if ( $this->field['show']['description'] ) {
+                    $placeholder = ( isset( $this->field['placeholder']['description'] ) ) ? esc_attr( $this->field['placeholder']['description'] ) : __( 'Description', 'redux-framework' );
 
-					echo '<li>';
-					echo '<textarea
+                    echo '<li>';
+                    echo '<textarea
 							name="' . esc_attr( $this->field['name'] . '[' . $x . '][description]' . $this->field['name_suffix'] ) . '"
 							id="' . esc_attr( $this->field['id'] . '-description_' . $x ) . '"
 							placeholder="' . esc_attr( $placeholder ) . '"
 							class="large-text"
 							rows="6"></textarea>';
-					echo '</li>';
-				}
+                    echo '</li>';
+                }
 
-				$placeholder = ( isset( $this->field['placeholder']['url'] ) ) ? esc_attr( $this->field['placeholder']['url'] ) : __( 'URL', 'redux-framework' );
+                $placeholder = ( isset( $this->field['placeholder']['url'] ) ) ? esc_attr( $this->field['placeholder']['url'] ) : __( 'URL', 'redux-framework' );
 
-				if ( $this->field['show']['url'] ) {
-					$url_type = 'text';
-				} else {
-					$url_type = 'hidden';
-				}
+                if ( $this->field['show']['url'] ) {
+                    $url_type = 'text';
+                } else {
+                    $url_type = 'hidden';
+                }
 
-				echo '<li>';
-				echo '<input
+                echo '<li>';
+                echo '<input
 						type="' . esc_attr( $url_type ) . '"
 						id="' . esc_attr( $this->field['id'] . '-url_' . $x ) . '"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][url]' . $this->field['name_suffix'] ) . '"
 						value="" class="full-text" placeholder="' . esc_attr( $placeholder ) . '" />';
-				echo '</li>';
+                echo '</li>';
 
-				echo '<li>';
-				echo '<input
+                echo '<li>';
+                echo '<input
 						type="hidden"
 						class="slide-sort"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][sort]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-sort_' . $x ) . '"
 						value="' . esc_attr( $x ) . '" />';
 
-				echo '<li>';
-				echo '<input
+                echo '<li>';
+                echo '<input
 						type="hidden"
 						class="upload-id"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][attachment_id]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-image_id_' . $x ) . '"
 						value="" />';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="upload"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][image]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-image_url_' . $x ) . '"
 						value="" readonly="readonly" />';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="upload-height"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][height]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-image_height_' . $x ) . '"
 						value="" />';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="upload-width"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][width]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-image_width_' . $x ) . '"
 						value="" />';
-				echo '</li>';
+                echo '</li>';
 
-				echo '<input
+                echo '<input
 						type="hidden"
 						class="upload-thumbnail"
 						name="' . esc_attr( $this->field['name'] . '[' . $x . '][thumb]' . $this->field['name_suffix'] ) . '"
 						id="' . esc_attr( $this->field['id'] . '-thumb_url_' . $x ) . '"
 						value="" />';
-				echo '</li>';
-
-				echo '<li>';
-				echo '<a href="javascript:void(0);" class="button deletion redux-slides-remove">' . esc_html__( 'Delete', 'redux-framework' ) . '</a>';
-				echo '</li>';
-
-				echo '</ul>';
-				echo '</div>';
-				echo '</fieldset>';
-				echo '</div>';
-			}
-
-			echo '</div>';
-
-			// translators:  Content title for accordion.
-			echo '<a href="javascript:void(0);" class="button redux-slides-add button-primary" rel-id="' . esc_attr( $this->field['id'] ) . '-ul" rel-name="' . esc_attr( $this->field['name'] . '[title][]' . $this->field['name_suffix'] ) . '">' . esc_html( sprintf( __( 'Add %s', 'redux-framework' ), esc_html( $this->field['content_title'] ) ) ) . '</a>';
-			echo '<br/>';
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function enqueue() {
-			if ( function_exists( 'wp_enqueue_media' ) ) {
-				wp_enqueue_media();
-			} else {
-				wp_enqueue_script( 'media-upload' );
-			}
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style( 'redux-field-media' );
-
-				wp_enqueue_style(
-					'redux-field-slides',
-					Redux_Core::$url . 'inc/fields/slides/redux-slides.css',
-					array(),
-					$this->timestamp
-				);
-			}
-
-			wp_enqueue_script(
-				'redux-field-media',
-				Redux_Core::$url . 'assets/js/media/media' . Redux_Functions::is_min() . '.js',
-				array( 'jquery', 'redux-js' ),
-				$this->timestamp,
-				true
-			);
-
-			wp_enqueue_script(
-				'redux-field-slides',
-				Redux_Core::$url . 'inc/fields/slides/redux-slides' . Redux_Functions::is_min() . '.js',
-				array( 'jquery', 'jquery-ui-core', 'jquery-ui-accordion', 'jquery-ui-sortable', 'redux-field-media' ),
-				$this->timestamp,
-				true
-			);
-		}
-	}
+                echo '</li>';
+
+                echo '<li>';
+                echo '<a href="javascript:void(0);" class="button deletion redux-slides-remove">' . esc_html__( 'Delete', 'redux-framework' ) . '</a>';
+                echo '</li>';
+
+                echo '</ul>';
+                echo '</div>';
+                echo '</fieldset>';
+                echo '</div>';
+            }
+
+            echo '</div>';
+
+            // translators:  Content title for accordion.
+            echo '<a href="javascript:void(0);" class="button redux-slides-add button-primary" rel-id="' . esc_attr( $this->field['id'] ) . '-ul" rel-name="' . esc_attr( $this->field['name'] . '[title][]' . $this->field['name_suffix'] ) . '">' . esc_html( sprintf( __( 'Add %s', 'redux-framework' ), esc_html( $this->field['content_title'] ) ) ) . '</a>';
+            echo '<br/>';
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function enqueue() {
+            if ( function_exists( 'wp_enqueue_media' ) ) {
+                wp_enqueue_media();
+            } else {
+                wp_enqueue_script( 'media-upload' );
+            }
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style( 'redux-field-media' );
+
+                wp_enqueue_style(
+                    'redux-field-slides',
+                    Redux_Core::$url . 'inc/fields/slides/redux-slides.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+
+            wp_enqueue_script(
+                'redux-field-media',
+                Redux_Core::$url . 'assets/js/media/media' . Redux_Functions::is_min() . '.js',
+                array( 'jquery', 'redux-js' ),
+                $this->timestamp,
+                true
+            );
+
+            wp_enqueue_script(
+                'redux-field-slides',
+                Redux_Core::$url . 'inc/fields/slides/redux-slides' . Redux_Functions::is_min() . '.js',
+                array( 'jquery', 'jquery-ui-core', 'jquery-ui-accordion', 'jquery-ui-sortable', 'redux-field-media' ),
+                $this->timestamp,
+                true
+            );
+        }
+    }
 }
 
 class_alias( 'Redux_Slides', 'ReduxFramework_Slides' );

redux-core/inc/fields/select_image/class-redux-select-image.php

Spacing +1 added lines, -1 removed lines

@@ -71,7 +71,7 @@
 						data-placeholder="' . esc_attr( $placeholder ) . '"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '"
 						class="redux-select-item redux-select-images ' . esc_attr( $this->field['class'] ) . '"' .
-						$width . ' rows="6"' . esc_attr( $select2_data ) . '>';  // phpcs:ignore WordPress.Security.EscapeOutput
+						$width . ' rows="6"' . esc_attr( $select2_data ) . '>'; // phpcs:ignore WordPress.Security.EscapeOutput
 
 				echo '<option></option>';
 

Indentation +159 added lines, -159 removed lines

@@ -12,169 +12,169 @@
 
 if ( ! class_exists( 'Redux_Select_Image', false ) ) {
 
-	/**
-	 * Class Redux_Select_Image
-	 */
-	class Redux_Select_Image extends Redux_Field {
-
-		/**
-		 * Set field defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'options'     => array(),
-				'placeholder' => esc_html__( 'Select an item', 'redux-framework' ),
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function render() {
-
-			// If options is NOT empty, the process.
-			if ( ! empty( $this->field['options'] ) ) {
-
-				// bean counter.
-				$x = 1;
-
-				// Process width.
-				if ( ! empty( $this->field['width'] ) ) {
-					$width = ' style="width:' . esc_attr( $this->field['width'] ) . ';"';
-				} else {
-					$width = ' style="width: 40%;"';
-				}
-
-				// Process placeholder.
-				$placeholder = esc_attr( $this->field['placeholder'] );
-
-				$this->select2_config['allowClear'] = true;
-
-				if ( isset( $this->field['select2'] ) ) {
-					$this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
-				} else {
-					$this->field['select2'] = $this->select2_config;
-				}
-
-				$this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
-
-				$select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
-
-				// Begin the <select> tag.
-				echo '<select
+    /**
+     * Class Redux_Select_Image
+     */
+    class Redux_Select_Image extends Redux_Field {
+
+        /**
+         * Set field defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'options'     => array(),
+                'placeholder' => esc_html__( 'Select an item', 'redux-framework' ),
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function render() {
+
+            // If options is NOT empty, the process.
+            if ( ! empty( $this->field['options'] ) ) {
+
+                // bean counter.
+                $x = 1;
+
+                // Process width.
+                if ( ! empty( $this->field['width'] ) ) {
+                    $width = ' style="width:' . esc_attr( $this->field['width'] ) . ';"';
+                } else {
+                    $width = ' style="width: 40%;"';
+                }
+
+                // Process placeholder.
+                $placeholder = esc_attr( $this->field['placeholder'] );
+
+                $this->select2_config['allowClear'] = true;
+
+                if ( isset( $this->field['select2'] ) ) {
+                    $this->field['select2'] = wp_parse_args( $this->field['select2'], $this->select2_config );
+                } else {
+                    $this->field['select2'] = $this->select2_config;
+                }
+
+                $this->field['select2'] = Redux_Functions::sanitize_camel_case_array_keys( $this->field['select2'] );
+
+                $select2_data = Redux_Functions::create_data_string( $this->field['select2'] );
+
+                // Begin the <select> tag.
+                echo '<select
 						data-id="' . esc_attr( $this->field['id'] ) . '"
 						data-placeholder="' . esc_attr( $placeholder ) . '"
 						name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '"
 						class="redux-select-item redux-select-images ' . esc_attr( $this->field['class'] ) . '"' .
-						$width . ' rows="6"' . esc_attr( $select2_data ) . '>';  // phpcs:ignore WordPress.Security.EscapeOutput
-
-				echo '<option></option>';
-
-				// Enum through the options array.
-				foreach ( $this->field['options'] as $v ) {
-
-					// No array?  No problem!
-					if ( ! is_array( $v ) ) {
-						$v = array( 'img' => $v );
-					}
-
-					// No title set?  Make it blank.
-					if ( ! isset( $v['title'] ) ) {
-						$v['title'] = '';
-					}
-
-					// No alt?  Set it to title.  We do this so the alt tag shows
-					// something.  It also makes HTML/SEO purists happy.
-					if ( ! isset( $v['alt'] ) ) {
-						$v['alt'] = $v['title'];
-					}
-
-					// Set the selected entry.
-					$selected = selected( $this->value, $v['img'], false );
-
-					// If selected returns something other than a blank space, we
-					// found our default/saved name.  Save the array number in a
-					// variable to use later on when we want to extract its associated
-					// url.
-					if ( '' !== $selected ) {
-						$arr_num = $x;
-					}
-
-					// Add the option tag, with values.
-					echo '<option value="' . esc_url( $v['img'] ) . '" ' . esc_html( $selected ) . '>' . esc_attr( $v['alt'] ) . '</option>';
-
-					// Add a bean.
-					++$x;
-				}
-
-				// Close the <select> tag.
-				echo '</select>';
-
-				// Some space.
-				echo '<br /><br />';
-
-				// Show the preview image.
-				echo '<div>';
-
-				// just in case.  You never know.
-				if ( ! isset( $arr_num ) ) {
-					$this->value = '';
-				}
-
-				// Set the default image.  To get the url from the default name,
-				// we save the array count from the for/each loop, when the default image
-				// is mark as selected.  Since the for/each loop starts at one, we must
-				// subtract one from the saved array number.  We then pull the url
-				// out of the options array, and there we go.
-				if ( '' === $this->value ) {
-					// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-					echo '<img src="#" class="redux-preview-image" style="visibility:hidden;" id="image_' . esc_attr( $this->field['id'] ) . '">';
-				} else {
-					// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-					echo '<img src=' . esc_url( $this->value ) . ' class="redux-preview-image" id="image_' . esc_attr( $this->field['id'] ) . '">';
-				}
-
-				// Close the <div> tag.
-				echo '</div>';
-			} else {
-
-				// No options specified.  Really?
-				echo '<strong>' . esc_html__( 'No items of this type were found.', 'redux-framework' ) . '</strong>';
-			}
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function enqueue() {
-			wp_enqueue_style( 'select2-css' );
-
-			wp_enqueue_script(
-				'redux-field-select-image',
-				Redux_Core::$url . 'inc/fields/select_image/redux-select-image' . Redux_Functions::is_min() . '.js',
-				array( 'jquery', 'select2-js', 'redux-js' ),
-				$this->timestamp,
-				true
-			);
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-select-image',
-					Redux_Core::$url . 'inc/fields/select_image/redux-select-image.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-	}
+                        $width . ' rows="6"' . esc_attr( $select2_data ) . '>';  // phpcs:ignore WordPress.Security.EscapeOutput
+
+                echo '<option></option>';
+
+                // Enum through the options array.
+                foreach ( $this->field['options'] as $v ) {
+
+                    // No array?  No problem!
+                    if ( ! is_array( $v ) ) {
+                        $v = array( 'img' => $v );
+                    }
+
+                    // No title set?  Make it blank.
+                    if ( ! isset( $v['title'] ) ) {
+                        $v['title'] = '';
+                    }
+
+                    // No alt?  Set it to title.  We do this so the alt tag shows
+                    // something.  It also makes HTML/SEO purists happy.
+                    if ( ! isset( $v['alt'] ) ) {
+                        $v['alt'] = $v['title'];
+                    }
+
+                    // Set the selected entry.
+                    $selected = selected( $this->value, $v['img'], false );
+
+                    // If selected returns something other than a blank space, we
+                    // found our default/saved name.  Save the array number in a
+                    // variable to use later on when we want to extract its associated
+                    // url.
+                    if ( '' !== $selected ) {
+                        $arr_num = $x;
+                    }
+
+                    // Add the option tag, with values.
+                    echo '<option value="' . esc_url( $v['img'] ) . '" ' . esc_html( $selected ) . '>' . esc_attr( $v['alt'] ) . '</option>';
+
+                    // Add a bean.
+                    ++$x;
+                }
+
+                // Close the <select> tag.
+                echo '</select>';
+
+                // Some space.
+                echo '<br /><br />';
+
+                // Show the preview image.
+                echo '<div>';
+
+                // just in case.  You never know.
+                if ( ! isset( $arr_num ) ) {
+                    $this->value = '';
+                }
+
+                // Set the default image.  To get the url from the default name,
+                // we save the array count from the for/each loop, when the default image
+                // is mark as selected.  Since the for/each loop starts at one, we must
+                // subtract one from the saved array number.  We then pull the url
+                // out of the options array, and there we go.
+                if ( '' === $this->value ) {
+                    // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
+                    echo '<img src="#" class="redux-preview-image" style="visibility:hidden;" id="image_' . esc_attr( $this->field['id'] ) . '">';
+                } else {
+                    // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
+                    echo '<img src=' . esc_url( $this->value ) . ' class="redux-preview-image" id="image_' . esc_attr( $this->field['id'] ) . '">';
+                }
+
+                // Close the <div> tag.
+                echo '</div>';
+            } else {
+
+                // No options specified.  Really?
+                echo '<strong>' . esc_html__( 'No items of this type were found.', 'redux-framework' ) . '</strong>';
+            }
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function enqueue() {
+            wp_enqueue_style( 'select2-css' );
+
+            wp_enqueue_script(
+                'redux-field-select-image',
+                Redux_Core::$url . 'inc/fields/select_image/redux-select-image' . Redux_Functions::is_min() . '.js',
+                array( 'jquery', 'select2-js', 'redux-js' ),
+                $this->timestamp,
+                true
+            );
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-select-image',
+                    Redux_Core::$url . 'inc/fields/select_image/redux-select-image.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+    }
 }
 
 class_alias( 'Redux_Select_Image', 'ReduxFramework_Select_Image' );

redux-core/inc/fields/image_select/class-redux-image-select.php

Spacing +7 added lines, -7 removed lines

@@ -94,7 +94,7 @@ 
 
 					$the_value = $k;
 
-					if ( ! empty( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
+					if ( ! empty( $this->field['tiles'] ) && true === ( bool ) $this->field['tiles'] ) {
 						$the_value = $v['img'];
 					}
 
@@ -123,14 +123,14 @@ 
 							} else {
 								foreach ( $v['presets'] as $pk => $pv ) {
 									if ( isset( $v['merge'] ) && false !== $v['merge'] ) {
-										if ( ( true === $v['merge'] || in_array( $pk, $v['merge'], true ) ) && is_array( $this->parent->options[ $pk ] ) ) {
-											$pv = array_merge( $this->parent->options[ $pk ], $pv );
+										if ( ( true === $v['merge'] || in_array( $pk, $v['merge'], true ) ) && is_array( $this->parent->options[$pk] ) ) {
+											$pv = array_merge( $this->parent->options[$pk], $pv );
 										}
 									}
 
-									if ( empty( $pv ) && isset( $this->parent->options[ $pk ] ) && ! empty( $this->parent->options[ $pk ] ) ) {
+									if ( empty( $pv ) && isset( $this->parent->options[$pk] ) && ! empty( $this->parent->options[$pk] ) ) {
 										$selected = false;
-									} elseif ( ! empty( $pv ) && ! isset( $this->parent->options[ $pk ] ) ) {
+									} elseif ( ! empty( $pv ) && ! isset( $this->parent->options[$pk] ) ) {
 										$selected = false;
 									}
 
@@ -227,10 +227,10 @@ 
 			if ( ! empty( $data ) && ! is_array( $data ) ) {
 				switch ( $mode ) {
 					case 'background-image':
-						if ( isset( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
+						if ( isset( $this->field['tiles'] ) && true === ( bool ) $this->field['tiles'] ) {
 							$img = $data;
 						} else {
-							$img = $this->field['options'][ $data ]['img'] ?? '';
+							$img = $this->field['options'][$data]['img'] ?? '';
 						}
 
 						if ( '' !== $img ) {

Indentation +237 added lines, -237 removed lines

@@ -12,243 +12,243 @@
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Image_Select', false ) ) {
 
-	/**
-	 * Main Redux_image_select class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Image_Select extends Redux_Field {
-
-		/**
-		 * Set field defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'tiles'   => false,
-				'mode'    => 'background-image',
-				'presets' => false,
-				'options' => array(),
-				'width'   => '',
-				'height'  => '',
-			);
-
-			$this->field = wp_parse_args( $this->field, $defaults );
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function render() {
-			if ( ! empty( $this->field['options'] ) ) {
-				echo '<div class="redux-table-container">';
-				echo '<ul class="redux-image-select">';
-
-				$x = 1;
-
-				foreach ( $this->field['options'] as $k => $v ) {
-
-					if ( ! is_array( $v ) ) {
-						$v = array( 'img' => $v );
-					}
-
-					if ( ! isset( $v['title'] ) ) {
-						$v['title'] = '';
-					}
-
-					if ( ! isset( $v['alt'] ) ) {
-						$v['alt'] = $v['title'];
-					}
-
-					if ( ! isset( $v['class'] ) ) {
-						$v['class'] = '';
-					}
-
-					$style = '';
-
-					if ( ! empty( $this->field['width'] ) ) {
-						$style .= 'width: ' . $this->field['width'];
-
-						if ( is_numeric( $this->field['width'] ) ) {
-							$style .= 'px';
-						}
-
-						$style .= ';';
-					} else {
-						$style .= ' width: 100%; ';
-					}
-
-					if ( ! empty( $this->field['height'] ) ) {
-						$style .= 'height: ' . $this->field['height'];
-
-						if ( is_numeric( $this->field['height'] ) ) {
-							$style .= 'px';
-						}
-
-						$style .= ';';
-					}
-
-					$the_value = $k;
-
-					if ( ! empty( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
-						$the_value = $v['img'];
-					}
-
-					$selected = ( '' !== checked( $this->value, $the_value, false ) ) ? ' redux-image-select-selected' : '';
-
-					$presets   = '';
-					$is_preset = false;
-
-					$this->field['class']  = trim( str_replace( 'no-update', '', $this->field['class'] ) );
-					$this->field['class'] .= ' no-update ';
-
-					if ( isset( $this->field['presets'] ) && false !== $this->field['presets'] ) {
-						$this->field['class'] = trim( $this->field['class'] );
-						if ( ! isset( $v['presets'] ) ) {
-							$v['presets'] = array();
-						}
-
-						if ( ! is_array( $v['presets'] ) ) {
-							$v['presets'] = json_decode( $v['presets'], true );
-						}
-
-						// Only highlight the preset if it's the same.
-						if ( $selected ) {
-							if ( empty( $v['presets'] ) ) {
-								$selected = false;
-							} else {
-								foreach ( $v['presets'] as $pk => $pv ) {
-									if ( isset( $v['merge'] ) && false !== $v['merge'] ) {
-										if ( ( true === $v['merge'] || in_array( $pk, $v['merge'], true ) ) && is_array( $this->parent->options[ $pk ] ) ) {
-											$pv = array_merge( $this->parent->options[ $pk ], $pv );
-										}
-									}
-
-									if ( empty( $pv ) && isset( $this->parent->options[ $pk ] ) && ! empty( $this->parent->options[ $pk ] ) ) {
-										$selected = false;
-									} elseif ( ! empty( $pv ) && ! isset( $this->parent->options[ $pk ] ) ) {
-										$selected = false;
-									}
-
-									if ( ! $selected ) { // We're still not using the same preset. Let's unset that shall we?
-										$this->value = '';
-										break;
-									}
-								}
-							}
-						}
-
-						$v['presets']['redux-backup'] = 1;
-
-						$presets   = ' data-presets="' . esc_attr( htmlspecialchars( wp_json_encode( $v['presets'] ), ENT_QUOTES ) ) . '"';
-						$is_preset = true;
-
-						$this->field['class'] = trim( $this->field['class'] ) . ' redux-presets';
-					}
-
-					$is_preset_class = $is_preset ? '-preset-' : ' ';
-
-					$merge = '';
-					if ( isset( $v['merge'] ) && false !== $v['merge'] ) {
-						$merge = is_array( $v['merge'] ) ? implode( '|', $v['merge'] ) : 'true';
-						$merge = ' data-merge="' . esc_attr( htmlspecialchars( $merge, ENT_QUOTES ) ) . '"';
-					}
-
-					echo '<li class="redux-image-select">';
-					echo '<label class="' . esc_attr( $selected ) . ' redux-image-select' . esc_attr( $is_preset_class ) . esc_attr( $this->field['id'] . '_' . $x ) . '" for="' . esc_attr( $this->field['id'] . '_' . ( array_search( $k, array_keys( $this->field['options'] ), true ) + 1 ) ) . '">';
-					// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-					echo '<input type="radio" class="' . esc_attr( $this->field['class'] ) . '" id="' . esc_attr( $this->field['id'] . '_' . ( array_search( $k, array_keys( $this->field['options'] ), true ) + 1 ) ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '" value="' . esc_attr( $the_value ) . '" ' . checked( $this->value, $the_value, false ) . $presets . $merge . '/>';
-					if ( ! empty( $this->field['tiles'] ) && true === $this->field['tiles'] ) {
-						echo '<span class="tiles ' . esc_attr( $v['class'] ) . '" style="background-image: url(' . esc_url( $v['img'] ) . ');" rel="' . esc_url( $v['img'] ) . '"">&nbsp;</span>';
-					} else {
-						// phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
-						echo '<img src="' . esc_url( $v['img'] ) . '" title="' . esc_attr( $v['alt'] ) . '" alt="' . esc_attr( $v['alt'] ) . '" class="' . esc_attr( $v['class'] ) . '" style="' . esc_attr( $style ) . '"' . esc_attr( $presets ) . esc_attr( $merge ) . ' />';
-					}
-
-					if ( '' !== $v['title'] ) {
-						echo '<br /><span>' . wp_kses_post( ( $v['title'] ) ) . '</span>';
-					}
-
-					echo '</label>';
-					echo '</li>';
-
-					++$x;
-				}
-
-				echo '</ul>';
-				echo '</div>';
-			}
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function enqueue() {
-
-			wp_enqueue_script(
-				'redux-field-image-select',
-				Redux_Core::$url . 'inc/fields/image_select/redux-image-select' . Redux_Functions::is_min() . '.js',
-				array( 'jquery', 'redux-js' ),
-				$this->timestamp,
-				true
-			);
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-image-select',
-					Redux_Core::$url . 'inc/fields/image_select/redux-image-select.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-
-		/**
-		 * Compile CSS data for output.
-		 *
-		 * @param string $data css string.
-		 *
-		 * @return string
-		 */
-		public function css_style( $data ): string {
-			$css    = '';
-			$output = '';
-
-			$mode = ( isset( $this->field['mode'] ) && ! empty( $this->field['mode'] ) ? $this->field['mode'] : 'background-image' );
-
-			if ( ! empty( $data ) && ! is_array( $data ) ) {
-				switch ( $mode ) {
-					case 'background-image':
-						if ( isset( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
-							$img = $data;
-						} else {
-							$img = $this->field['options'][ $data ]['img'] ?? '';
-						}
-
-						if ( '' !== $img ) {
-							$output = "background-image: url('" . esc_url( $img ) . "');";
-						}
-						break;
-
-					default:
-						$output = $mode . ': ' . $data . ';';
-				}
-			}
-
-			$css .= $output;
-
-			return $css;
-		}
-	}
+    /**
+     * Main Redux_image_select class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Image_Select extends Redux_Field {
+
+        /**
+         * Set field defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'tiles'   => false,
+                'mode'    => 'background-image',
+                'presets' => false,
+                'options' => array(),
+                'width'   => '',
+                'height'  => '',
+            );
+
+            $this->field = wp_parse_args( $this->field, $defaults );
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function render() {
+            if ( ! empty( $this->field['options'] ) ) {
+                echo '<div class="redux-table-container">';
+                echo '<ul class="redux-image-select">';
+
+                $x = 1;
+
+                foreach ( $this->field['options'] as $k => $v ) {
+
+                    if ( ! is_array( $v ) ) {
+                        $v = array( 'img' => $v );
+                    }
+
+                    if ( ! isset( $v['title'] ) ) {
+                        $v['title'] = '';
+                    }
+
+                    if ( ! isset( $v['alt'] ) ) {
+                        $v['alt'] = $v['title'];
+                    }
+
+                    if ( ! isset( $v['class'] ) ) {
+                        $v['class'] = '';
+                    }
+
+                    $style = '';
+
+                    if ( ! empty( $this->field['width'] ) ) {
+                        $style .= 'width: ' . $this->field['width'];
+
+                        if ( is_numeric( $this->field['width'] ) ) {
+                            $style .= 'px';
+                        }
+
+                        $style .= ';';
+                    } else {
+                        $style .= ' width: 100%; ';
+                    }
+
+                    if ( ! empty( $this->field['height'] ) ) {
+                        $style .= 'height: ' . $this->field['height'];
+
+                        if ( is_numeric( $this->field['height'] ) ) {
+                            $style .= 'px';
+                        }
+
+                        $style .= ';';
+                    }
+
+                    $the_value = $k;
+
+                    if ( ! empty( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
+                        $the_value = $v['img'];
+                    }
+
+                    $selected = ( '' !== checked( $this->value, $the_value, false ) ) ? ' redux-image-select-selected' : '';
+
+                    $presets   = '';
+                    $is_preset = false;
+
+                    $this->field['class']  = trim( str_replace( 'no-update', '', $this->field['class'] ) );
+                    $this->field['class'] .= ' no-update ';
+
+                    if ( isset( $this->field['presets'] ) && false !== $this->field['presets'] ) {
+                        $this->field['class'] = trim( $this->field['class'] );
+                        if ( ! isset( $v['presets'] ) ) {
+                            $v['presets'] = array();
+                        }
+
+                        if ( ! is_array( $v['presets'] ) ) {
+                            $v['presets'] = json_decode( $v['presets'], true );
+                        }
+
+                        // Only highlight the preset if it's the same.
+                        if ( $selected ) {
+                            if ( empty( $v['presets'] ) ) {
+                                $selected = false;
+                            } else {
+                                foreach ( $v['presets'] as $pk => $pv ) {
+                                    if ( isset( $v['merge'] ) && false !== $v['merge'] ) {
+                                        if ( ( true === $v['merge'] || in_array( $pk, $v['merge'], true ) ) && is_array( $this->parent->options[ $pk ] ) ) {
+                                            $pv = array_merge( $this->parent->options[ $pk ], $pv );
+                                        }
+                                    }
+
+                                    if ( empty( $pv ) && isset( $this->parent->options[ $pk ] ) && ! empty( $this->parent->options[ $pk ] ) ) {
+                                        $selected = false;
+                                    } elseif ( ! empty( $pv ) && ! isset( $this->parent->options[ $pk ] ) ) {
+                                        $selected = false;
+                                    }
+
+                                    if ( ! $selected ) { // We're still not using the same preset. Let's unset that shall we?
+                                        $this->value = '';
+                                        break;
+                                    }
+                                }
+                            }
+                        }
+
+                        $v['presets']['redux-backup'] = 1;
+
+                        $presets   = ' data-presets="' . esc_attr( htmlspecialchars( wp_json_encode( $v['presets'] ), ENT_QUOTES ) ) . '"';
+                        $is_preset = true;
+
+                        $this->field['class'] = trim( $this->field['class'] ) . ' redux-presets';
+                    }
+
+                    $is_preset_class = $is_preset ? '-preset-' : ' ';
+
+                    $merge = '';
+                    if ( isset( $v['merge'] ) && false !== $v['merge'] ) {
+                        $merge = is_array( $v['merge'] ) ? implode( '|', $v['merge'] ) : 'true';
+                        $merge = ' data-merge="' . esc_attr( htmlspecialchars( $merge, ENT_QUOTES ) ) . '"';
+                    }
+
+                    echo '<li class="redux-image-select">';
+                    echo '<label class="' . esc_attr( $selected ) . ' redux-image-select' . esc_attr( $is_preset_class ) . esc_attr( $this->field['id'] . '_' . $x ) . '" for="' . esc_attr( $this->field['id'] . '_' . ( array_search( $k, array_keys( $this->field['options'] ), true ) + 1 ) ) . '">';
+                    // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+                    echo '<input type="radio" class="' . esc_attr( $this->field['class'] ) . '" id="' . esc_attr( $this->field['id'] . '_' . ( array_search( $k, array_keys( $this->field['options'] ), true ) + 1 ) ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '" value="' . esc_attr( $the_value ) . '" ' . checked( $this->value, $the_value, false ) . $presets . $merge . '/>';
+                    if ( ! empty( $this->field['tiles'] ) && true === $this->field['tiles'] ) {
+                        echo '<span class="tiles ' . esc_attr( $v['class'] ) . '" style="background-image: url(' . esc_url( $v['img'] ) . ');" rel="' . esc_url( $v['img'] ) . '"">&nbsp;</span>';
+                    } else {
+                        // phpcs:ignore PluginCheck.CodeAnalysis.ImageFunctions.NonEnqueuedImage -- No image/icon to enqueue.
+                        echo '<img src="' . esc_url( $v['img'] ) . '" title="' . esc_attr( $v['alt'] ) . '" alt="' . esc_attr( $v['alt'] ) . '" class="' . esc_attr( $v['class'] ) . '" style="' . esc_attr( $style ) . '"' . esc_attr( $presets ) . esc_attr( $merge ) . ' />';
+                    }
+
+                    if ( '' !== $v['title'] ) {
+                        echo '<br /><span>' . wp_kses_post( ( $v['title'] ) ) . '</span>';
+                    }
+
+                    echo '</label>';
+                    echo '</li>';
+
+                    ++$x;
+                }
+
+                echo '</ul>';
+                echo '</div>';
+            }
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function enqueue() {
+
+            wp_enqueue_script(
+                'redux-field-image-select',
+                Redux_Core::$url . 'inc/fields/image_select/redux-image-select' . Redux_Functions::is_min() . '.js',
+                array( 'jquery', 'redux-js' ),
+                $this->timestamp,
+                true
+            );
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-image-select',
+                    Redux_Core::$url . 'inc/fields/image_select/redux-image-select.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+
+        /**
+         * Compile CSS data for output.
+         *
+         * @param string $data css string.
+         *
+         * @return string
+         */
+        public function css_style( $data ): string {
+            $css    = '';
+            $output = '';
+
+            $mode = ( isset( $this->field['mode'] ) && ! empty( $this->field['mode'] ) ? $this->field['mode'] : 'background-image' );
+
+            if ( ! empty( $data ) && ! is_array( $data ) ) {
+                switch ( $mode ) {
+                    case 'background-image':
+                        if ( isset( $this->field['tiles'] ) && true === (bool) $this->field['tiles'] ) {
+                            $img = $data;
+                        } else {
+                            $img = $this->field['options'][ $data ]['img'] ?? '';
+                        }
+
+                        if ( '' !== $img ) {
+                            $output = "background-image: url('" . esc_url( $img ) . "');";
+                        }
+                        break;
+
+                    default:
+                        $output = $mode . ': ' . $data . ';';
+                }
+            }
+
+            $css .= $output;
+
+            return $css;
+        }
+    }
 }
 
 class_alias( 'Redux_Image_Select', 'ReduxFramework_Image_Select' );

redux-core/inc/fields/color_rgba/class-redux-color-rgba.php

Indentation +212 added lines, -212 removed lines

@@ -12,67 +12,67 @@ 
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Color_Rgba', false ) ) {
 
-	/**
-	 * Main Redux_color_rgba class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Color_Rgba extends Redux_Field {
-
-		/**
-		 * Set field and value defaults.
-		 */
-		public function set_defaults() {
-			$defaults = array(
-				'color' => '',
-				'alpha' => 1,
-				'rgba'  => '',
-			);
-
-			$option_defaults = array(
-				'show_input'             => true,
-				'show_initial'           => false,
-				'show_alpha'             => true,
-				'show_palette'           => false,
-				'show_palette_only'      => false,
-				'max_palette_size'       => 10,
-				'show_selection_palette' => false,
-				'allow_empty'            => true,
-				'clickout_fires_change'  => false,
-				'choose_text'            => esc_html__( 'Choose', 'redux-framework' ),
-				'cancel_text'            => esc_html__( 'Cancel', 'redux-framework' ),
-				'show_buttons'           => true,
-				'input_text'             => esc_html__( 'Select Color', 'redux-framework' ),
-				'palette'                => null,
-			);
-
-			$this->value = wp_parse_args( $this->value, $defaults );
-
-			if ( isset( $this->field ) && ! is_array( $this->field ) ) {
-				return;
-			}
-
-			$this->field['options'] = isset( $this->field['options'] ) ? wp_parse_args( $this->field['options'], $option_defaults ) : $option_defaults;
-
-			// Convert an empty array to null, if there.
-			$this->field['options']['palette'] = empty( $this->field['options']['palette'] ) ? null : $this->field['options']['palette'];
-
-			$this->field['output_transparent'] = $this->field['output_transparent'] ?? false;
-		}
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function render() {
-			$field_id = $this->field['id'];
-
-			// Color picker container.
-			echo '<div
+    /**
+     * Main Redux_color_rgba class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Color_Rgba extends Redux_Field {
+
+        /**
+         * Set field and value defaults.
+         */
+        public function set_defaults() {
+            $defaults = array(
+                'color' => '',
+                'alpha' => 1,
+                'rgba'  => '',
+            );
+
+            $option_defaults = array(
+                'show_input'             => true,
+                'show_initial'           => false,
+                'show_alpha'             => true,
+                'show_palette'           => false,
+                'show_palette_only'      => false,
+                'max_palette_size'       => 10,
+                'show_selection_palette' => false,
+                'allow_empty'            => true,
+                'clickout_fires_change'  => false,
+                'choose_text'            => esc_html__( 'Choose', 'redux-framework' ),
+                'cancel_text'            => esc_html__( 'Cancel', 'redux-framework' ),
+                'show_buttons'           => true,
+                'input_text'             => esc_html__( 'Select Color', 'redux-framework' ),
+                'palette'                => null,
+            );
+
+            $this->value = wp_parse_args( $this->value, $defaults );
+
+            if ( isset( $this->field ) && ! is_array( $this->field ) ) {
+                return;
+            }
+
+            $this->field['options'] = isset( $this->field['options'] ) ? wp_parse_args( $this->field['options'], $option_defaults ) : $option_defaults;
+
+            // Convert an empty array to null, if there.
+            $this->field['options']['palette'] = empty( $this->field['options']['palette'] ) ? null : $this->field['options']['palette'];
+
+            $this->field['output_transparent'] = $this->field['output_transparent'] ?? false;
+        }
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function render() {
+            $field_id = $this->field['id'];
+
+            // Color picker container.
+            echo '<div
                   class="redux-color-rgba-container ' . esc_attr( $this->field['class'] ) . '"
                   data-id="' . esc_attr( $field_id ) . '"
                   data-show-input="' . esc_attr( $this->field['options']['show_input'] ) . '"
@@ -91,18 +91,18 @@ 
                   data-palette="' . rawurlencode( wp_json_encode( $this->field['options']['palette'] ) ) . '"
               >';
 
-			// Colour picker layout.
-			if ( '' === $this->value['color'] || 'transparent' === $this->value['color'] ) {
-				$color = '';
-			} else {
-				$color = Redux_Helpers::hex2rgba( $this->value['color'], $this->value['alpha'] );
-			}
+            // Colour picker layout.
+            if ( '' === $this->value['color'] || 'transparent' === $this->value['color'] ) {
+                $color = '';
+            } else {
+                $color = Redux_Helpers::hex2rgba( $this->value['color'], $this->value['alpha'] );
+            }
 
-			if ( '' === $this->value['rgba'] && '' !== $this->value['color'] ) {
-				$this->value['rgba'] = Redux_Helpers::hex2rgba( $this->value['color'], $this->value['alpha'] );
-			}
+            if ( '' === $this->value['rgba'] && '' !== $this->value['color'] ) {
+                $this->value['rgba'] = Redux_Helpers::hex2rgba( $this->value['color'], $this->value['alpha'] );
+            }
 
-			echo '<input
+            echo '<input
                     name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '[color]"
                     id="' . esc_attr( $field_id ) . '-color-display"
                     class="redux-color-rgba"
@@ -115,7 +115,7 @@ 
                     data-output-transparent="' . esc_attr( $this->field['output_transparent'] ) . '"
                   />';
 
-			echo '<input
+            echo '<input
                     type="hidden"
                     class="redux-hidden-color"
                     data-id="' . esc_attr( $field_id ) . '-color"
@@ -123,8 +123,8 @@ 
                     value="' . esc_attr( $this->value['color'] ) . '"
                   />';
 
-			// Hidden input for alpha channel.
-			echo '<input
+            // Hidden input for alpha channel.
+            echo '<input
                     type="hidden"
                     class="redux-hidden-alpha"
                     data-id="' . esc_attr( $field_id ) . '-alpha"
@@ -133,8 +133,8 @@ 
                     value="' . esc_attr( $this->value['alpha'] ) . '"
                   />';
 
-			// Hidden input for rgba.
-			echo '<input
+            // Hidden input for rgba.
+            echo '<input
                     type="hidden"
                     class="redux-hidden-rgba"
                     data-id="' . esc_attr( $field_id ) . '-rgba"
@@ -143,142 +143,142 @@ 
                     value="' . esc_attr( $this->value['rgba'] ) . '"
                   />';
 
-			echo '</div>';
-		}
-
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      public
-		 * @return      void
-		 */
-		public function enqueue() {
-
-			// Set up min files for dev_mode = false.
-			$min = Redux_Functions::is_min();
-
-			// Field dependent JS.
-			wp_enqueue_script(
-				'redux-field-color-rgba',
-				Redux_Core::$url . 'inc/fields/color_rgba/redux-color-rgba' . $min . '.js',
-				array( 'jquery', 'redux-spectrum-js', 'redux-js' ),
-				$this->timestamp,
-				true
-			);
-
-			// Spectrum CSS.
-			if ( ! wp_style_is( 'redux-spectrum-css' ) ) {
-				wp_enqueue_style( 'redux-spectrum-css' );
-			}
-
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-color-rgba',
-					Redux_Core::$url . 'inc/fields/color_rgba/redux-color-rgba.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-
-		/**
-		 * -> getColorVal.  Returns formatted color val in hex or rgba.
-		 * If this field requires any scripts or css, define this function and register/enqueue the scripts/css
-		 *
-		 * @since       1.0.0
-		 * @access      private
-		 * @return      string
-		 */
-		private function get_color_val(): string {
-
-			// No notices.
-			$color = '';
-			$alpha = 1;
-			$rgba  = '';
-
-			// Must be an array.
-			if ( is_array( $this->value ) ) {
-
-				// Enum array to parse values.
-				foreach ( $this->value as $id => $val ) {
-
-					// Sanitize alpha.
-					if ( 'alpha' === $id ) {
-						$alpha = is_numeric( $val ) ? $val : 1;
-					} elseif ( 'color' === $id ) {
-						$color = ! empty( $val ) ? $val : '';
-					} elseif ( 'rgba' === $id ) {
-						$rgba = Redux_Helpers::hex2rgba( $color, $alpha );
-					}
-				}
-
-				// Only build rgba output if alpha ia less than 1.
-				if ( $alpha < 1 && '' !== $alpha ) {
-					$color = $rgba;
-				}
-			}
-
-			return $color;
-		}
-
-		/**
-		 * Generate CSS style.
-		 *
-		 * @param string $data Field data.
-		 *
-		 * @return string
-		 */
-		public function css_style( $data ): string {
-			return '';
-		}
-
-		/**
-		 * Output Function.
-		 * Used to enqueue to the front-end
-		 *
-		 * @since   1.0.0
-		 * @access  public
-		 *
-		 * @param   string|null|array $style css data.
-		 *
-		 * @return  void
-		 */
-		public function output( $style = '' ) {
-			if ( ! empty( $this->value ) ) {
-				$mode = ( isset( $this->field['mode'] ) && ! empty( $this->field['mode'] ) ? $this->field['mode'] : 'color' );
-
-				$color_val = $this->get_color_val();
-
-				$style = $mode . ':' . $color_val . ';';
-
-				if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
-					if ( ! empty( $color_val ) ) {
-						$css                      = Redux_Functions::parse_css( $this->field['output'], $style, $color_val );
-						$this->parent->outputCSS .= esc_attr( $css );
-					}
-				}
-
-				if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
-					if ( ! empty( $color_val ) ) {
-						$css                        = Redux_Functions::parse_css( $this->field['compiler'], $style, $color_val );
-						$this->parent->compilerCSS .= esc_attr( $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.
-		}
-	}
+            echo '</div>';
+        }
+
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      public
+         * @return      void
+         */
+        public function enqueue() {
+
+            // Set up min files for dev_mode = false.
+            $min = Redux_Functions::is_min();
+
+            // Field dependent JS.
+            wp_enqueue_script(
+                'redux-field-color-rgba',
+                Redux_Core::$url . 'inc/fields/color_rgba/redux-color-rgba' . $min . '.js',
+                array( 'jquery', 'redux-spectrum-js', 'redux-js' ),
+                $this->timestamp,
+                true
+            );
+
+            // Spectrum CSS.
+            if ( ! wp_style_is( 'redux-spectrum-css' ) ) {
+                wp_enqueue_style( 'redux-spectrum-css' );
+            }
+
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-color-rgba',
+                    Redux_Core::$url . 'inc/fields/color_rgba/redux-color-rgba.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+
+        /**
+         * -> getColorVal.  Returns formatted color val in hex or rgba.
+         * If this field requires any scripts or css, define this function and register/enqueue the scripts/css
+         *
+         * @since       1.0.0
+         * @access      private
+         * @return      string
+         */
+        private function get_color_val(): string {
+
+            // No notices.
+            $color = '';
+            $alpha = 1;
+            $rgba  = '';
+
+            // Must be an array.
+            if ( is_array( $this->value ) ) {
+
+                // Enum array to parse values.
+                foreach ( $this->value as $id => $val ) {
+
+                    // Sanitize alpha.
+                    if ( 'alpha' === $id ) {
+                        $alpha = is_numeric( $val ) ? $val : 1;
+                    } elseif ( 'color' === $id ) {
+                        $color = ! empty( $val ) ? $val : '';
+                    } elseif ( 'rgba' === $id ) {
+                        $rgba = Redux_Helpers::hex2rgba( $color, $alpha );
+                    }
+                }
+
+                // Only build rgba output if alpha ia less than 1.
+                if ( $alpha < 1 && '' !== $alpha ) {
+                    $color = $rgba;
+                }
+            }
+
+            return $color;
+        }
+
+        /**
+         * Generate CSS style.
+         *
+         * @param string $data Field data.
+         *
+         * @return string
+         */
+        public function css_style( $data ): string {
+            return '';
+        }
+
+        /**
+         * Output Function.
+         * Used to enqueue to the front-end
+         *
+         * @since   1.0.0
+         * @access  public
+         *
+         * @param   string|null|array $style css data.
+         *
+         * @return  void
+         */
+        public function output( $style = '' ) {
+            if ( ! empty( $this->value ) ) {
+                $mode = ( isset( $this->field['mode'] ) && ! empty( $this->field['mode'] ) ? $this->field['mode'] : 'color' );
+
+                $color_val = $this->get_color_val();
+
+                $style = $mode . ':' . $color_val . ';';
+
+                if ( ! empty( $this->field['output'] ) && is_array( $this->field['output'] ) ) {
+                    if ( ! empty( $color_val ) ) {
+                        $css                      = Redux_Functions::parse_css( $this->field['output'], $style, $color_val );
+                        $this->parent->outputCSS .= esc_attr( $css );
+                    }
+                }
+
+                if ( ! empty( $this->field['compiler'] ) && is_array( $this->field['compiler'] ) ) {
+                    if ( ! empty( $color_val ) ) {
+                        $css                        = Redux_Functions::parse_css( $this->field['compiler'], $style, $color_val );
+                        $this->parent->compilerCSS .= esc_attr( $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_Color_Rgba', 'ReduxFramework_Color_Rgba' );

redux-core/inc/fields/date/class-redux-date.php

Indentation +44 added lines, -44 removed lines

@@ -13,25 +13,25 @@ 
 // Don't duplicate me!
 if ( ! class_exists( 'Redux_Date', false ) ) {
 
-	/**
-	 * Main Redux_date class
-	 *
-	 * @since       1.0.0
-	 */
-	class Redux_Date extends Redux_Field {
+    /**
+     * Main Redux_date class
+     *
+     * @since       1.0.0
+     */
+    class Redux_Date extends Redux_Field {
 
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since         1.0.0
-		 * @access        public
-		 * @return        void
-		 */
-		public function render() {
-			$placeholder = $this->field['placeholder'] ?? '';
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since         1.0.0
+         * @access        public
+         * @return        void
+         */
+        public function render() {
+            $placeholder = $this->field['placeholder'] ?? '';
 
-			echo '<input
+            echo '<input
 					data-id="' . esc_attr( $this->field['id'] ) . '"
 					type="text"
 					id="' . esc_attr( $this->field['id'] ) . '-date"
@@ -39,35 +39,35 @@ 
 					value="' . esc_attr( $this->value ) . '"
 					placeholder="' . esc_attr( $placeholder ) . '"
 					class="redux-datepicker regular-text ' . esc_attr( $this->field['class'] ) . '" />';
-		}
+        }
 
-		/**
-		 * Enqueue Function.
-		 * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
-		 *
-		 * @since         1.0.0
-		 * @access        public
-		 * @return        void
-		 */
-		public function enqueue() {
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-date',
-					Redux_Core::$url . 'inc/fields/date/redux-date.css',
-					array(),
-					$this->timestamp
-				);
-			}
+        /**
+         * Enqueue Function.
+         * If this field requires any scripts, or css define this function and register/enqueue the scripts/css
+         *
+         * @since         1.0.0
+         * @access        public
+         * @return        void
+         */
+        public function enqueue() {
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-date',
+                    Redux_Core::$url . 'inc/fields/date/redux-date.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
 
-			wp_enqueue_script(
-				'redux-field-date',
-				Redux_Core::$url . 'inc/fields/date/redux-date' . Redux_Functions::is_min() . '.js',
-				array( 'jquery', 'jquery-ui-core', 'jquery-ui-datepicker', 'redux-js' ),
-				$this->timestamp,
-				true
-			);
-		}
-	}
+            wp_enqueue_script(
+                'redux-field-date',
+                Redux_Core::$url . 'inc/fields/date/redux-date' . Redux_Functions::is_min() . '.js',
+                array( 'jquery', 'jquery-ui-core', 'jquery-ui-datepicker', 'redux-js' ),
+                $this->timestamp,
+                true
+            );
+        }
+    }
 }
 
 class_alias( 'Redux_Date', 'ReduxFramework_Date' );

redux-core/inc/fields/spinner/class-redux-spinner.php

Indentation +200 added lines, -200 removed lines

@@ -11,206 +11,206 @@
 
 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'] = $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 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'] = $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' );

redux-core/inc/fields/radio/class-redux-radio.php

Indentation +36 added lines, -36 removed lines

@@ -12,53 +12,53 @@
 
 if ( ! class_exists( 'Redux_Radio', false ) ) {
 
-	/**
-	 * Class Redux_Radio
-	 */
-	class Redux_Radio extends Redux_Field {
+    /**
+     * Class Redux_Radio
+     */
+    class Redux_Radio extends Redux_Field {
 
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function render() {
-			if ( ! empty( $this->field['data'] ) && empty( $this->field['options'] ) ) {
-				if ( empty( $this->field['args'] ) ) {
-					$this->field['args'] = array();
-				}
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function render() {
+            if ( ! empty( $this->field['data'] ) && empty( $this->field['options'] ) ) {
+                if ( empty( $this->field['args'] ) ) {
+                    $this->field['args'] = array();
+                }
 
-				if ( is_array( $this->field['data'] ) ) {
-					$this->field['options'] = $this->field['data'];
-				} else {
-					$this->field['options'] = $this->parent->wordpress_data->get( $this->field['data'], $this->field['args'], $this->parent->args['opt_name'], $this->value );
-				}
-			}
+                if ( is_array( $this->field['data'] ) ) {
+                    $this->field['options'] = $this->field['data'];
+                } else {
+                    $this->field['options'] = $this->parent->wordpress_data->get( $this->field['data'], $this->field['args'], $this->parent->args['opt_name'], $this->value );
+                }
+            }
 
-			$this->field['data_class'] = ( isset( $this->field['multi_layout'] ) ) ? 'data-' . $this->field['multi_layout'] : 'data-full';
+            $this->field['data_class'] = ( isset( $this->field['multi_layout'] ) ) ? 'data-' . $this->field['multi_layout'] : 'data-full';
 
-			if ( isset( $this->field['options'] ) && ! empty( $this->field['options'] ) ) {
-				echo '<ul class="' . esc_attr( $this->field['data_class'] ) . '">';
+            if ( isset( $this->field['options'] ) && ! empty( $this->field['options'] ) ) {
+                echo '<ul class="' . esc_attr( $this->field['data_class'] ) . '">';
 
-				foreach ( $this->field['options'] as $k => $v ) {
-					echo '<li>';
-					echo '<label for="' . esc_attr( $this->field['id'] . '_' . array_search( $k, array_keys( $this->field['options'] ), true ) ) . '">';
-					echo '<input
+                foreach ( $this->field['options'] as $k => $v ) {
+                    echo '<li>';
+                    echo '<label for="' . esc_attr( $this->field['id'] . '_' . array_search( $k, array_keys( $this->field['options'] ), true ) ) . '">';
+                    echo '<input
 							type="radio"
 							class="radio ' . esc_attr( $this->field['class'] ) . '"
 							id="' . esc_attr( $this->field['id'] . '_' . array_search( $k, array_keys( $this->field['options'] ), true ) ) . '"
 							name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '"
 							value="' . esc_attr( $k ) . '" ' . ( ! is_array( $this->value ) ? checked( $this->value, $k, false ) : '' ) . '/>';
-					echo ' <span>' . wp_kses_post( $v ) . '</span>';
-					echo '</label>';
-					echo '</li>';
-				}
+                    echo ' <span>' . wp_kses_post( $v ) . '</span>';
+                    echo '</label>';
+                    echo '</li>';
+                }
 
-				echo '</ul>';
-			}
-		}
-	}
+                echo '</ul>';
+            }
+        }
+    }
 }
 
 class_alias( 'Redux_Radio', 'ReduxFramework_Radio' );

redux-core/inc/fields/text/class-redux-text.php

Indentation +88 added lines, -88 removed lines

@@ -12,94 +12,94 @@
 
 if ( ! class_exists( 'Redux_Text', false ) ) {
 
-	/**
-	 * Class Redux_Text
-	 */
-	class Redux_Text extends Redux_Field {
-
-		/**
-		 * Field Render Function.
-		 * Takes the vars and outputs the HTML for the field in the settings
-		 *
-		 * @since ReduxFramework 1.0.0
-		 */
-		public function render() {
-			if ( ! empty( $this->field['data'] ) && empty( $this->field['options'] ) ) {
-				if ( empty( $this->field['args'] ) ) {
-					$this->field['args'] = array();
-				}
-
-				$this->field['options'] = $this->parent->wordpress_data->get( $this->field['data'], $this->field['args'], $this->parent->args['opt_name'], $this->value );
-				$this->field['class']  .= ' hasOptions ';
-			}
-
-			if ( empty( $this->value ) && ! empty( $this->field['data'] ) && ! empty( $this->field['options'] ) ) {
-				$this->value = $this->field['options'];
-			}
-
-			$qtip_title = isset( $this->field['text_hint']['title'] ) ? 'qtip-title="' . $this->field['text_hint']['title'] . '" ' : '';
-			$qtip_text  = isset( $this->field['text_hint']['content'] ) ? 'qtip-content="' . $this->field['text_hint']['content'] . '" ' : '';
-
-			$readonly     = ( isset( $this->field['readonly'] ) && $this->field['readonly'] ) ? ' readonly="readonly"' : '';
-			$autocomplete = ( isset( $this->field['autocomplete'] ) && false === $this->field['autocomplete'] ) ? ' autocomplete="off"' : '';
-
-			if ( isset( $this->field['options'] ) && ! empty( $this->field['options'] ) ) {
-				$placeholder = '';
-
-				if ( isset( $this->field['placeholder'] ) ) {
-					$placeholder = $this->field['placeholder'];
-				}
-
-				foreach ( $this->field['options'] as $k => $v ) {
-					if ( ! empty( $placeholder ) ) {
-						$placeholder = ( is_array( $this->field['placeholder'] ) && isset( $this->field['placeholder'][ $k ] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'][ $k ] ) . '" ' : '';
-					}
-
-					echo '<div class="input_wrapper">';
-					echo '<label for="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '">' . esc_html( $v ) . '</label> ';
-
-					$value = $this->value[ $k ] ?? '';
-					$value = ! empty( $this->value[ $k ] ) ? $this->value[ $k ] : '';
-
-					// phpcs:ignore WordPress.Security.EscapeOutput
-					echo '<input type="text" id="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '" ' . esc_attr( $qtip_title ) . esc_attr( $qtip_text ) . ' name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] . '[' . esc_attr( $k ) ) . ']" ' . $placeholder . ' value="' . esc_attr( $value ) . '" class="regular-text ' . esc_attr( $this->field['class'] ) . '" ' . esc_html( $readonly ) . esc_html( $autocomplete ) . '/><br />';
-					echo '</div>';
-				}
-			} else {
-				$placeholder = ( isset( $this->field['placeholder'] ) && ! is_array( $this->field['placeholder'] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'] ) . '" ' : '';
-
-				// phpcs:ignore WordPress.Security.EscapeOutput
-				echo '<input ' . esc_attr( $qtip_title ) . esc_attr( $qtip_text ) . 'type="text" id="' . esc_attr( $this->field['id'] ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '" ' . $placeholder . 'value="' . esc_attr( $this->value ) . '" class="regular-text ' . esc_attr( $this->field['class'] ) . '"' . esc_html( $readonly ) . esc_html( $autocomplete ) . ' />';
-			}
-		}
-
-		/**
-		 * 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() {
-			if ( $this->parent->args['dev_mode'] ) {
-				wp_enqueue_style(
-					'redux-field-text',
-					Redux_Core::$url . 'inc/fields/text/redux-text.css',
-					array(),
-					$this->timestamp
-				);
-			}
-		}
-
-		/**
-		 * 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 Redux_Text
+     */
+    class Redux_Text extends Redux_Field {
+
+        /**
+         * Field Render Function.
+         * Takes the vars and outputs the HTML for the field in the settings
+         *
+         * @since ReduxFramework 1.0.0
+         */
+        public function render() {
+            if ( ! empty( $this->field['data'] ) && empty( $this->field['options'] ) ) {
+                if ( empty( $this->field['args'] ) ) {
+                    $this->field['args'] = array();
+                }
+
+                $this->field['options'] = $this->parent->wordpress_data->get( $this->field['data'], $this->field['args'], $this->parent->args['opt_name'], $this->value );
+                $this->field['class']  .= ' hasOptions ';
+            }
+
+            if ( empty( $this->value ) && ! empty( $this->field['data'] ) && ! empty( $this->field['options'] ) ) {
+                $this->value = $this->field['options'];
+            }
+
+            $qtip_title = isset( $this->field['text_hint']['title'] ) ? 'qtip-title="' . $this->field['text_hint']['title'] . '" ' : '';
+            $qtip_text  = isset( $this->field['text_hint']['content'] ) ? 'qtip-content="' . $this->field['text_hint']['content'] . '" ' : '';
+
+            $readonly     = ( isset( $this->field['readonly'] ) && $this->field['readonly'] ) ? ' readonly="readonly"' : '';
+            $autocomplete = ( isset( $this->field['autocomplete'] ) && false === $this->field['autocomplete'] ) ? ' autocomplete="off"' : '';
+
+            if ( isset( $this->field['options'] ) && ! empty( $this->field['options'] ) ) {
+                $placeholder = '';
+
+                if ( isset( $this->field['placeholder'] ) ) {
+                    $placeholder = $this->field['placeholder'];
+                }
+
+                foreach ( $this->field['options'] as $k => $v ) {
+                    if ( ! empty( $placeholder ) ) {
+                        $placeholder = ( is_array( $this->field['placeholder'] ) && isset( $this->field['placeholder'][ $k ] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'][ $k ] ) . '" ' : '';
+                    }
+
+                    echo '<div class="input_wrapper">';
+                    echo '<label for="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '">' . esc_html( $v ) . '</label> ';
+
+                    $value = $this->value[ $k ] ?? '';
+                    $value = ! empty( $this->value[ $k ] ) ? $this->value[ $k ] : '';
+
+                    // phpcs:ignore WordPress.Security.EscapeOutput
+                    echo '<input type="text" id="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '" ' . esc_attr( $qtip_title ) . esc_attr( $qtip_text ) . ' name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] . '[' . esc_attr( $k ) ) . ']" ' . $placeholder . ' value="' . esc_attr( $value ) . '" class="regular-text ' . esc_attr( $this->field['class'] ) . '" ' . esc_html( $readonly ) . esc_html( $autocomplete ) . '/><br />';
+                    echo '</div>';
+                }
+            } else {
+                $placeholder = ( isset( $this->field['placeholder'] ) && ! is_array( $this->field['placeholder'] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'] ) . '" ' : '';
+
+                // phpcs:ignore WordPress.Security.EscapeOutput
+                echo '<input ' . esc_attr( $qtip_title ) . esc_attr( $qtip_text ) . 'type="text" id="' . esc_attr( $this->field['id'] ) . '" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] ) . '" ' . $placeholder . 'value="' . esc_attr( $this->value ) . '" class="regular-text ' . esc_attr( $this->field['class'] ) . '"' . esc_html( $readonly ) . esc_html( $autocomplete ) . ' />';
+            }
+        }
+
+        /**
+         * 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() {
+            if ( $this->parent->args['dev_mode'] ) {
+                wp_enqueue_style(
+                    'redux-field-text',
+                    Redux_Core::$url . 'inc/fields/text/redux-text.css',
+                    array(),
+                    $this->timestamp
+                );
+            }
+        }
+
+        /**
+         * 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_Text', 'ReduxFramework_Text' );

Spacing +3 added lines, -3 removed lines

@@ -52,14 +52,14 @@
 
 				foreach ( $this->field['options'] as $k => $v ) {
 					if ( ! empty( $placeholder ) ) {
-						$placeholder = ( is_array( $this->field['placeholder'] ) && isset( $this->field['placeholder'][ $k ] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'][ $k ] ) . '" ' : '';
+						$placeholder = ( is_array( $this->field['placeholder'] ) && isset( $this->field['placeholder'][$k] ) ) ? ' placeholder="' . esc_attr( $this->field['placeholder'][$k] ) . '" ' : '';
 					}
 
 					echo '<div class="input_wrapper">';
 					echo '<label for="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '">' . esc_html( $v ) . '</label> ';
 
-					$value = $this->value[ $k ] ?? '';
-					$value = ! empty( $this->value[ $k ] ) ? $this->value[ $k ] : '';
+					$value = $this->value[$k] ?? '';
+					$value = ! empty( $this->value[$k] ) ? $this->value[$k] : '';
 
 					// phpcs:ignore WordPress.Security.EscapeOutput
 					echo '<input type="text" id="' . esc_attr( $this->field['id'] . '-text-' . $k ) . '" ' . esc_attr( $qtip_title ) . esc_attr( $qtip_text ) . ' name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] . '[' . esc_attr( $k ) ) . ']" ' . $placeholder . ' value="' . esc_attr( $value ) . '" class="regular-text ' . esc_attr( $this->field['class'] ) . '" ' . esc_html( $readonly ) . esc_html( $autocomplete ) . '/><br />';

redux-templates/classes/class-init.php

Indentation +30 added lines, -30 removed lines

@@ -19,36 +19,36 @@
  */
 class Init {
 
-	/**
-	 * Init constructor.
-	 *
-	 * @access public
-	 */
-	public function __construct() {
-		global $pagenow;
-
-		if ( 'widgets.php' === $pagenow ) {
-			return;
-		}
-
-		require_once REDUXTEMPLATES_DIR_PATH . 'classes/class-templates.php';
-
-		add_action( 'init', array( $this, 'load' ) );
-
-		if ( did_action( 'init' ) ) { // In case the devs load it at the wrong place.
-			$this->load();
-		}
-	}
-
-	/**
-	 * Load everything up after init.
-	 *
-	 * @access public
-	 * @since 4.0.0
-	 */
-	public static function load() {
-		new ReduxTemplates\Templates();
-	}
+    /**
+     * Init constructor.
+     *
+     * @access public
+     */
+    public function __construct() {
+        global $pagenow;
+
+        if ( 'widgets.php' === $pagenow ) {
+            return;
+        }
+
+        require_once REDUXTEMPLATES_DIR_PATH . 'classes/class-templates.php';
+
+        add_action( 'init', array( $this, 'load' ) );
+
+        if ( did_action( 'init' ) ) { // In case the devs load it at the wrong place.
+            $this->load();
+        }
+    }
+
+    /**
+     * Load everything up after init.
+     *
+     * @access public
+     * @since 4.0.0
+     */
+    public static function load() {
+        new ReduxTemplates\Templates();
+    }
 }
 
 new Init();