<?php

/**

 * Widget API: WP_Widget_Media_Gallery class

 *

 * @package WordPress

 * @subpackage Widgets

 * @since 4.9.0

 */

/**

 * Core class that implements a gallery widget.

 *

 * @since 4.9.0

 *

 * @see WP_Widget_Media

 * @see WP_Widget

 */

class WP_Widget_Media_Gallery extends WP_Widget_Media {

	/**

	 * Constructor.

	 *

	 * @since 4.9.0

	 */

	public function __construct() {

		parent::__construct(

			'media_gallery',

			__( 'Gallery' ),

			array(

				'description' => __( 'Displays an image gallery.' ),

				'mime_type'   => 'image',

			)

		);

		$this->l10n = array_merge(

			$this->l10n,

			array(

				'no_media_selected' => __( 'No images selected' ),

				'add_media'         => _x( 'Add Images', 'label for button in the gallery widget; should not be longer than ~13 characters long' ),

				'replace_media'     => '',

				'edit_media'        => _x( 'Edit Gallery', 'label for button in the gallery widget; should not be longer than ~13 characters long' ),

			)

		);

	}

	/**

	 * Get schema for properties of a widget instance (item).

	 *

	 * @since 4.9.0

	 *

	 * @see WP_REST_Controller::get_item_schema()

	 * @see WP_REST_Controller::get_additional_fields()

	 * @link https://core.trac.wordpress.org/ticket/35574

	 *

	 * @return array Schema for properties.

	 */

	public function get_instance_schema() {

		$schema = array(

			'title'          => array(

				'type'                  => 'string',

				'default'               => '',

				'sanitize_callback'     => 'sanitize_text_field',

				'description'           => __( 'Title for the widget' ),

				'should_preview_update' => false,

			),

			'ids'            => array(

				'type'              => 'array',

				'items'             => array(

					'type' => 'integer',

				),

				'default'           => array(),

				'sanitize_callback' => 'wp_parse_id_list',

			),

			'columns'        => array(

				'type'    => 'integer',

				'default' => 3,

				'minimum' => 1,

				'maximum' => 9,

			),

			'size'           => array(

				'type'    => 'string',

				'enum'    => array_merge( get_intermediate_image_sizes(), array( 'full', 'custom' ) ),

				'default' => 'thumbnail',

			),

			'link_type'      => array(

				'type'                  => 'string',

				'enum'                  => array( 'post', 'file', 'none' ),

				'default'               => 'post',

				'media_prop'            => 'link',

				'should_preview_update' => false,

			),

			'orderby_random' => array(

				'type'                  => 'boolean',

				'default'               => false,

				'media_prop'            => '_orderbyRandom',

				'should_preview_update' => false,

			),

		);

		/** This filter is documented in wp-includes/widgets/class-wp-widget-media.php */

		$schema = apply_filters( "widget_{$this->id_base}_instance_schema", $schema, $this );

		return $schema;

	}

	/**

	 * Render the media on the frontend.

	 *

	 * @since 4.9.0

	 *

	 * @param array $instance Widget instance props.

	 */

	public function render_media( $instance ) {

		$instance = array_merge( wp_list_pluck( $this->get_instance_schema(), 'default' ), $instance );

		$shortcode_atts = array_merge(

			$instance,

			array(

				'link' => $instance['link_type'],

			)

		);

		// @codeCoverageIgnoreStart

		if ( $instance['orderby_random'] ) {

			$shortcode_atts['orderby'] = 'rand';

		}

		// @codeCoverageIgnoreEnd

		echo gallery_shortcode( $shortcode_atts );

	}

	/**

	 * Loads the required media files for the media manager and scripts for media widgets.

	 *

	 * @since 4.9.0

	 */

