✏️ Editing: class-redux-sorter.php

<?php
/**
 * Sorter Field
 *
 * @package     Redux Framework/Fields
 * @author      Dovy Paukstys & Kevin Provance (kprovance)
 * @version     4.0.0
 */

defined( 'ABSPATH' ) || exit;

if ( ! class_exists( 'Redux_Sorter', false ) ) {

/**
	 * Class Redux_Sorter
	 */
	class Redux_Sorter extends Redux_Field {

/**
		 * Replaced ID with slag.
		 *
		 * @param array $arr .
		 *
		 * @return array
		 */
		private function replace_id_with_slug( array $arr ): array {
			$new_arr = array();

if ( ! empty( $arr ) ) {
				foreach ( $arr as $id => $name ) {

if ( is_numeric( $id ) ) {
						$slug = Redux_Core::strtolower( $name );
						$slug = str_replace( ' ', '-', $slug );

$new_arr[ $slug ] = $name;
					} else {
						$new_arr[ $id ] = $name;
					}
				}
			}

return $new_arr;
		}

/**
		 * Check for empty value.
		 *
		 * @param mixed $val Value to check.
		 *
		 * @return bool
		 */
		private function is_value_empty( $val ): bool {
			if ( ! empty( $val ) ) {
				foreach ( $val as $arr ) {
					if ( ! empty( $arr ) ) {
						return false;
					}
				}
			}

return true;
		}

/**
		 * Field Render Function.
		 * Takes the vars and outputs the HTML for the field in the settings
		 *
		 * @since 1.0.0
		 */
		public function render() {
			if ( ! is_array( $this->value ) && isset( $this->field['options'] ) ) {
				$this->value = $this->field['options'];
			}

if ( ! isset( $this->field['args'] ) ) {
				$this->field['args'] = array();
			}

if ( isset( $this->field['data'] ) ) {
				$this->field['options'] = $this->parent->options_defaults[ $this->field['id'] ];
			}

$this->field['repeater_id'] = $this->field['repeater_id'] ?? '';

// Make sure to get list of all the default blocks first.
			$all_blocks = ! empty( $this->field['options'] ) ? $this->field['options'] : array();
			$temp       = array(); // holds default blocks.
			$temp2      = array(); // holds saved blocks.

foreach ( $all_blocks as $blocks ) {
				$temp = array_merge( $temp, $blocks );
			}

$temp = $this->replace_id_with_slug( $temp );

if ( $this->is_value_empty( $this->value ) ) {
				if ( ! empty( $this->field['options'] ) ) {
					$this->value = $this->field['options'];
				}
			}

$sortlists = $this->value;

if ( ! empty( $sortlists ) ) {
				foreach ( $sortlists as $section => $arr ) {
					$arr                     = $this->replace_id_with_slug( $arr );
					$sortlists[ $section ]   = $arr;
					$this->value[ $section ] = $arr;
				}
			}

if ( is_array( $sortlists ) ) {
				foreach ( $sortlists as $sortlist ) {
					$temp2 = array_merge( $temp2, $sortlist );
				}

// now let's compare if we have anything missing.
				foreach ( $temp as $k => $v ) {
					// k = id/slug.
					// v = name.
					if ( ! empty( $temp2 ) ) {
						if ( ! array_key_exists( $k, $temp2 ) ) {
							if ( isset( $sortlists['Disabled'] ) ) {
								$sortlists['Disabled'][ $k ] = $v;
							} else {
								$sortlists['disabled'][ $k ] = $v;
							}
						}
					}
				}

// now check if saved blocks has blocks not registered under default blocks.
				foreach ( $sortlists as $key => $sortlist ) {
					// key = enabled, disabled, backup.
					// sortlist = id => name.
					foreach ( $sortlist as $k => $v ) {
						// k = id.
						// v = name.
						if ( ! array_key_exists( $k, $temp ) ) {
							unset( $sortlist[ $k ] );
						}
					}
					$sortlists[ $key ] = $sortlist;
				}

// assuming all synced, now get the correct naming for each block.
				foreach ( $sortlists as $key => $sortlist ) {
					foreach ( $sortlist as $k => $v ) {
						$sortlist[ $k ] = $temp[ $k ];
					}
					$sortlists[ $key ] = $sortlist;
				}

if ( $sortlists ) {
					echo '<fieldset id="' . esc_attr( $this->field['id'] ) . '" class="redux-sorter-container redux-sorter ' . esc_attr( $this->field['class'] ) . '">';

foreach ( $sortlists as $group => $sortlist ) {
						$filled = '';

if ( isset( $this->field['limits'][ $group ] ) && count( $sortlist ) >= $this->field['limits'][ $group ] ) {
							$filled = ' filled';
						}

echo '<ul id="' . esc_attr( $this->field['id'] . '_' . $group ) . '" class="sortlist_' . esc_attr( $this->field['id'] . $filled ) . '" data-id="' . esc_attr( $this->field['id'] ) . '" data-repeater-id="' . esc_attr( $this->field['repeater_id'] ) . '" data-suffix="' . esc_attr( $this->field['name_suffix'] ) . '" data-group-id="' . esc_attr( $group ) . '">';
						echo '<h3>' . esc_html( $group ) . '</h3>';

if ( ! isset( $sortlist['placebo'] ) ) {
							$sortlist['placebo'] = 'placebo';
						}

foreach ( $sortlist as $key => $list ) {
							echo '<input
									class="sorter-placebo"
									type="hidden"
									name="' . esc_attr( $this->field['name'] ) . esc_attr( $this->field['name_suffix'] ) . '[' . esc_html( $group ) . '][placebo]"
									value="placebo">';

if ( 'placebo' !== $key ) {
								echo '<li id="sortee-' . esc_attr( $key ) . '" class="sortee" data-id="' . esc_attr( $key ) . '">';
								echo '<input class="position ' . esc_attr( $this->field['class'] ) . '" type="hidden" name="' . esc_attr( $this->field['name'] . $this->field['name_suffix'] . '[' . $group . '][' . $key . ']' ) . '" value="' . esc_attr( $list ) . '">';
								echo esc_html( $list );
								echo '</li>';
							}
						}

echo '</ul>';
					}

echo '</fieldset>';
				}
			}
		}

/**
		 * Enqueue scripts and styles.
		 */
		public function enqueue() {
			if ( $this->parent->args['dev_mode'] ) {
				wp_enqueue_style(
					'redux-field-sorter',
					Redux_Core::$url . 'inc/fields/sorter/redux-sorter.css',
					array(),
					$this->timestamp
				);
			}

wp_enqueue_script(
				'redux-field-sorter',
				Redux_Core::$url . 'inc/fields/sorter/redux-sorter' . Redux_Functions::is_min() . '.js',
				array( 'jquery', 'redux-js', 'jquery-ui-sortable' ),
				$this->timestamp,
				true
			);
		}

/**
		 * Functions to pass data from the PHP to the JS at render time.
		 *
		 * @param array  $field Field values.
		 * @param string $value Option values.
		 *
		 * @return array Params to be saved as a javascript object accessible to the UI.
		 * @since  Redux_Framework 3.1.5
		 */
		public function localize( array $field, string $value = '' ): array {
			$params = array();

if ( ! empty( $field['limits'] ) ) {
				$params['limits'] = $field['limits'];
			}

if ( empty( $value ) ) {
				$value = $this->value;
			}

$params['val'] = $value;

return $params;
		}
	}
}

class_alias( 'Redux_Sorter', 'ReduxFramework_Sorter' );

Sid Gifari From Gifari Industries - BD Cyber Security Team