+
+ <script type="text/html" id="tmpl-audio-details">
+ <# var ext, html5types = {
+ mp3: wp.media.view.settings.embedMimes.mp3,
+ ogg: wp.media.view.settings.embedMimes.ogg
+ }; #>
+
+ <?php $audio_types = wp_get_audio_extensions(); ?>
+ <div class="media-embed media-embed-details">
+ <div class="embed-media-settings embed-audio-settings">
+ <?php wp_underscore_audio_template() ?>
+
+ <# if ( ! _.isEmpty( data.model.src ) ) {
+ ext = data.model.src.split('.').pop();
+ if ( html5types[ ext ] ) {
+ delete html5types[ ext ];
+ }
+ #>
+ <label class="setting">
+ <span>SRC</span>
+ <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
+ <button type="button" class="button-link remove-setting"><?php _e( 'Remove audio source' ); ?></button>
+ </label>
+ <# } #>
+ <?php
+
+ foreach ( $audio_types as $type ):
+ ?><# if ( ! _.isEmpty( data.model.<?php echo $type ?> ) ) {
+ if ( ! _.isUndefined( html5types.<?php echo $type ?> ) ) {
+ delete html5types.<?php echo $type ?>;
+ }
+ #>
+ <label class="setting">
+ <span><?php echo strtoupper( $type ) ?></span>
+ <input type="text" disabled="disabled" data-setting="<?php echo $type ?>" value="{{ data.model.<?php echo $type ?> }}" />
+ <button type="button" class="button-link remove-setting"><?php _e( 'Remove audio source' ); ?></button>
+ </label>
+ <# } #>
+ <?php endforeach ?>
+
+ <# if ( ! _.isEmpty( html5types ) ) { #>
+ <div class="setting">
+ <span><?php _e( 'Add alternate sources for maximum HTML5 playback:' ) ?></span>
+ <div class="button-large">
+ <# _.each( html5types, function (mime, type) { #>
+ <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
+ <# } ) #>
+ </div>
+ </div>
+ <# } #>
+
+ <div class="setting preload">
+ <span><?php _e( 'Preload' ); ?></span>
+ <div class="button-group button-large" data-setting="preload">
+ <button class="button" value="auto"><?php _ex( 'Auto', 'auto preload' ); ?></button>
+ <button class="button" value="metadata"><?php _e( 'Metadata' ); ?></button>
+ <button class="button active" value="none"><?php _e( 'None' ); ?></button>
+ </div>
+ </div>
+
+ <label class="setting checkbox-setting">
+ <input type="checkbox" data-setting="autoplay" />
+ <span><?php _e( 'Autoplay' ); ?></span>
+ </label>
+
+ <label class="setting checkbox-setting">
+ <input type="checkbox" data-setting="loop" />
+ <span><?php _e( 'Loop' ); ?></span>
+ </label>
+ </div>
+ </div>
+ </script>
+
+ <script type="text/html" id="tmpl-video-details">
+ <# var ext, html5types = {
+ mp4: wp.media.view.settings.embedMimes.mp4,
+ ogv: wp.media.view.settings.embedMimes.ogv,
+ webm: wp.media.view.settings.embedMimes.webm
+ }; #>
+
+ <?php $video_types = wp_get_video_extensions(); ?>
+ <div class="media-embed media-embed-details">
+ <div class="embed-media-settings embed-video-settings">
+ <div class="wp-video-holder">
+ <#
+ var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
+ h = ! data.model.height ? 360 : data.model.height;
+
+ if ( data.model.width && w !== data.model.width ) {
+ h = Math.ceil( ( h * w ) / data.model.width );
+ }
+ #>
+
+ <?php wp_underscore_video_template() ?>
+
+ <# if ( ! _.isEmpty( data.model.src ) ) {
+ ext = data.model.src.split('.').pop();
+ if ( html5types[ ext ] ) {
+ delete html5types[ ext ];
+ }
+ #>
+ <label class="setting">
+ <span>SRC</span>
+ <input type="text" disabled="disabled" data-setting="src" value="{{ data.model.src }}" />
+ <button type="button" class="button-link remove-setting"><?php _e( 'Remove video source' ); ?></button>
+ </label>
+ <# } #>
+ <?php foreach ( $video_types as $type ):
+ ?><# if ( ! _.isEmpty( data.model.<?php echo $type ?> ) ) {
+ if ( ! _.isUndefined( html5types.<?php echo $type ?> ) ) {
+ delete html5types.<?php echo $type ?>;
+ }
+ #>
+ <label class="setting">
+ <span><?php echo strtoupper( $type ) ?></span>
+ <input type="text" disabled="disabled" data-setting="<?php echo $type ?>" value="{{ data.model.<?php echo $type ?> }}" />
+ <button type="button" class="button-link remove-setting"><?php _e( 'Remove video source' ); ?></button>
+ </label>
+ <# } #>
+ <?php endforeach ?>
+ </div>
+
+ <# if ( ! _.isEmpty( html5types ) ) { #>
+ <div class="setting">
+ <span><?php _e( 'Add alternate sources for maximum HTML5 playback:' ); ?></span>
+ <div class="button-large">
+ <# _.each( html5types, function (mime, type) { #>
+ <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
+ <# } ) #>
+ </div>
+ </div>
+ <# } #>
+
+ <# if ( ! _.isEmpty( data.model.poster ) ) { #>
+ <label class="setting">
+ <span><?php _e( 'Poster Image' ); ?></span>
+ <input type="text" disabled="disabled" data-setting="poster" value="{{ data.model.poster }}" />
+ <button type="button" class="button-link remove-setting"><?php _e( 'Remove poster image' ); ?></button>
+ </label>
+ <# } #>
+ <div class="setting preload">
+ <span><?php _e( 'Preload' ); ?></span>
+ <div class="button-group button-large" data-setting="preload">
+ <button class="button" value="auto"><?php _ex( 'Auto', 'auto preload' ); ?></button>
+ <button class="button" value="metadata"><?php _e( 'Metadata' ); ?></button>
+ <button class="button active" value="none"><?php _e( 'None' ); ?></button>
+ </div>
+ </div>
+
+ <label class="setting checkbox-setting">
+ <input type="checkbox" data-setting="autoplay" />
+ <span><?php _e( 'Autoplay' ); ?></span>
+ </label>
+
+ <label class="setting checkbox-setting">
+ <input type="checkbox" data-setting="loop" />
+ <span><?php _e( 'Loop' ); ?></span>
+ </label>
+
+ <label class="setting" data-setting="content">
+ <span><?php _e( 'Tracks (subtitles, captions, descriptions, chapters, or metadata)' ); ?></span>
+ <#
+ var content = '';
+ if ( ! _.isEmpty( data.model.content ) ) {
+ var tracks = jQuery( data.model.content ).filter( 'track' );
+ _.each( tracks.toArray(), function (track) {
+ content += track.outerHTML; #>
+ <p>
+ <input class="content-track" type="text" value="{{ track.outerHTML }}" />
+ <button type="button" class="button-link remove-setting remove-track"><?php _ex( 'Remove video track', 'media' ); ?></button>
+ </p>
+ <# } ); #>
+ <# } else { #>
+ <em><?php _e( 'There are no associated subtitles.' ); ?></em>
+ <# } #>
+ <textarea class="hidden content-setting">{{ content }}</textarea>
+ </label>
+ </div>
+ </div>
+ </script>
+
+ <script type="text/html" id="tmpl-editor-gallery">
+ <# if ( data.attachments.length ) { #>
+ <div class="gallery gallery-columns-{{ data.columns }}">
+ <# _.each( data.attachments, function( attachment, index ) { #>
+ <dl class="gallery-item">
+ <dt class="gallery-icon">
+ <# if ( attachment.thumbnail ) { #>
+ <img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" />
+ <# } else { #>
+ <img src="{{ attachment.url }}" />
+ <# } #>
+ </dt>
+ <# if ( attachment.caption ) { #>
+ <dd class="wp-caption-text gallery-caption">
+ {{ attachment.caption }}
+ </dd>
+ <# } #>
+ </dl>
+ <# if ( index % data.columns === data.columns - 1 ) { #>
+ <br style="clear: both;">
+ <# } #>
+ <# } ); #>
+ </div>
+ <# } else { #>
+ <div class="wpview-error">
+ <div class="dashicons dashicons-format-gallery"></div><p><?php _e( 'No items found.' ); ?></p>
+ </div>
+ <# } #>
+ </script>
+
+ <script type="text/html" id="tmpl-crop-content">
+ <img class="crop-image" src="{{ data.url }}">
+ <div class="upload-errors"></div>
+ </script>
+
+ <script type="text/html" id="tmpl-site-icon-preview">
+ <h2><?php _e( 'Preview' ); ?></h2>
+ <strong><?php _e( 'As a browser icon' ); ?></strong>
+ <div class="favicon-preview">
+ <img src="images/browser.png" class="browser-preview" width="182" height="" alt=""/>
+
+ <div class="favicon">
+ <img id="preview-favicon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as a browser icon' ); ?>"/>
+ </div>
+ <span class="browser-title"><?php bloginfo( 'name' ); ?></span>
+ </div>
+
+ <strong><?php _e( 'As an app icon' ); ?></strong>
+ <div class="app-icon-preview">
+ <img id="preview-app-icon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>"/>
+ </div>
+ </script>
+