	public function enqueue_admin_scripts() {

		parent::enqueue_admin_scripts();

		$handle = 'media-gallery-widget';

		wp_enqueue_script( $handle );

		$exported_schema = array();

		foreach ( $this->get_instance_schema() as $field => $field_schema ) {

			$exported_schema[ $field ] = wp_array_slice_assoc( $field_schema, array( 'type', 'default', 'enum', 'minimum', 'format', 'media_prop', 'should_preview_update', 'items' ) );

		}

		wp_add_inline_script(

			$handle,

			sprintf(

				'wp.mediaWidgets.modelConstructors[ %s ].prototype.schema = %s;',

				wp_json_encode( $this->id_base ),

				wp_json_encode( $exported_schema )

			)

		);

		wp_add_inline_script(

			$handle,

			sprintf(

				'

					wp.mediaWidgets.controlConstructors[ %1$s ].prototype.mime_type = %2$s;

					_.extend( wp.mediaWidgets.controlConstructors[ %1$s ].prototype.l10n, %3$s );

				',

				wp_json_encode( $this->id_base ),

				wp_json_encode( $this->widget_options['mime_type'] ),

				wp_json_encode( $this->l10n )

			)

		);

	}

	/**

	 * Render form template scripts.

	 *

	 * @since 4.9.0

	 */

	public function render_control_template_scripts() {

		parent::render_control_template_scripts();

		?>

		<script type="text/html" id="tmpl-wp-media-widget-gallery-preview">

			<#

			var ids = _.filter( data.ids, function( id ) {

				return ( id in data.attachments );

			} );

			#>

			<# if ( ids.length ) { #>

				<ul class="gallery media-widget-gallery-preview" role="list">

					<# _.each( ids, function( id, index ) { #>

						<# var attachment = data.attachments[ id ]; #>

						<# if ( index < 6 ) { #>

							<li class="gallery-item">

								<div class="gallery-icon">

									<img alt="{{ attachment.alt }}"

										<# if ( index === 5 && data.ids.length > 6 ) { #> aria-hidden="true" <# } #>

										<# if ( attachment.sizes.thumbnail ) { #>

											src="{{ attachment.sizes.thumbnail.url }}" width="{{ attachment.sizes.thumbnail.width }}" height="{{ attachment.sizes.thumbnail.height }}"

										<# } else { #>

											src="{{ attachment.url }}"

										<# } #>

										<# if ( ! attachment.alt && attachment.filename ) { #>

											aria-label="

											<?php

											echo esc_attr(

												sprintf(

													/* translators: %s: The image file name. */

													__( 'The current image has no alternative text. The file name is: %s' ),

													'{{ attachment.filename }}'

												)

											);

											?>

											"

										<# } #>

									/>

									<# if ( index === 5 && data.ids.length > 6 ) { #>

									<div class="gallery-icon-placeholder">

										<p class="gallery-icon-placeholder-text" aria-label="

										<?php

											printf(

												/* translators: %s: The amount of additional, not visible images in the gallery widget preview. */

												__( 'Additional images added to this gallery: %s' ),

												'{{ data.ids.length - 5 }}'

											);

										?>

										">+{{ data.ids.length - 5 }}</p>

									</div>

									<# } #>

								</div>

							</li>

						<# } #>

					<# } ); #>

				</ul>

			<# } else { #>

				<div class="attachment-media-view">

					<button type="button" class="placeholder button-add-media"><?php echo esc_html( $this->l10n['add_media'] ); ?></button>

				</div>

			<# } #>

		</script>

		<?php

	}

	/**

	 * Whether the widget has content to show.

	 *

	 * @since 4.9.0

	 * @access protected

	 *

	 * @param array $instance Widget instance props.

	 * @return bool Whether widget has content.

	 */

	protected function has_content( $instance ) {

		if ( ! empty( $instance['ids'] ) ) {

			$attachments = wp_parse_id_list( $instance['ids'] );

			foreach ( $attachments as $attachment ) {

				if ( 'attachment' !== get_post_type( $attachment ) ) {

					return false;

				}

			}

			return true;

		}

		return false;

	}

}