+ public function enqueue() {
+ wp_enqueue_media();
+ wp_enqueue_script( 'customize-views' );
+
+ $this->prepare_control();
+
+ wp_localize_script( 'customize-views', '_wpCustomizeHeader', array(
+ 'data' => array(
+ 'width' => absint( get_theme_support( 'custom-header', 'width' ) ),
+ 'height' => absint( get_theme_support( 'custom-header', 'height' ) ),
+ 'flex-width' => absint( get_theme_support( 'custom-header', 'flex-width' ) ),
+ 'flex-height' => absint( get_theme_support( 'custom-header', 'flex-height' ) ),
+ 'currentImgSrc' => $this->get_current_image_src(),
+ ),
+ 'nonces' => array(
+ 'add' => wp_create_nonce( 'header-add' ),
+ 'remove' => wp_create_nonce( 'header-remove' ),
+ ),
+ 'uploads' => $this->uploaded_headers,
+ 'defaults' => $this->default_headers
+ ) );
+
+ parent::enqueue();
+ }
+
+ public function prepare_control() {
+ global $custom_image_header;
+ if ( empty( $custom_image_header ) ) {
+ return;
+ }
+
+ // Process default headers and uploaded headers.
+ $custom_image_header->process_default_headers();
+ $this->default_headers = $custom_image_header->get_default_header_images();
+ $this->uploaded_headers = $custom_image_header->get_uploaded_header_images();
+ }
+
+ public function print_header_image_template() {
+ ?>
+ <script type="text/template" id="tmpl-header-choice">
+ <# if (data.random) { #>
+ <button type="button" class="button display-options random">
+ <span class="dashicons dashicons-randomize dice"></span>
+ <# if ( data.type === 'uploaded' ) { #>
+ <?php _e( 'Randomize uploaded headers' ); ?>
+ <# } else if ( data.type === 'default' ) { #>
+ <?php _e( 'Randomize suggested headers' ); ?>
+ <# } #>
+ </button>
+
+ <# } else { #>
+
+ <# if (data.type === 'uploaded') { #>
+ <div class="dashicons dashicons-no close"></div>
+ <# } #>
+
+ <button type="button" class="choice thumbnail"
+ data-customize-image-value="{{{data.header.url}}}"
+ data-customize-header-image-data="{{JSON.stringify(data.header)}}">
+ <span class="screen-reader-text"><?php _e( 'Set image' ); ?></span>
+ <img src="{{{data.header.thumbnail_url}}}" alt="{{{data.header.alt_text || data.header.description}}}">
+ </button>
+
+ <# } #>
+ </script>
+
+ <script type="text/template" id="tmpl-header-current">
+ <# if (data.choice) { #>
+ <# if (data.random) { #>
+
+ <div class="placeholder">
+ <div class="inner">
+ <span><span class="dashicons dashicons-randomize dice"></span>
+ <# if ( data.type === 'uploaded' ) { #>
+ <?php _e( 'Randomizing uploaded headers' ); ?>
+ <# } else if ( data.type === 'default' ) { #>
+ <?php _e( 'Randomizing suggested headers' ); ?>
+ <# } #>
+ </span>
+ </div>
+ </div>
+
+ <# } else { #>