Ticket #43151: 43151.4.diff
| File 43151.4.diff, 37.2 KB (added by , 6 years ago) |
|---|
-
src/wp-admin/css/customize-controls.css
1379 1379 } 1380 1380 1381 1381 .customize-control .attachment-media-view .placeholder, 1382 .customize-control .attachment-media-view .button-add-media, 1382 1383 .customize-control-header .placeholder { 1383 1384 width: 100%; 1384 1385 position: relative; … … 1390 1391 line-height: 20px; 1391 1392 } 1392 1393 1394 .customize-control .attachment-media-view .button-add-media { 1395 cursor: pointer; 1396 background-color: #edeff0; 1397 color: #32373c; 1398 } 1399 1400 .customize-control .attachment-media-view .button-add-media:hover { 1401 background-color: #fbfbfc; 1402 } 1403 1404 .customize-control .attachment-media-view .button-add-media:focus { 1405 background-color: #fbfbfc; 1406 border-style: solid; 1407 border-color: #5b9dd9; 1408 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); 1409 /* Only visible in Windows High Contrast mode */ 1410 outline: 2px solid transparent; 1411 outline-offset: -2px; 1412 } 1413 1393 1414 .customize-control-header .inner { 1394 1415 display: none; 1395 1416 position: absolute; -
src/wp-admin/css/widgets.css
84 84 margin-right: 8px; 85 85 } 86 86 87 .media-widget-control .attachment-media-view .button-add-media, 87 88 .media-widget-control .placeholder { 88 89 border: 1px dashed #b4b9be; 89 90 box-sizing: border-box; … … 95 96 width: 100%; 96 97 } 97 98 99 .media-widget-control .attachment-media-view .button-add-media { 100 cursor: pointer; 101 background-color: #edeff0; 102 color: #32373c; 103 } 104 105 .media-widget-control .attachment-media-view .button-add-media:hover { 106 background-color: #fbfbfc; 107 } 108 109 .media-widget-control .attachment-media-view .button-add-media:focus { 110 background-color: #fbfbfc; 111 border-style: solid; 112 border-color: #5b9dd9; 113 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); 114 /* Only visible in Windows High Contrast mode */ 115 outline: 2px solid transparent; 116 outline-offset: -2px; 117 } 118 98 119 .media-widget-control .media-widget-preview { 99 120 background: transparent; 100 121 text-align: center; -
src/wp-includes/customize/class-wp-customize-media-control.php
132 132 public function content_template() { 133 133 ?> 134 134 <# 135 var selectButtonId = _.uniqueId( 'customize-media-control-button-' );136 135 var descriptionId = _.uniqueId( 'customize-media-control-description-' ); 137 136 var describedByAttr = data.description ? ' aria-describedby="' + descriptionId + '" ' : ''; 138 137 #> 139 138 <# if ( data.label ) { #> 140 < label class="customize-control-title" for="{{ selectButtonId }}">{{ data.label }}</label>139 <span class="customize-control-title">{{ data.label }}</span> 141 140 <# } #> 142 141 <div class="customize-control-notifications-container"></div> 143 142 <# if ( data.description ) { #> … … 182 181 <div class="actions"> 183 182 <# if ( data.canUpload ) { #> 184 183 <button type="button" class="button remove-button">{{ data.button_labels.remove }}</button> 185 <button type="button" class="button upload-button control-focus" id="{{ selectButtonId }}"{{{ describedByAttr }}}>{{ data.button_labels.change }}</button>184 <button type="button" class="button upload-button control-focus" {{{ describedByAttr }}}>{{ data.button_labels.change }}</button> 186 185 <# } #> 187 186 </div> 188 187 </div> 189 188 <# } else { #> 190 189 <div class="attachment-media-view"> 191 < div class="placeholder">192 {{ data.button_labels.placeholder }}193 < /div>190 <# if ( data.canUpload ) { #> 191 <button type="button" class="upload-button button-add-media" {{{ describedByAttr }}}>{{ data.button_labels.select }}</button> 192 <# } #> 194 193 <div class="actions"> 195 194 <# if ( data.defaultAttachment ) { #> 196 195 <button type="button" class="button default-button">{{ data.button_labels['default'] }}</button> 197 196 <# } #> 198 <# if ( data.canUpload ) { #>199 <button type="button" class="button upload-button" id="{{ selectButtonId }}" {{{ describedByAttr }}}>{{ data.button_labels.select }}</button>200 <# } #>201 197 </div> 202 198 </div> 203 199 <# } #> … … 241 237 case 'image': 242 238 return array( 243 239 'select' => __( 'Select image' ), 240 'site_icon' => __( 'Select site icon' ), 244 241 'change' => __( 'Change image' ), 245 242 'default' => __( 'Default' ), 246 243 'remove' => __( 'Remove' ), -
src/wp-includes/customize/class-wp-customize-site-icon-control.php
47 47 */ 48 48 public function content_template() { 49 49 ?> 50 <label for="{{ data.settings['default'] }}-button"> 51 <# if ( data.label ) { #> 52 <span class="customize-control-title">{{ data.label }}</span> 53 <# } #> 54 <# if ( data.description ) { #> 55 <span class="description customize-control-description">{{{ data.description }}}</span> 56 <# } #> 57 </label> 50 <# if ( data.label ) { #> 51 <span class="customize-control-title">{{ data.label }}</span> 52 <# } #> 53 <# if ( data.description ) { #> 54 <span class="description customize-control-description">{{{ data.description }}}</span> 55 <# } #> 58 56 59 57 <# if ( data.attachment && data.attachment.id ) { #> 60 58 <div class="attachment-media-view"> … … 74 72 <div class="actions"> 75 73 <# if ( data.canUpload ) { #> 76 74 <button type="button" class="button remove-button"><?php echo $this->button_labels['remove']; ?></button> 77 <button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['change']; ?></button>75 <button type="button" class="button upload-button"><?php echo $this->button_labels['change']; ?></button> 78 76 <# } #> 79 77 </div> 80 78 </div> 81 79 <# } else { #> 82 80 <div class="attachment-media-view"> 83 < div class="placeholder">84 < ?php echo $this->button_labels['placeholder']; ?>85 < /div>81 <# if ( data.canUpload ) { #> 82 <button type="button" class="upload-button button-add-media"><?php echo $this->button_labels['site_icon']; ?></button> 83 <# } #> 86 84 <div class="actions"> 87 85 <# if ( data.defaultAttachment ) { #> 88 86 <button type="button" class="button default-button"><?php echo $this->button_labels['default']; ?></button> 89 87 <# } #> 90 <# if ( data.canUpload ) { #>91 <button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button"><?php echo $this->button_labels['select']; ?></button>92 <# } #>93 88 </div> 94 89 </div> 95 90 <# } #> -
src/wp-includes/widgets/class-wp-widget-media-gallery.php
228 228 </ul> 229 229 <# } else { #> 230 230 <div class="attachment-media-view"> 231 < p class="placeholder"><?php echo esc_html( $this->l10n['no_media_selected'] ); ?></p>231 <button type="button" class="placeholder button-add-media"><?php echo esc_html( $this->l10n['add_media'] ); ?></button> 232 232 </div> 233 233 <# } #> 234 234 </script> -
src/wp-includes/widgets/class-wp-widget-media.php
411 411 </p> 412 412 <div class="media-widget-preview <?php echo esc_attr( $this->id_base ); ?>"> 413 413 <div class="attachment-media-view"> 414 <div class="placeholder"><?php echo esc_html( $this->l10n['no_media_selected'] ); ?></div> 414 <button type="button" class="select-media button-add-media not-selected"> 415 <?php echo esc_html( $this->l10n['add_media'] ); ?> 416 </button> 415 417 </div> 416 418 </div> 417 419 <p class="media-widget-buttons"> … … 423 425 <?php echo esc_html( $this->l10n['replace_media'] ); ?> 424 426 </button> 425 427 <?php endif; ?> 426 <button type="button" class="button select-media not-selected">427 <?php echo esc_html( $this->l10n['add_media'] ); ?>428 </button>429 428 </p> 430 429 <div class="media-widget-fields"> 431 430 </div> -
tests/qunit/index.html
45 45 <script src="../../build/wp-includes/js/mediaelement/mediaelement-and-player.min.js"></script> 46 46 <script src="../../build/wp-includes/js/mediaelement/wp-mediaelement.js"></script> 47 47 <script> 48 window._wpMediaViewsL10n = {"url":"URL","addMedia":"Add Media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload Files","uploadImagesTitle":"Upload Images","mediaLibraryTitle":"Media Library","insertMediaTitle":" Insert Media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Return to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item.\nThis will remove it from your site.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items.\nThis will remove them from your site.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n 'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk Select","cancelSelection":"Cancel Selection","trashSelected":"Trash Selected","untrashSelected":"Untrash Selected","deleteSelected":"Delete Selected","deletePermanently":"Delete Permanently","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchMediaLabel":"Search Media","searchMediaPlaceholder":"Search media items...","noMedia":"No media files found.","attachmentDetails":"Attachment Details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured Image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create Gallery","editGalleryTitle":"Edit Gallery","cancelGalleryTitle":"\u2190 Cancel Gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to Gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image Details","imageReplaceTitle":"Replace Image","imageDetailsCancel":"Cancel Edit","editImage":"Edit Image","chooseImage":"Choose Image","selectAndCrop":"Select and Crop","skipCropping":"Skip Cropping","cropImage":"Crop Image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions:","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio Details","audioReplaceTitle":"Replace Audio","audioAddSourceTitle":"Add Audio Source","audioDetailsCancel":"Cancel Edit","videoDetailsTitle":"Video Details","videoReplaceTitle":"Replace Video","videoAddSourceTitle":"Add Video Source","videoDetailsCancel":"Cancel Edit","videoSelectPosterImageTitle":"Select Poster Image","videoAddTrackTitle":"Add Subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create Audio Playlist","editPlaylistTitle":"Edit Audio Playlist","cancelPlaylistTitle":"\u2190 Cancel Audio Playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create Video Playlist","editVideoPlaylistTitle":"Edit Video Playlist","cancelVideoPlaylistTitle":"\u2190 Cancel Video Playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to Video Playlist","settings":{"tabs":[],"tabUrl":"http:\/\/src.wordpress-develop.dev\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video"},"captions":true,"nonce":{"sendToEditor":"9585d11de6"},"post":{"id":0},"defaultProps":{"link":"none","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"embedExts":["mp3","ogg","wma","m4a","wav","mp4","m4v","webm","ogv","wmv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","wma":"audio\/x-ms-wma","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","wmv":"video\/x-ms-wmv","flv":"video\/x-flv"},"contentWidth":525,"months":[{"year":"2017","month":"4","text":"April 2017"}],"mediaTrash":0}};48 window._wpMediaViewsL10n = {"url":"URL","addMedia":"Add Media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload Files","uploadImagesTitle":"Upload Images","mediaLibraryTitle":"Media Library","insertMediaTitle":"Add Media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Return to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","mine":"Mine","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n 'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk Select","cancelSelection":"Cancel Selection","trashSelected":"Trash Selected","untrashSelected":"Untrash Selected","deleteSelected":"Delete Selected","deletePermanently":"Delete Permanently","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchMediaLabel":"Search Media","searchMediaPlaceholder":"Search media items...","noMedia":"No media files found.","attachmentDetails":"Attachment Details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured Image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create Gallery","editGalleryTitle":"Edit Gallery","cancelGalleryTitle":"\u2190 Cancel Gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to Gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image Details","imageReplaceTitle":"Replace Image","imageDetailsCancel":"Cancel Edit","editImage":"Edit Image","chooseImage":"Choose Image","selectAndCrop":"Select and Crop","skipCropping":"Skip Cropping","cropImage":"Crop Image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions: %1$s by %2$s pixels.","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio Details","audioReplaceTitle":"Replace Audio","audioAddSourceTitle":"Add Audio Source","audioDetailsCancel":"Cancel Edit","videoDetailsTitle":"Video Details","videoReplaceTitle":"Replace Video","videoAddSourceTitle":"Add Video Source","videoDetailsCancel":"Cancel Edit","videoSelectPosterImageTitle":"Select Poster Image","videoAddTrackTitle":"Add Subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create Audio Playlist","editPlaylistTitle":"Edit Audio Playlist","cancelPlaylistTitle":"\u2190 Cancel Audio Playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create Video Playlist","editVideoPlaylistTitle":"Edit Video Playlist","cancelVideoPlaylistTitle":"\u2190 Cancel Video Playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to Video Playlist","settings":{"tabs":[],"tabUrl":"http:\/\/src.wordpress-develop.test\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video"},"captions":true,"nonce":{"sendToEditor":"68dd6db760"},"post":{"id":0},"defaultProps":{"link":"none","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"oEmbedProxyUrl":"http:\/\/src.wordpress-develop.test\/wp-json\/oembed\/1.0\/proxy","embedExts":["mp3","ogg","flac","m4a","wav","mp4","m4v","webm","ogv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","flac":"audio\/flac","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","flv":"video\/x-flv"},"contentWidth":640,"months":[{"year":"2018","month":"11","text":"November 2018"},{"year":"2018","month":"10","text":"October 2018"},{"year":"2018","month":"7","text":"July 2018"},{"year":"2014","month":"1","text":"January 2014"},{"year":"2013","month":"12","text":"December 2013"},{"year":"2013","month":"9","text":"September 2013"},{"year":"2013","month":"4","text":"April 2013"},{"year":"2013","month":"3","text":"March 2013"},{"year":"2012","month":"7","text":"July 2012"},{"year":"2012","month":"6","text":"June 2012"},{"year":"2011","month":"7","text":"July 2011"},{"year":"2011","month":"1","text":"January 2011"}],"mediaTrash":0}}; 49 49 </script> 50 50 <script src="../../build/wp-includes/js/media-views.js"></script> 51 51 <script src="../../build/wp-includes/js/media-editor.js"></script> … … 588 588 </div><!-- #available-widgets --> 589 589 </div><!-- #widgets-left --> 590 590 591 591 <script type="text/html" id="tmpl-widget-media-media_image-control"> 592 592 <# var elementIdPrefix = 'el' + String( Math.random() ) + '_' #> 593 593 <p> 594 594 <label for="{{ elementIdPrefix }}title">Title:</label> 595 595 <input id="{{ elementIdPrefix }}title" type="text" class="widefat title"> 596 596 </p> 597 <div class="media-widget-preview ">597 <div class="media-widget-preview media_image"> 598 598 <div class="attachment-media-view"> 599 <div class="placeholder">No image selected</div> 599 <button type="button" class="select-media button-add-media not-selected"> 600 Add Image </button> 600 601 </div> 601 602 </div> 602 603 <p class="media-widget-buttons"> 603 604 <button type="button" class="button edit-media selected"> 604 605 Edit Image </button> 605 <button type="button" class="button change-media select-media selected">606 <button type="button" class="button change-media select-media selected"> 606 607 Replace Image </button> 607 <button type="button" class="button select-media not-selected">608 Add Image </button>609 </ p>608 </p> 609 <div class="media-widget-fields"> 610 </div> 610 611 </script> 611 <script type="text/html" id="tmpl-wp-media-widget-image-preview"> 612 <# 613 var describedById = 'describedBy-' + String( Math.random() ); 614 #> 612 613 <script type="text/html" id="tmpl-wp-media-widget-image-preview"> 615 614 <# if ( data.error && 'missing_attachment' === data.error ) { #> 616 615 <div class="notice notice-error notice-alt notice-missing-attachment"> 617 <p>We can’t find that image. Check your <a href="http://src.wordpress-develop. dev/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p>616 <p>We can’t find that image. Check your <a href="http://src.wordpress-develop.test/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p> 618 617 </div> 619 618 <# } else if ( data.error ) { #> 620 619 <div class="notice notice-error notice-alt"> … … 621 620 <p>Unable to preview media due to an unknown error.</p> 622 621 </div> 623 622 <# } else if ( data.url ) { #> 624 <img class="attachment-thumb" src="{{ data.url }}" draggable="false" alt="{{ data.alt }}" <# if ( ! data.alt && data.currentFilename ) { #> aria-describedby="{{ describedById }}" <# } #> /> 625 <# if ( ! data.alt && data.currentFilename ) { #> 626 <p class="hidden" id="{{ describedById }}">Current image: {{ data.currentFilename }}</p> 627 <# } #> 623 <img class="attachment-thumb" src="{{ data.url }}" draggable="false" alt="{{ data.alt }}" 624 <# if ( ! data.alt && data.currentFilename ) { #> 625 aria-label=" 626 The current image has no alternative text. The file name is: {{ data.currentFilename }} " 627 <# } #> 628 /> 628 629 <# } #> 629 630 </script> 630 <script type="text/html" id="tmpl-widget-media-media_video-control"> 631 632 <script type="text/html" id="tmpl-widget-media-media_video-control"> 631 633 <# var elementIdPrefix = 'el' + String( Math.random() ) + '_' #> 632 634 <p> 633 635 <label for="{{ elementIdPrefix }}title">Title:</label> 634 636 <input id="{{ elementIdPrefix }}title" type="text" class="widefat title"> 635 637 </p> 636 <div class="media-widget-preview ">638 <div class="media-widget-preview media_video"> 637 639 <div class="attachment-media-view"> 638 <div class="placeholder">No video selected</div> 640 <button type="button" class="select-media button-add-media not-selected"> 641 Add Video </button> 639 642 </div> 640 643 </div> 641 644 <p class="media-widget-buttons"> 642 645 <button type="button" class="button edit-media selected"> 643 646 Edit Video </button> 644 <button type="button" class="button change-media select-media selected">647 <button type="button" class="button change-media select-media selected"> 645 648 Replace Video </button> 646 <button type="button" class="button select-media not-selected">647 Add Video </button>648 </ p>649 </p> 650 <div class="media-widget-fields"> 651 </div> 649 652 </script> 650 <script type="text/html" id="tmpl-wp-media-widget-video-preview"> 653 654 <script type="text/html" id="tmpl-wp-media-widget-video-preview"> 651 655 <# if ( data.error && 'missing_attachment' === data.error ) { #> 652 656 <div class="notice notice-error notice-alt notice-missing-attachment"> 653 <p>We can’t find that video. Check your <a href="http://src.wordpress-develop. dev/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p>657 <p>We can’t find that video. Check your <a href="http://src.wordpress-develop.test/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p> 654 658 </div> 655 659 <# } else if ( data.error && 'unsupported_file_type' === data.error ) { #> 656 660 <div class="notice notice-error notice-alt notice-missing-attachment"> 657 <p>Sorry, we can’t display the video file type selected. Please select a supported video file (<code>.mp4</code>, <code>.m4v</code>, <code>.webm</code>, <code>.ogv</code>, <code>.wmv</code>, <code>.flv</code>) or stream (YouTube or Vimeo) instead.</p>661 <p>Sorry, we can’t load the video at the supplied URL. Please check that the URL is for a supported video file (<code>.mp4</code>, <code>.m4v</code>, <code>.webm</code>, <code>.ogv</code>, <code>.flv</code>) or stream (e.g. YouTube and Vimeo).</p> 658 662 </div> 659 663 <# } else if ( data.error ) { #> 660 664 <div class="notice notice-error notice-alt"> 661 665 <p>Unable to preview media due to an unknown error.</p> 662 666 </div> 663 <# } else if ( data.is_ hosted_embed && data.model.poster ) { #>667 <# } else if ( data.is_oembed && data.model.poster ) { #> 664 668 <a href="{{ data.model.src }}" target="_blank" class="media-widget-video-link"> 665 669 <img src="{{ data.model.poster }}" /> 666 670 </a> 667 <# } else if ( data.is_ hosted_embed ) { #>671 <# } else if ( data.is_oembed ) { #> 668 672 <a href="{{ data.model.src }}" target="_blank" class="media-widget-video-link no-poster"> 669 673 <span class="dashicons dashicons-format-video"></span> 670 674 </a> … … 688 692 h = Math.ceil( ( data.model.height * w ) / data.model.width ); 689 693 } else { 690 694 h = data.model.height; 691 695 } 692 696 693 697 if ( w ) { 694 698 w_rule = 'width: ' + w + 'px; '; … … 708 712 class="wp-video-shortcode {{ classes.join( ' ' ) }}" 709 713 <# if ( w ) { #>width="{{ w }}"<# } #> 710 714 <# if ( h ) { #>height="{{ h }}"<# } #> 711 <#715 <# 712 716 if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { 713 717 #> poster="{{ data.model.poster }}"<# 714 718 } #> 715 preload="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"<# 716 if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { 719 preload ="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}" 720 <# 721 if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { 717 722 #> autoplay<# 718 723 } 719 724 if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { 720 725 #> loop<# 721 726 } 722 727 #> … … 731 736 <# } 732 737 } #> 733 738 734 <# if ( data.model.mp4 ) { #>739 <# if ( data.model.mp4 ) { #> 735 740 <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" /> 736 741 <# } #> 737 <# if ( data.model.m4v ) { #>742 <# if ( data.model.m4v ) { #> 738 743 <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" /> 739 744 <# } #> 740 <# if ( data.model.webm ) { #>745 <# if ( data.model.webm ) { #> 741 746 <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" /> 742 747 <# } #> 743 <# if ( data.model.ogv ) { #>748 <# if ( data.model.ogv ) { #> 744 749 <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" /> 745 750 <# } #> 746 <# if ( data.model.wmv ) { #> 747 <source src="{{ data.model.wmv }}" type="{{ settings.embedMimes[ 'wmv' ] }}" /> 748 <# } #> 749 <# if ( data.model.flv ) { #> 751 <# if ( data.model.flv ) { #> 750 752 <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" /> 751 753 <# } #> 752 754 {{{ data.model.content }}} 753 755 </video> 754 756 </div> 755 <# } #>757 <# } #> 756 758 </script> 757 <script type="text/html" id="tmpl-widget-media-media_audio-control"> 758 <# var elementIdPrefix = 'el' + String( Math.random() ) + '_' #> 759 <p> 760 <label for="{{ elementIdPrefix }}title">Title:</label> 761 <input id="{{ elementIdPrefix }}title" type="text" class="widefat title"> 762 </p> 763 <div class="media-widget-preview"> 764 <div class="attachment-media-view"> 765 <div class="placeholder">No audio selected</div> 766 </div> 759 760 <script type="text/html" id="tmpl-widget-media-media_audio-control"> 761 <# var elementIdPrefix = 'el' + String( Math.random() ) + '_' #> 762 <p> 763 <label for="{{ elementIdPrefix }}title">Title:</label> 764 <input id="{{ elementIdPrefix }}title" type="text" class="widefat title"> 765 </p> 766 <div class="media-widget-preview media_audio"> 767 <div class="attachment-media-view"> 768 <button type="button" class="select-media button-add-media not-selected"> 769 Add Audio </button> 767 770 </div> 768 <p class="media-widget-buttons"> 769 <button type="button" class="button edit-media selected"> 770 Edit Audio </button> 771 <button type="button" class="button change-media select-media selected"> 772 Replace Audio </button> 773 <button type="button" class="button select-media not-selected"> 774 Add Audio </button> 775 </p> 776 </script> 777 <script type="text/html" id="tmpl-wp-media-widget-audio-preview"> 778 <# if ( data.error && 'missing_attachment' === data.error ) { #> 779 <div class="notice notice-error notice-alt notice-missing-attachment"> 780 <p>We can’t find that audio file. Check your <a href="http://src.wordpress-develop.dev/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p> 781 </div> 782 <# } else if ( data.error ) { #> 783 <div class="notice notice-error notice-alt"> 784 <p>Unable to preview media due to an unknown error.</p> 785 </div> 786 <# } else if ( data.model && data.model.src ) { #> 787 <audio style="visibility: hidden" 788 controls 789 class="wp-audio-shortcode" 790 width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" 791 preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" 792 <# 793 if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { 794 #> autoplay<# 795 } 796 if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { 797 #> loop<# 798 } 799 #> 800 > 801 <# if ( ! _.isEmpty( data.model.src ) ) { #> 802 <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> 803 <# } #> 771 </div> 772 <p class="media-widget-buttons"> 773 <button type="button" class="button edit-media selected"> 774 Edit Audio </button> 775 <button type="button" class="button change-media select-media selected"> 776 Replace Audio </button> 777 </p> 778 <div class="media-widget-fields"> 779 </div> 780 </script> 804 781 805 <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> 806 <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> 807 <# } #> 808 <# if ( ! _.isEmpty( data.model.ogg ) ) { #> 809 <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> 810 <# } #> 811 <# if ( ! _.isEmpty( data.model.wma ) ) { #> 812 <source src="{{ data.model.wma }}" type="{{ wp.media.view.settings.embedMimes[ 'wma' ] }}" /> 813 <# } #> 814 <# if ( ! _.isEmpty( data.model.m4a ) ) { #> 815 <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> 816 <# } #> 817 <# if ( ! _.isEmpty( data.model.wav ) ) { #> 818 <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> 819 <# } #> 820 </audio> 782 <script type="text/html" id="tmpl-wp-media-widget-audio-preview"> 783 <# if ( data.error && 'missing_attachment' === data.error ) { #> 784 <div class="notice notice-error notice-alt notice-missing-attachment"> 785 <p>We can’t find that audio file. Check your <a href="http://src.wordpress-develop.test/wp-admin/upload.php">media library</a> and make sure it wasn’t deleted.</p> 786 </div> 787 <# } else if ( data.error ) { #> 788 <div class="notice notice-error notice-alt"> 789 <p>Unable to preview media due to an unknown error.</p> 790 </div> 791 <# } else if ( data.model && data.model.src ) { #> 792 <audio style="visibility: hidden" 793 controls 794 class="wp-audio-shortcode" 795 width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" 796 preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" 797 <# 798 if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { 799 #> autoplay<# 800 } 801 if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { 802 #> loop<# 803 } 804 #> 805 > 806 <# if ( ! _.isEmpty( data.model.src ) ) { #> 807 <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> 808 <# } #> 809 810 <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> 811 <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> 812 <# } #> 813 <# if ( ! _.isEmpty( data.model.ogg ) ) { #> 814 <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> 815 <# } #> 816 <# if ( ! _.isEmpty( data.model.flac ) ) { #> 817 <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" /> 818 <# } #> 819 <# if ( ! _.isEmpty( data.model.m4a ) ) { #> 820 <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> 821 <# } #> 822 <# if ( ! _.isEmpty( data.model.wav ) ) { #> 823 <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> 824 <# } #> 825 </audio> 821 826 <# } #> 822 </script> 823 <script type="text/html" id="tmpl-media-frame"> 827 </script> 828 829 <script type="text/html" id="tmpl-media-frame"> 824 830 <div class="media-frame-menu"></div> 825 831 <div class="media-frame-title"></div> 826 832 <div class="media-frame-router"></div> … … 835 841 <label for="{{ elementIdPrefix }}title">Title:</label> 836 842 <input id="{{ elementIdPrefix }}title" type="text" class="widefat title"> 837 843 </p> 838 <div class="media-widget-preview ">844 <div class="media-widget-preview media_gallery"> 839 845 <div class="attachment-media-view"> 840 <div class="placeholder">No images selected</div> 846 <button type="button" class="select-media button-add-media not-selected"> 847 Add Images </button> 841 848 </div> 842 </div> 843 <p class="media-widget-buttons"> 844 <button type="button" class="button edit-media selected"> 845 Edit Gallery </button> 846 <button type="button" class="button change-media select-media selected"> 847 Replace Media </button> 848 <button type="button" class="button select-media not-selected"> 849 Add Media </button> 850 </p> 849 </div> 850 <p class="media-widget-buttons"> 851 <button type="button" class="button edit-media selected"> 852 Edit Gallery </button> 853 </p> 851 854 <div class="media-widget-fields"> 852 855 </div> 853 856 </script> 854 <script type="text/html" id="tmpl-wp-media-widget-gallery-preview"> 855 <# var describedById = 'describedBy-' + String( Math.random() ); #> 856 <# data.attachments = data.attachments ? JSON.parse(data.attachments) : ''; #> 857 <# if ( Array.isArray( data.attachments ) && data.attachments.length ) { #> 858 <div class="gallery gallery-columns-{{ data.columns }}"> 859 <# _.each( data.attachments, function( attachment, index ) { #> 860 <dl class="gallery-item"> 861 <dt class="gallery-icon"> 862 <# if ( attachment.sizes.thumbnail ) { #> 863 <img src="{{ attachment.sizes.thumbnail.url }}" width="{{ attachment.sizes.thumbnail.width }}" height="{{ attachment.sizes.thumbnail.height }}" alt="" /> 864 <# } else { #> 865 <img src="{{ attachment.url }}" alt="" /> 866 <# } #> 867 </dt> 868 <# if ( attachment.caption ) { #> 869 <dd class="wp-caption-text gallery-caption"> 870 {{{ data.verifyHTML( attachment.caption ) }}} 871 </dd> 872 <# } #> 873 </dl> 874 <# if ( index % data.columns === data.columns - 1 ) { #> 875 <br style="clear: both;"> 876 <# } #> 877 <# } ); #> 878 </div> 879 <# } else { #> 880 <div class="attachment-media-view"> 881 <p class="placeholder">No images selected</p> 882 </div> 883 <# } #> 884 </script> 857 858 <script type="text/html" id="tmpl-wp-media-widget-gallery-preview"> 859 <# 860 var ids = _.filter( data.ids, function( id ) { 861 return ( id in data.attachments ); 862 } ); 863 #> 864 <# if ( ids.length ) { #> 865 <ul class="gallery media-widget-gallery-preview" role="list"> 866 <# _.each( ids, function( id, index ) { #> 867 <# var attachment = data.attachments[ id ]; #> 868 <# if ( index < 6 ) { #> 869 <li class="gallery-item"> 870 <div class="gallery-icon"> 871 <img alt="{{ attachment.alt }}" 872 <# if ( index === 5 && data.ids.length > 6 ) { #> aria-hidden="true" <# } #> 873 <# if ( attachment.sizes.thumbnail ) { #> 874 src="{{ attachment.sizes.thumbnail.url }}" width="{{ attachment.sizes.thumbnail.width }}" height="{{ attachment.sizes.thumbnail.height }}" 875 <# } else { #> 876 src="{{ attachment.url }}" 877 <# } #> 878 <# if ( ! attachment.alt && attachment.filename ) { #> 879 aria-label=" 880 The current image has no alternative text. The file name is: {{ attachment.filename }} " 881 <# } #> 882 /> 883 <# if ( index === 5 && data.ids.length > 6 ) { #> 884 <div class="gallery-icon-placeholder"> 885 <p class="gallery-icon-placeholder-text" aria-label=" 886 Additional images added to this gallery: {{ data.ids.length - 5 }} ">+{{ data.ids.length - 5 }}</p> 887 </div> 888 <# } #> 889 </div> 890 </li> 891 <# } #> 892 <# } ); #> 893 </ul> 894 <# } else { #> 895 <div class="attachment-media-view"> 896 <button type="button" class="placeholder button-add-media">Add Images</button> 897 </div> 898 <# } #> 899 </script> 900 885 901 <script type="text/html" id="tmpl-customize-control-date_time-content"> 886 902 887 903 <# _.defaults( data, {"settings":[],"type":"date_time","priority":10,"active":true,"section":"","content":"<li id=\"customize-control-temp\" class=\"customize-control customize-control-date_time\">\n\t\t\t\t\t<\/li>","label":"","description":"","instanceNumber":73,"maxYear":9999,"minYear":1000,"allowPastDate":true,"twelveHourFormat":true,"includeTime":true,"defaultValue":null,"month_choices":{"1":{"text":"1-Jan","value":1},"2":{"text":"2-Feb","value":2},"3":{"text":"3-Mar","value":3},"4":{"text":"4-Apr","value":4},"5":{"text":"5-May","value":5},"6":{"text":"6-Jun","value":6},"7":{"text":"7-Jul","value":7},"8":{"text":"8-Aug","value":8},"9":{"text":"9-Sep","value":9},"10":{"text":"10-Oct","value":10},"11":{"text":"11-Nov","value":11},"12":{"text":"12-Dec","value":12}}} ); #> … … 2202 2218 <img id="preview-app-icon" src="{{ data.url }}" alt="Preview as an app icon"/> 2203 2219 </div> 2204 2220 </script> 2221 2205 2222 </div><!-- end widget templates --> 2206 2223 <script src="../../build/wp-includes/js/tinymce/tinymce.min.js"></script> 2207 2224 <script src="../../build/wp-includes/js/tinymce/plugins/wptextpattern/plugin.js"></script>