X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/03f2fa83c13c1b532284205fa7efcab9b8b2c41f..4feeb71a9d812a9ae371c28a3d8b442a4394ded7:/wp-includes/customize/class-wp-customize-site-icon-control.php

diff --git a/wp-includes/customize/class-wp-customize-site-icon-control.php b/wp-includes/customize/class-wp-customize-site-icon-control.php
index fe8ac371..69dea75e 100644
--- a/wp-includes/customize/class-wp-customize-site-icon-control.php
+++ b/wp-includes/customize/class-wp-customize-site-icon-control.php
@@ -41,4 +41,69 @@ class WP_Customize_Site_Icon_Control extends WP_Customize_Cropped_Image_Control
 		parent::__construct( $manager, $id, $args );
 		add_action( 'customize_controls_print_styles', 'wp_site_icon', 99 );
 	}
+
+	/**
+	 * Renders a JS template for the content of the site icon control.
+	 *
+	 * @since 4.5.0
+	 * @access public
+	 */
+	public function content_template() {
+		?>
+		<label for="{{ data.settings['default'] }}-button">
+			<# if ( data.label ) { #>
+				<span class="customize-control-title">{{ data.label }}</span>
+			<# } #>
+			<# if ( data.description ) { #>
+				<span class="description customize-control-description">{{{ data.description }}}</span>
+			<# } #>
+		</label>
+
+		<# if ( data.attachment && data.attachment.id ) { #>
+		<# if ( data.attachment.sizes ) { #>
+		<div class="current">
+			<div class="container">
+				<div class="site-icon-preview">
+					<div class="favicon-preview">
+						<img src="<?php echo esc_url( admin_url( 'images/browser.png' ) ); ?>" class="browser-preview" width="182" alt="<?php esc_attr_e( 'Browser interface preview' ); ?>" />
+
+						<div class="favicon">
+							<img id="preview-favicon" src="{{ data.attachment.sizes.full.url }}" alt="<?php esc_attr_e( 'Preview as a browser icon' ); ?>"/>
+						</div>
+						<span class="browser-title"><?php bloginfo( 'name' ); ?></span>
+					</div>
+					<img class="app-icon-preview" src="{{ data.attachment.sizes.full.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>"/>
+				</div>
+			</div>
+		</div>
+		<# } #>
+		<div class="actions">
+			<# if ( data.canUpload ) { #>
+				<button type="button" class="button remove-button"><?php echo $this->button_labels['remove']; ?></button>
+				<button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['change']; ?></button>
+				<div style="clear:both"></div>
+			<# } #>
+		</div>
+		<# } else { #>
+		<div class="current">
+			<div class="container">
+				<div class="placeholder">
+					<div class="inner">
+						<span><?php echo $this->button_labels['placeholder']; ?></span>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="actions">
+			<# if ( data.defaultAttachment ) { #>
+				<button type="button" class="button default-button"><?php echo $this->button_labels['default']; ?></button>
+			<# } #>
+			<# if ( data.canUpload ) { #>
+				<button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['select']; ?></button>
+			<# } #>
+			<div style="clear:both"></div>
+		</div>
+		<# } #>
+		<?php
+	}
 }