acf-icon-picker-v5.php

<?php

if (!defined('ABSPATH')) {
	exit;
}

if (!class_exists('acf_field_icon_picker')) :

	class acf_field_custom_icon_picker extends acf_field
	{

		/**
		 * Stores the settings for the field
		 *
		 * @var array
		 */
		private array $settings = array();

		/**
		 * Stores the path suffix to the icons
		 *
		 * @var string
		 */
		private string $path_suffix;

		/**
		 * Stores the path to the icons
		 *
		 * @var string
		 */
		private string $path;

		/**
		 * Stores the url to the icons
		 *
		 * @var string
		 */
		private string $url;

		/**
		 * Stores the icons
		 *
		 * @var array
		 */
		private array $svgs = array();

		public function __construct($settings)
		{

			$this->name = 'icon-picker';

			$this->label = __('Icon Picker (custom)', 'acf-icon-picker');

			$this->category = 'advanced';

			$this->defaults = array(
				'initial_value' => '',
			);

			$this->l10n = array(
				'error' => __('Error!', 'acf-icon-picker'),
			);

			$this->settings      = $settings;
			$this->path_suffix   = apply_filters('acf_icon_path_suffix', 'assets/img/acf/');
			$this->path          = apply_filters('acf_icon_path', $this->settings['path']) . $this->path_suffix;
			$this->url           = apply_filters('acf_icon_url', $this->settings['url']) . $this->path_suffix;
			$priority_dir_lookup = get_stylesheet_directory() . '/' . $this->path_suffix;

			if (file_exists($priority_dir_lookup)) {
				$this->path = $priority_dir_lookup;
				$this->url  = get_stylesheet_directory_uri() . '/' . $this->path_suffix;
			}

			$files = array_diff(scandir($this->path), array('.', '..'));
			foreach ($files as $file) {
				if (pathinfo($file, PATHINFO_EXTENSION) == 'svg') {
					$exploded = explode('.', $file);
					$icon     = array(
						'name' => $exploded[0],
						'icon' => $file,
					);
					array_push($this->svgs, $icon);
				}
			}

			parent::__construct();
		}

		public function render_field($field)
		{
			$input_icon = "" != $field['value'] ? $field['value'] : $field['initial_value'];
			$svg        = $this->path . $input_icon . '.svg';
?>
			<div class="acf-icon-picker">
				<div class="acf-icon-picker__img">
					<?php
					if (file_exists($svg)) {
						$svg = $this->url . $input_icon . '.svg';
						echo '<div class="acf-icon-picker__svg">';
						echo '<img src="' . $svg . '" alt=""/>';
						echo '</div>';
					} else {
						echo '<div class="acf-icon-picker__svg">';
						echo '<span class="acf-icon-picker__svg--span">&plus;</span>';
						echo '</div>';
					}
					?>
					<input type="hidden" readonly name="<?php echo esc_attr($field['name']) ?>" value="<?php echo esc_attr($input_icon) ?>" />
				</div>
				<?php if (false == $field['required']) { ?>
					<span class="acf-icon-picker__remove">
						Remove
					</span>
				<?php } ?>
			</div>
<?php
		}

		public function input_admin_enqueue_scripts()
		{

			$url     = $this->settings['url'];
			$version = $this->settings['version'];

			wp_register_script('acf-input-icon-picker', "{$url}assets/js/input.js", array('acf-input'), $version);
			wp_enqueue_script('acf-input-icon-picker');

			wp_localize_script('acf-input-icon-picker', 'iv', array(
				'path'         => $this->url,
				'svgs'         => $this->svgs,
				'no_icons_msg' => sprintf(esc_html__('To add icons, add your svg files in the /%s folder in your theme.', 'acf-icon-picker'), $this->path_suffix),
			));

			wp_register_style('acf-input-icon-picker', "{$url}assets/css/input.css", array('acf-input'), $version);
			wp_enqueue_style('acf-input-icon-picker');
		}
	}
	new acf_field_custom_icon_picker($this->settings);

endif;

?>