2015-02-22 16:31:14 +01:00
<!DOCTYPE html>
2013-08-29 20:42:59 +02:00
< html >
2015-02-22 16:31:14 +01:00
< head >
< title > WordPress QUnit Test Suite< / title >
2013-08-29 20:42:59 +02:00
2015-02-22 16:31:14 +01:00
<!-- Dependencies -->
< script src = "../../src/wp-includes/js/jquery/jquery.js" > < / script >
< script src = "../../src/wp-includes/js/jquery/ui/core.js" > < / script >
< script src = "../../src/wp-includes/js/underscore.min.js" > < / script >
< script src = "../../src/wp-includes/js/backbone.min.js" > < / script >
2015-07-28 00:07:27 +02:00
< script src = "../../src/wp-includes/js/wp-backbone.js" > < / script >
2015-02-22 16:31:14 +01:00
< script src = "../../src/wp-includes/js/zxcvbn.min.js" > < / script >
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
git-svn-id: https://develop.svn.wordpress.org/trunk@37714 602fd350-edb4-49c9-b593-d223f7449a82
2016-06-15 18:36:07 +02:00
< script >
window._wpUtilSettings = {
'ajax': {
'url': '\/wp-admin\/admin-ajax.php'
}
};
< / script >
REST API: Add QUnit tests for wp-api.js and PHPUnit fixture generation.
Add QUnit tests: verify that wp-api loads correctly, verify that the expected base models and collections exist and can be instantiated, verify that collections contain the correct models, verify that expected helper functions are in place for each collection.
The QUnit tests rely on two fixture files: `tests/qunit/fixtures/wp-api-generated.js` contains the data response from each core endpoint and is generated by running the PHPUnit `restapi-jsclient` group. `tests/qunit/fixtures/wp-api.js` maps the generated data to endpoint routes, and overrides `Backbone.ajax` to mock the responses for the tests.
Add PHPUnit tests in `tests/phpunit/tests/rest-api/rest-schema-setup.php`. First, verify that the API returns the expected routes via `server->get_routes()`. Then, the `test_build_wp_api_client_fixtures` test goes thru each endpoint and requests it from the API, tests that it returns data, and builds up the data for the mocked QUnit tests, saving the final results to `tests/qunit/fixtures/wp-api-generated.js`.
Add a new grunt task `restapi-jsclient` which runs the phpunit side data generation and the qunit tests together.
Props jnylen0, welcher.
Fixes #39264.
git-svn-id: https://develop.svn.wordpress.org/trunk@40058 602fd350-edb4-49c9-b593-d223f7449a82
2017-02-14 05:22:32 +01:00
< script >
var wpApiSettings = {
'root': 'http://localhost/wp-json/'
};
< / script >
2015-05-30 02:02:13 +02:00
< script src = "../../src/wp-includes/js/wp-util.js" > < / script >
Customize: Add setting validation model and control notifications to augment setting sanitization.
When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving.
PHP changes:
* Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter.
* Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings.
* Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods.
* Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`.
* Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`.
* Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving.
JS changes:
* Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails.
* Introduces `wp.customize.Setting.prototype.notifications`.
* Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications.
* Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes.
* Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made.
* Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method.
* When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused.
Props westonruter, celloexpressions, mrahmadawais.
See #35210.
See #30937.
Fixes #34893.
git-svn-id: https://develop.svn.wordpress.org/trunk@37476 602fd350-edb4-49c9-b593-d223f7449a82
2016-05-20 23:09:40 +02:00
< script src = "../../src/wp-includes/js/wp-a11y.js" > < / script >
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
git-svn-id: https://develop.svn.wordpress.org/trunk@40640 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 23:10:54 +02:00
< script >
window._wpMediaModelsL10n = {"settings":{"ajaxurl":"\/wp-admin\/admin-ajax.php","post":{"id":0}}};
< / script >
< script src = "../../src/wp-includes/js/media-models.js" > < / script >
< script >
window.userSettings = {"url":"\/","uid":"0","time":"1493325477","secure":""};
< / script >
< script src = "../../src/wp-includes/js/utils.js" > < / script >
< script src = "../../src/wp-includes/js/plupload/plupload.full.min.js" > < / script >
< script >
window.pluploadL10n = {"queue_limit_exceeded":"You have attempted to queue too many files.","file_exceeds_size_limit":"%s exceeds the maximum upload size for this site.","zero_byte_file":"This file is empty. Please try another.","invalid_filetype":"Sorry, this file type is not permitted for security reasons.","not_an_image":"This file is not an image. Please try another.","image_memory_exceeded":"Memory exceeded. Please try another smaller file.","image_dimensions_exceeded":"This is larger than the maximum size. Please try another.","default_error":"An error occurred in the upload. Please try again later.","missing_upload_url":"There was a configuration error. Please contact the server administrator.","upload_limit_exceeded":"You may only upload 1 file.","http_error":"HTTP error.","upload_failed":"Upload failed.","big_upload_failed":"Please try uploading this file with the %1$sbrowser uploader%2$s.","big_upload_queued":"%s exceeds the maximum upload size for the multi-file uploader when used in your browser.","io_error":"IO error.","security_error":"Security error.","file_cancelled":"File canceled.","upload_stopped":"Upload stopped.","dismiss":"Dismiss","crunching":"Crunching\u2026","deleted":"moved to the trash.","error_uploading":"\u201c%s\u201d has failed to upload."};
window._wpPluploadSettings = {"defaults":{"runtimes":"html5,flash,silverlight,html4","file_data_name":"async-upload","url":"\/wp-admin\/async-upload.php","flash_swf_url":"http:\/\/src.wordpress-develop.dev\/wp-includes\/js\/plupload\/plupload.flash.swf","silverlight_xap_url":"http:\/\/src.wordpress-develop.dev\/wp-includes\/js\/plupload\/plupload.silverlight.xap","filters":{"max_file_size":"2097152b","mime_types":[{"extensions":"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,ico,asf,asx,wmv,wmx,wm,avi,divx,flv,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,dfxp,mp3,m4a,m4b,ra,ram,wav,ogg,oga,mid,midi,wma,wax,mka,rtf,js,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mdb,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onetmp,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages"}]},"multipart_params":{"action":"upload-attachment","_wpnonce":"87fa5740b8"}},"browser":{"mobile":false,"supported":true},"limitExceeded":false};
< / script >
< script src = "../../src/wp-includes/js/plupload/wp-plupload.js" > < / script >
< script >
window.mejsL10n = {"language":"en-US","strings":{"Close":"Close","Fullscreen":"Fullscreen","Turn off Fullscreen":"Turn off Fullscreen","Go Fullscreen":"Go Fullscreen","Download File":"Download File","Download Video":"Download Video","Play":"Play","Pause":"Pause","Captions\/Subtitles":"Captions\/Subtitles","None":"None","Time Slider":"Time Slider","Skip back %1 seconds":"Skip back %1 seconds","Video Player":"Video Player","Audio Player":"Audio Player","Volume Slider":"Volume Slider","Mute Toggle":"Mute Toggle","Unmute":"Unmute","Mute":"Mute","Use Up\/Down Arrow keys to increase or decrease volume.":"Use Up\/Down Arrow keys to increase or decrease volume.","Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds."}};
window._wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/"};
< / script >
< script src = "../../src/wp-includes/js/mediaelement/mediaelement-and-player.min.js" > < / script >
< script src = "../../src/wp-includes/js/mediaelement/wp-mediaelement.js" > < / script >
< script >
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
< / script >
< script src = "../../src/wp-includes/js/media-views.js" > < / script >
< script src = "../../src/wp-includes/js/media-editor.js" > < / script >
< script src = "../../src/wp-includes/js/media-audiovideo.js" > < / script >
< script src = "../../src/wp-includes/js/mce-view.js" > < / script >
Improve/introduce Customizer JavaScript models for Controls, Sections, and Panels.
* Introduce models for panels and sections.
* Introduce API to expand and focus a control, section or panel.
* Allow deep-linking to panels, sections, and controls inside of the Customizer.
* Clean up `accordion.js`, removing all Customizer-specific logic.
* Add initial unit tests for `wp.customize.Class` in `customize-base.js`.
https://make.wordpress.org/core/2014/10/27/toward-a-complete-javascript-api-for-the-customizer/ provides an overview of how to use the JavaScript API.
props westonruter, celloexpressions, ryankienstra.
see #28032, #28579, #28580, #28650, #28709, #29758.
fixes #29529.
git-svn-id: https://develop.svn.wordpress.org/trunk@30102 602fd350-edb4-49c9-b593-d223f7449a82
2014-10-29 23:50:21 +01:00
2015-02-22 16:31:14 +01:00
<!-- QUnit -->
< link rel = "stylesheet" href = "vendor/qunit.css" type = "text/css" media = "screen" / >
< script src = "vendor/qunit.js" > < / script >
< script src = "vendor/sinon.js" > < / script >
< script src = "vendor/sinon-qunit.js" > < / script >
< script > QUnit . config . hidepassed = false ; < / script >
< / head >
< body >
< div id = "qunit" > < / div >
< div id = "qunit-fixture" >
< script src = "fixtures/customize-header.js" > < / script >
< script src = "fixtures/customize-settings.js" > < / script >
2015-07-28 00:07:27 +02:00
< script src = "fixtures/customize-menus.js" > < / script >
2015-09-25 23:01:46 +02:00
< script src = "fixtures/customize-widgets.js" > < / script >
REST API: Add QUnit tests for wp-api.js and PHPUnit fixture generation.
Add QUnit tests: verify that wp-api loads correctly, verify that the expected base models and collections exist and can be instantiated, verify that collections contain the correct models, verify that expected helper functions are in place for each collection.
The QUnit tests rely on two fixture files: `tests/qunit/fixtures/wp-api-generated.js` contains the data response from each core endpoint and is generated by running the PHPUnit `restapi-jsclient` group. `tests/qunit/fixtures/wp-api.js` maps the generated data to endpoint routes, and overrides `Backbone.ajax` to mock the responses for the tests.
Add PHPUnit tests in `tests/phpunit/tests/rest-api/rest-schema-setup.php`. First, verify that the API returns the expected routes via `server->get_routes()`. Then, the `test_build_wp_api_client_fixtures` test goes thru each endpoint and requests it from the API, tests that it returns data, and builds up the data for the mocked QUnit tests, saving the final results to `tests/qunit/fixtures/wp-api-generated.js`.
Add a new grunt task `restapi-jsclient` which runs the phpunit side data generation and the qunit tests together.
Props jnylen0, welcher.
Fixes #39264.
git-svn-id: https://develop.svn.wordpress.org/trunk@40058 602fd350-edb4-49c9-b593-d223f7449a82
2017-02-14 05:22:32 +01:00
< script src = "fixtures/wp-api-generated.js" > < / script >
2017-02-24 19:39:39 +01:00
< script src = "fixtures/js-widgets-endpoint.js" > < / script >
REST API: Add QUnit tests for wp-api.js and PHPUnit fixture generation.
Add QUnit tests: verify that wp-api loads correctly, verify that the expected base models and collections exist and can be instantiated, verify that collections contain the correct models, verify that expected helper functions are in place for each collection.
The QUnit tests rely on two fixture files: `tests/qunit/fixtures/wp-api-generated.js` contains the data response from each core endpoint and is generated by running the PHPUnit `restapi-jsclient` group. `tests/qunit/fixtures/wp-api.js` maps the generated data to endpoint routes, and overrides `Backbone.ajax` to mock the responses for the tests.
Add PHPUnit tests in `tests/phpunit/tests/rest-api/rest-schema-setup.php`. First, verify that the API returns the expected routes via `server->get_routes()`. Then, the `test_build_wp_api_client_fixtures` test goes thru each endpoint and requests it from the API, tests that it returns data, and builds up the data for the mocked QUnit tests, saving the final results to `tests/qunit/fixtures/wp-api-generated.js`.
Add a new grunt task `restapi-jsclient` which runs the phpunit side data generation and the qunit tests together.
Props jnylen0, welcher.
Fixes #39264.
git-svn-id: https://develop.svn.wordpress.org/trunk@40058 602fd350-edb4-49c9-b593-d223f7449a82
2017-02-14 05:22:32 +01:00
< script src = "fixtures/wp-api.js" > < / script >
2015-02-22 16:31:14 +01:00
< / div >
2014-03-29 11:05:22 +01:00
2015-02-22 16:31:14 +01:00
<!-- Tested files -->
< script src = "../../src/wp-admin/js/password-strength-meter.js" > < / script >
< script src = "../../src/wp-includes/js/customize-base.js" > < / script >
< script src = "../../src/wp-includes/js/customize-models.js" > < / script >
< script src = "../../src/wp-includes/js/shortcode.js" > < / script >
< script src = "../../src/wp-admin/js/customize-controls.js" > < / script >
REST API: Add QUnit tests for wp-api.js and PHPUnit fixture generation.
Add QUnit tests: verify that wp-api loads correctly, verify that the expected base models and collections exist and can be instantiated, verify that collections contain the correct models, verify that expected helper functions are in place for each collection.
The QUnit tests rely on two fixture files: `tests/qunit/fixtures/wp-api-generated.js` contains the data response from each core endpoint and is generated by running the PHPUnit `restapi-jsclient` group. `tests/qunit/fixtures/wp-api.js` maps the generated data to endpoint routes, and overrides `Backbone.ajax` to mock the responses for the tests.
Add PHPUnit tests in `tests/phpunit/tests/rest-api/rest-schema-setup.php`. First, verify that the API returns the expected routes via `server->get_routes()`. Then, the `test_build_wp_api_client_fixtures` test goes thru each endpoint and requests it from the API, tests that it returns data, and builds up the data for the mocked QUnit tests, saving the final results to `tests/qunit/fixtures/wp-api-generated.js`.
Add a new grunt task `restapi-jsclient` which runs the phpunit side data generation and the qunit tests together.
Props jnylen0, welcher.
Fixes #39264.
git-svn-id: https://develop.svn.wordpress.org/trunk@40058 602fd350-edb4-49c9-b593-d223f7449a82
2017-02-14 05:22:32 +01:00
< script src = "../../src/wp-includes/js/wp-api.js" > < / script >
2015-08-03 21:27:27 +02:00
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/core.js' > < / script >
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/widget.js' > < / script >
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/mouse.js' > < / script >
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/sortable.js' > < / script >
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/draggable.js' > < / script >
< script type = 'text/javascript' src = '../../src/wp-includes/js/jquery/ui/droppable.js' > < / script >
< script src = "../../src/wp-admin/js/nav-menu.js" > < / script >
2015-07-28 00:07:27 +02:00
< script src = "../../src/wp-admin/js/customize-nav-menus.js" > < / script >
2015-09-25 23:01:46 +02:00
< script src = "../../src/wp-admin/js/customize-widgets.js" > < / script >
2015-06-19 12:34:59 +02:00
< script src = "../../src/wp-admin/js/word-count.js" > < / script >
2014-03-29 11:05:22 +01:00
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
git-svn-id: https://develop.svn.wordpress.org/trunk@40640 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 23:10:54 +02:00
< script src = "../../src/wp-admin/js/widgets/media-widgets.js" > < / script >
< script >
wp.mediaWidgets.init();
< / script >
< script src = "../../src/wp-admin/js/widgets/media-image-widget.js" > < / script >
< script >
wp.mediaWidgets.modelConstructors[ "media_image" ].prototype.schema = {"attachment_id":{"type":"integer","default":0,"minimum":0,"media_prop":"id"},"url":{"type":"string","default":"","format":"uri"},"title":{"type":"string","default":"","should_preview_update":false},"size":{"type":"string","default":"medium","enum":["thumbnail","medium","medium_large","large","twentyseventeen-featured-image","twentyseventeen-thumbnail-avatar","full","custom"]},"width":{"type":"integer","default":0,"minimum":0},"height":{"type":"integer","default":0,"minimum":0},"caption":{"type":"string","default":"","should_preview_update":false},"alt":{"type":"string","default":""},"link_type":{"type":"string","default":"none","enum":["none","file","post","custom"],"media_prop":"link","should_preview_update":false},"link_url":{"type":"string","default":"","format":"uri","media_prop":"linkUrl","should_preview_update":false},"image_classes":{"type":"string","default":"","media_prop":"extraClasses","should_preview_update":false},"link_classes":{"type":"string","default":"","media_prop":"linkClassName","should_preview_update":false},"link_rel":{"type":"string","default":"","media_prop":"linkRel","should_preview_update":false},"link_target_blank":{"type":"boolean","default":false,"media_prop":"linkTargetBlank","should_preview_update":false},"image_title":{"type":"string","default":"","media_prop":"title","should_preview_update":false}};
wp.mediaWidgets.controlConstructors[ "media_image" ].prototype.mime_type = "image";
_.extend( wp.mediaWidgets.controlConstructors[ "media_image" ].prototype.l10n, {"no_media_selected":"No image selected","select_media":"Select Image","change_media":"Change Image","edit_media":"Edit Image","add_to_widget":"Add to Widget","missing_attachment":"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.","media_library_state_multi":{"0":"Image Widget (%d)","1":"Image Widget (%d)","singular":"Image Widget (%d)","plural":"Image Widget (%d)","context":null,"domain":null},"media_library_state_single":"Image Widget"} );
< / script >
< script src = "../../src/wp-admin/js/widgets/media-video-widget.js" > < / script >
< script >
wp.mediaWidgets.modelConstructors[ "media_video" ].prototype.schema = {"attachment_id":{"type":"integer","default":0,"minimum":0,"media_prop":"id"},"url":{"type":"string","default":"","format":"uri"},"title":{"type":"string","default":""},"preload":{"type":"string","default":"metadata","enum":["none","auto","metadata"]},"loop":{"type":"boolean","default":false},"content":{"type":"string","default":""},"mp4":{"type":"string","default":"","format":"uri"},"m4v":{"type":"string","default":"","format":"uri"},"webm":{"type":"string","default":"","format":"uri"},"ogv":{"type":"string","default":"","format":"uri"},"wmv":{"type":"string","default":"","format":"uri"},"flv":{"type":"string","default":"","format":"uri"}};
wp.mediaWidgets.controlConstructors[ "media_video" ].prototype.mime_type = "video";
_.extend( wp.mediaWidgets.controlConstructors[ "media_video" ].prototype.l10n, {"no_media_selected":"No video selected","select_media":"Select Video","change_media":"Change Video","edit_media":"Edit Video","add_to_widget":"Add to Widget","missing_attachment":"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.","media_library_state_multi":{"0":"Video Widget (%d)","1":"Video Widget (%d)","singular":"Video Widget (%d)","plural":"Video Widget (%d)","context":null,"domain":null},"media_library_state_single":"Video Widget"} );
< / script >
< script src = "../../src/wp-admin/js/widgets/media-audio-widget.js" > < / script >
< script >
wp.mediaWidgets.modelConstructors[ "media_audio" ].prototype.schema = {"attachment_id":{"type":"integer","default":0,"minimum":0,"media_prop":"id"},"url":{"type":"string","default":"","format":"uri"},"title":{"type":"string","default":""},"preload":{"type":"string","default":"none","enum":["none","auto","metadata"]},"loop":{"type":"boolean","default":false},"mp3":{"type":"string","default":"","format":"uri"},"ogg":{"type":"string","default":"","format":"uri"},"wma":{"type":"string","default":"","format":"uri"},"m4a":{"type":"string","default":"","format":"uri"},"wav":{"type":"string","default":"","format":"uri"}};
wp.mediaWidgets.controlConstructors[ "media_audio" ].prototype.mime_type = "audio";
_.extend( wp.mediaWidgets.controlConstructors[ "media_audio" ].prototype.l10n, {"no_media_selected":"No audio selected","select_media":"Select File","change_media":"Change Audio","edit_media":"Edit Audio","add_to_widget":"Add to Widget","missing_attachment":"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.","media_library_state_multi":{"0":"Audio Widget (%d)","1":"Audio Widget (%d)","singular":"Audio Widget (%d)","plural":"Audio Widget (%d)","context":null,"domain":null},"media_library_state_single":"Audio Widget"} );
< / script >
2015-02-22 16:31:14 +01:00
<!-- Unit tests -->
< script src = "wp-admin/js/password-strength-meter.js" > < / script >
< script src = "wp-admin/js/customize-base.js" > < / script >
< script src = "wp-admin/js/customize-header.js" > < / script >
< script src = "wp-includes/js/shortcode.js" > < / script >
REST API: Add QUnit tests for wp-api.js and PHPUnit fixture generation.
Add QUnit tests: verify that wp-api loads correctly, verify that the expected base models and collections exist and can be instantiated, verify that collections contain the correct models, verify that expected helper functions are in place for each collection.
The QUnit tests rely on two fixture files: `tests/qunit/fixtures/wp-api-generated.js` contains the data response from each core endpoint and is generated by running the PHPUnit `restapi-jsclient` group. `tests/qunit/fixtures/wp-api.js` maps the generated data to endpoint routes, and overrides `Backbone.ajax` to mock the responses for the tests.
Add PHPUnit tests in `tests/phpunit/tests/rest-api/rest-schema-setup.php`. First, verify that the API returns the expected routes via `server->get_routes()`. Then, the `test_build_wp_api_client_fixtures` test goes thru each endpoint and requests it from the API, tests that it returns data, and builds up the data for the mocked QUnit tests, saving the final results to `tests/qunit/fixtures/wp-api-generated.js`.
Add a new grunt task `restapi-jsclient` which runs the phpunit side data generation and the qunit tests together.
Props jnylen0, welcher.
Fixes #39264.
git-svn-id: https://develop.svn.wordpress.org/trunk@40058 602fd350-edb4-49c9-b593-d223f7449a82
2017-02-14 05:22:32 +01:00
< script src = "wp-includes/js/wp-api.js" > < / script >
2015-02-22 16:31:14 +01:00
< script src = "wp-admin/js/customize-controls.js" > < / script >
< script src = "wp-admin/js/customize-controls-utils.js" > < / script >
2015-07-28 00:07:27 +02:00
< script src = "wp-admin/js/customize-nav-menus.js" > < / script >
2015-09-25 23:01:46 +02:00
< script src = "wp-admin/js/customize-widgets.js" > < / script >
2015-06-19 12:34:59 +02:00
< script src = "wp-admin/js/word-count.js" > < / script >
2017-01-20 17:14:23 +01:00
< script src = "wp-admin/js/nav-menu.js" > < / script >
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
git-svn-id: https://develop.svn.wordpress.org/trunk@40640 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 23:10:54 +02:00
< script src = "wp-admin/js/widgets/test-media-widgets.js" > < / script >
< script src = "wp-admin/js/widgets/test-media-image-widget.js" > < / script >
< script src = "wp-admin/js/widgets/test-media-video-widget.js" > < / script >
2015-05-30 02:02:13 +02:00
<!-- Customizer templates for sections -->
< script type = "text/html" id = "tmpl-customize-section-default" >
< li id = "accordion-section-{{ data.id }}" class = "accordion-section control-section control-section-{{ data.type }}" >
< h3 class = "accordion-section-title" tabindex = "0" >
{{ data.title }}
< span class = "screen-reader-text" > Press return or enter to expand< / span >
< / h3 >
< ul class = "accordion-section-content" >
< # if ( data.description ) { #>
< li class = "customize-section-description-container" >
< p class = "description customize-section-description" > {{{ data.description }}}< / p >
< / li >
< # } #>
< / ul >
< / li >
< / script >
< script type = "text/html" id = "tmpl-customize-section-titleless" >
< li id = "accordion-section-{{ data.id }}" class = "accordion-section control-section control-section-{{ data.type }}" >
<!-- Notice the lack of an h3 with title displayed inside. -->
< ul class = "accordion-section-content" >
< # if ( data.description ) { #>
< li class = "customize-section-description-container" >
< p class = "description customize-section-description" > {{{ data.description }}}< / p >
< / li >
< # } #>
< / ul >
< / li >
< / script >
<!-- Customizer templates for panels -->
< script type = "text/html" id = "tmpl-customize-panel-default" >
< li id = "accordion-panel-{{ data.id }}" class = "accordion-section control-section control-panel control-panel-{{ data.type }}" >
< h3 class = "accordion-section-title" tabindex = "0" >
{{ data.title }}
< span class = "screen-reader-text" > Press return or enter to open this panel< / span >
< / h3 >
< ul class = "accordion-sub-container control-panel-content" > < / ul >
< / li >
< / script >
< script type = "text/html" id = "tmpl-customize-panel-default-content" >
< li class = "panel-meta accordion-section control-section<# if ( ! data.description ) { #> cannot-expand<# } #>" >
< div class = "accordion-section-title" tabindex = "0" >
< span class = "preview-notice" > You are customizing < strong class = "panel-title" > {{ data.title }}< / strong > < / span >
< / div >
< # if ( data.description ) { #>
< div class = "accordion-section-content description" >
{{{ data.description }}}
< / div >
< # } #>
< / li >
< / script >
< script type = "text/html" id = "tmpl-customize-panel-titleless" >
< li id = "accordion-panel-{{ data.id }}" class = "accordion-section control-section control-panel control-panel-{{ data.type }}" >
<!-- Notice the lack of an h3 with title displayed inside. -->
< ul class = "accordion-sub-container control-panel-content" > < / ul >
< / li >
< / script >
< script type = "text/html" id = "tmpl-customize-panel-titleless-content" >
< li class = "panel-meta accordion-section control-section<# if ( ! data.description ) { #> cannot-expand<# } #>" >
<!-- Notice lack of title containing preview notice -->
< # if ( data.description ) { #>
< div class = "accordion-section-content description" >
{{{ data.description }}}
< / div >
< # } #>
< / li >
< / script >
Customize: Add setting validation model and control notifications to augment setting sanitization.
When a setting is invalid, not only will it be blocked from being saved but all other settings will be blocked as well. This ensures that Customizer saves aren't partial but are more transactional. User will be displayed the error in a notification so that they can fix and re-attempt saving.
PHP changes:
* Introduces `WP_Customize_Setting::validate()`, `WP_Customize_Setting::$validate_callback`, and the `customize_validate_{$setting_id}` filter.
* Introduces `WP_Customize_Manager::validate_setting_values()` to do validation (and sanitization) for the setting values supplied, returning a list of `WP_Error` instances for invalid settings.
* Attempting to save settings that are invalid will result in the save being blocked entirely, with the errors being sent in the `customize_save_response`. Modifies `WP_Customize_Manager::save()` to check all settings for validity issues prior to calling their `save` methods.
* Introduces `WP_Customize_Setting::json()` for parity with the other Customizer classes. This includes exporting of the `type`.
* Modifies `WP_Customize_Manager::post_value()` to apply `validate` after `sanitize`, and if validation fails, to return the `$default`.
* Introduces `customize_save_validation_before` action which fires right before the validation checks are made prior to saving.
JS changes:
* Introduces `wp.customize.Notification` in JS which to represent `WP_Error` instances returned from the server when setting validation fails.
* Introduces `wp.customize.Setting.prototype.notifications`.
* Introduces `wp.customize.Control.prototype.notifications`, which are synced with a control's settings' notifications.
* Introduces `wp.customize.Control.prototype.renderNotifications()` to re-render a control's notifications in its notification area. This is called automatically when the notifications collection changes.
* Introduces `wp.customize.settingConstructor`, allowing custom setting types to be used in the same way that custom controls, panels, and sections can be made.
* Injects a notification area into existing controls which is populated in response to the control's `notifications` collection changing. A custom control can customize the placement of the notification area by overriding the new `getNotificationsContainerElement` method.
* When a save fails due to setting invalidity, the invalidity errors will be added to the settings to then populate in the controls' notification areas, and the first such invalid control will be focused.
Props westonruter, celloexpressions, mrahmadawais.
See #35210.
See #30937.
Fixes #34893.
git-svn-id: https://develop.svn.wordpress.org/trunk@37476 602fd350-edb4-49c9-b593-d223f7449a82
2016-05-20 23:09:40 +02:00
< script type = "text/html" id = "tmpl-customize-control-notifications" >
< ul >
< # _.each( data.notifications, function( notification ) { #>
< li data-code = "{{ notification.code }}" data-type = "{{ notification.type }}" > {{ notification.message || notification.code }}< / li >
< # } ); #>
< / ul >
< / script >
2015-06-06 22:07:00 +02:00
2015-08-03 21:27:27 +02:00
<!-- Templates for Customizer Menus -->
< script type = "text/html" id = "tmpl-customize-control-nav_menu-content" >
2016-09-28 21:53:07 +02:00
< button type = "button" class = "button add-new-menu-item" aria-label = "Add or remove menu items" aria-expanded = "false" aria-controls = "available-menu-items" >
2015-08-03 21:27:27 +02:00
Add Items < / button >
< button type = "button" class = "not-a-button reorder-toggle" aria-label = "Reorder menu items" aria-describedby = "reorder-items-desc-{{ data.menu_id }}" >
< span class = "reorder" > Reorder< / span >
< span class = "reorder-done" > Done< / span >
< / button >
< p class = "screen-reader-text" id = "reorder-items-desc-{{ data.menu_id }}" > When in reorder mode, additional controls to reorder menu items will be available in the items list above.< / p >
< span class = "add-menu-item-loading spinner" > < / span >
< span class = "menu-delete-item" >
< button type = "button" class = "not-a-button menu-delete" >
Delete menu < span class = "screen-reader-text" > {{ data.menu_name }}< / span >
< / button >
< / span >
< ul class = "menu-settings" >
< li class = "customize-control" >
< span class = "customize-control-title" > Menu locations< / span >
< / li >
< li class = "customize-control customize-control-checkbox assigned-menu-location" >
< label >
< input type = "checkbox" data-menu-id = "{{ data.menu_id }}" data-location-id = "primary" class = "menu-location" / > Primary Menu < span class = "theme-location-set" > (Current: < span class = "current-menu-location-name-primary" > < / span > )< / span >
< / label >
< / li >
< li class = "customize-control customize-control-checkbox assigned-menu-location" >
< label >
< input type = "checkbox" data-menu-id = "{{ data.menu_id }}" data-location-id = "social" class = "menu-location" / > Social Links Menu < span class = "theme-location-set" > (Current: < span class = "current-menu-location-name-social" > < / span > )< / span >
< / label >
< / li >
< / ul >
< / script >
< script type = "text/html" id = "tmpl-customize-control-nav_menu_name-content" >
< label >
< # if ( data.label ) { #>
< span class = "customize-control-title screen-reader-text" > {{ data.label }}< / span >
< # } #>
< input type = "text" class = "menu-name-field live-update-section-title" / >
< / label >
< / script >
< script type = "text/html" id = "tmpl-customize-control-nav_menu_auto_add-content" >
< span class = "customize-control-title" > Menu options< / span >
< label >
< input type = "checkbox" class = "auto_add" / >
Automatically add new top-level pages to this menu < / label >
< / script >
< script type = "text/html" id = "tmpl-customize-control-nav_menu_item-content" >
< div class = "menu-item-bar" >
< div class = "menu-item-handle" >
< span class = "item-type" aria-hidden = "true" > {{ data.item_type_label }}< / span >
< span class = "item-title" aria-hidden = "true" >
< span class = "spinner" > < / span >
< span class = "menu-item-title<# if ( ! data.title ) { #> no-title<# } #>" > {{ data.title || wp.customize.Menus.data.l10n.untitled }}< / span >
< / span >
< span class = "item-controls" >
< button type = "button" class = "not-a-button item-edit" aria-expanded = "false" > < span class = "screen-reader-text" > Edit menu item: {{ data.title || wp.customize.Menus.data.l10n.untitled }} ({{ data.item_type_label }})< / span > < span class = "toggle-indicator" aria-hidden = "true" > < / span > < / button >
< button type = "button" class = "not-a-button item-delete submitdelete deletion" > < span class = "screen-reader-text" > Remove Menu Item: {{ data.title || wp.customize.Menus.data.l10n.untitled }} ({{ data.item_type_label }})< / span > < / button >
< / span >
< / div >
< / div >
< div class = "menu-item-settings" id = "menu-item-settings-{{ data.menu_item_id }}" >
< # if ( 'custom' === data.item_type ) { #>
< p class = "field-url description description-thin" >
< label for = "edit-menu-item-url-{{ data.menu_item_id }}" >
URL< br / >
< input class = "widefat code edit-menu-item-url" type = "text" id = "edit-menu-item-url-{{ data.menu_item_id }}" name = "menu-item-url" / >
< / label >
< / p >
< # } #>
< p class = "description description-thin" >
< label for = "edit-menu-item-title-{{ data.menu_item_id }}" >
Navigation Label< br / >
< input type = "text" id = "edit-menu-item-title-{{ data.menu_item_id }}" class = "widefat edit-menu-item-title" name = "menu-item-title" / >
< / label >
< / p >
< p class = "field-link-target description description-thin" >
< label for = "edit-menu-item-target-{{ data.menu_item_id }}" >
< input type = "checkbox" id = "edit-menu-item-target-{{ data.menu_item_id }}" class = "edit-menu-item-target" value = "_blank" name = "menu-item-target" / >
Open link in a new tab < / label >
< / p >
< p class = "field-attr-title description description-thin" >
< label for = "edit-menu-item-attr-title-{{ data.menu_item_id }}" >
Title Attribute< br / >
< input type = "text" id = "edit-menu-item-attr-title-{{ data.menu_item_id }}" class = "widefat edit-menu-item-attr-title" name = "menu-item-attr-title" / >
< / label >
< / p >
< p class = "field-css-classes description description-thin" >
< label for = "edit-menu-item-classes-{{ data.menu_item_id }}" >
CSS Classes< br / >
< input type = "text" id = "edit-menu-item-classes-{{ data.menu_item_id }}" class = "widefat code edit-menu-item-classes" name = "menu-item-classes" / >
< / label >
< / p >
< p class = "field-xfn description description-thin" >
< label for = "edit-menu-item-xfn-{{ data.menu_item_id }}" >
Link Relationship (XFN)< br / >
< input type = "text" id = "edit-menu-item-xfn-{{ data.menu_item_id }}" class = "widefat code edit-menu-item-xfn" name = "menu-item-xfn" / >
< / label >
< / p >
< p class = "field-description description description-thin" >
< label for = "edit-menu-item-description-{{ data.menu_item_id }}" >
Description< br / >
< textarea id = "edit-menu-item-description-{{ data.menu_item_id }}" class = "widefat edit-menu-item-description" rows = "3" cols = "20" name = "menu-item-description" > {{ data.description }}< / textarea >
< span class = "description" > The description will be displayed in the menu if the current theme supports it.< / span >
< / label >
< / p >
< div class = "menu-item-actions description-thin submitbox" >
< # if ( ( 'post_type' === data.item_type || 'taxonomy' === data.item_type ) & & '' !== data.original_title ) { #>
< p class = "link-to-original" >
Original: < a class = "original-link" href = "{{ data.url }}" > {{ data.original_title }}< / a > < / p >
< # } #>
< button type = "button" class = "not-a-button item-delete submitdelete deletion" > Remove< / button >
< span class = "spinner" > < / span >
< / div >
< input type = "hidden" name = "menu-item-db-id[{{ data.menu_item_id }}]" class = "menu-item-data-db-id" value = "{{ data.menu_item_id }}" / >
< input type = "hidden" name = "menu-item-parent-id[{{ data.menu_item_id }}]" class = "menu-item-data-parent-id" value = "{{ data.parent }}" / >
< / div > <!-- .menu - item - settings -->
< ul class = "menu-item-transport" > < / ul >
< / script >
< script type = "text/html" id = "tmpl-available-menu-item" >
< li id = "menu-item-tpl-{{ data.id }}" class = "menu-item-tpl" data-menu-item-id = "{{ data.id }}" >
< div class = "menu-item-bar" >
< div class = "menu-item-handle" >
< span class = "item-type" aria-hidden = "true" > {{ data.type_label }}< / span >
< span class = "item-title" aria-hidden = "true" >
< span class = "menu-item-title<# if ( ! data.title ) { #> no-title<# } #>" > {{ data.title || wp.customize.Menus.data.l10n.untitled }}< / span >
< / span >
< button type = "button" class = "not-a-button item-add" >
< span class = "screen-reader-text" > Add to menu: {{ data.title || wp.customize.Menus.data.l10n.untitled }} ({{ data.type_label }})< / span >
< / button >
< / div >
< / div >
< / li >
< / script >
< script type = "text/html" id = "tmpl-menu-item-reorder-nav" >
< div class = "menu-item-reorder-nav" >
< button type = "button" class = "menus-move-up" > Move up< / button > < button type = "button" class = "menus-move-down" > Move down< / button > < button type = "button" class = "menus-move-left" > Move one level up< / button > < button type = "button" class = "menus-move-right" > Move one level down< / button > < / div >
< / script >
2015-09-25 23:01:46 +02:00
< script type = "text/html" id = "tmpl-customize-section-sidebar" >
< li id = "accordion-section-{{ data.id }}" class = "accordion-section control-section control-section-{{ data.type }}" >
< h3 class = "accordion-section-title" tabindex = "0" >
{{ data.title }}
< span class = "screen-reader-text" > Press return or enter to open< / span >
< / h3 >
< ul class = "accordion-section-content" >
< li class = "customize-section-description-container" >
< div class = "customize-section-title" >
< button class = "customize-section-back" tabindex = "-1" >
< span class = "screen-reader-text" > Back< / span >
< / button >
< h3 >
< span class = "customize-action" >
{{{ data.customizeAction }}}
< / span >
{{ data.title }}
< / h3 >
< / div >
< # if ( data.description ) { #>
< div class = "description customize-section-description" >
{{{ data.description }}}
< / div >
< # } #>
< / li >
< / ul >
< / li >
< / script >
Customize: Implement customized state persistence with changesets.
Includes infrastructure developed in the Customize Snapshots feature plugin.
See https://make.wordpress.org/core/2016/10/12/customize-changesets-technical-design-decisions/
Props westonruter, valendesigns, utkarshpatel, stubgo, lgedeon, ocean90, ryankienstra, mihai2u, dlh, aaroncampbell, jonathanbardo, jorbin.
See #28721.
See #31089.
Fixes #30937.
Fixes #31517.
Fixes #30028.
Fixes #23225.
Fixes #34142.
Fixes #36485.
git-svn-id: https://develop.svn.wordpress.org/trunk@38810 602fd350-edb4-49c9-b593-d223f7449a82
2016-10-18 22:04:36 +02:00
< div hidden >
< div id = "customize-preview" > < / div >
< / div >
2015-08-03 21:27:27 +02:00
< div hidden >
< div id = "available-menu-items" class = "accordion-container" >
< div class = "customize-section-title" >
< button type = "button" class = "customize-section-back" tabindex = "-1" >
< span class = "screen-reader-text" > Back< / span >
< / button >
< h3 >
< span class = "customize-action" >
Customizing ▸ Menus < / span >
Add Menu Items < / h3 >
< / div >
< div id = "available-menu-items-search" class = "accordion-section cannot-expand" >
< div class = "accordion-section-title" >
< label class = "screen-reader-text" for = "menu-items-search" > Search Menu Items< / label >
< input type = "text" id = "menu-items-search" placeholder = "Search menu items…" aria-describedby = "menu-items-search-desc" / >
< p class = "screen-reader-text" id = "menu-items-search-desc" > The search results will be updated as you type.< / p >
< span class = "spinner" > < / span >
< span class = "clear-results" > < span class = "screen-reader-text" > Clear Results< / span > < / span >
< / div >
< ul class = "accordion-section-content" data-type = "search" > < / ul >
< / div >
< div id = "new-custom-menu-item" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Custom Links < button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Custom Links< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< div class = "accordion-section-content" >
< input type = "hidden" value = "custom" id = "custom-menu-item-type" name = "menu-item[-1][menu-item-type]" / >
< p id = "menu-item-url-wrap" >
< label class = "howto" for = "custom-menu-item-url" >
< span > URL< / span >
< input id = "custom-menu-item-url" name = "menu-item[-1][menu-item-url]" type = "text" class = "code menu-item-textbox" value = "http://" >
< / label >
< / p >
< p id = "menu-item-name-wrap" >
< label class = "howto" for = "custom-menu-item-name" >
< span > Link Text< / span >
< input id = "custom-menu-item-name" name = "menu-item[-1][menu-item-title]" type = "text" class = "regular-text menu-item-textbox" >
< / label >
< / p >
< p class = "button-controls" >
< span class = "add-to-menu" >
2016-09-28 21:53:07 +02:00
< input type = "submit" class = "button submit-add-to-menu right" value = "Add to Menu" name = "add-custom-menu-item" id = "custom-menu-item-submit" >
2015-08-03 21:27:27 +02:00
< span class = "spinner" > < / span >
< / span >
< / p >
< / div >
< / div >
< div id = "available-menu-items-post_type-post" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Post < span class = "spinner" > < / span >
< span class = "no-items" > No items< / span >
< button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Post< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< ul class = "accordion-section-content" data-type = "post_type" data-object = "post" > < / ul >
< / div >
< div id = "available-menu-items-post_type-page" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Page < span class = "spinner" > < / span >
< span class = "no-items" > No items< / span >
< button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Page< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< ul class = "accordion-section-content" data-type = "post_type" data-object = "page" > < / ul >
< / div >
< div id = "available-menu-items-taxonomy-category" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Category < span class = "spinner" > < / span >
< span class = "no-items" > No items< / span >
< button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Category< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< ul class = "accordion-section-content" data-type = "taxonomy" data-object = "category" > < / ul >
< / div >
< div id = "available-menu-items-taxonomy-post_tag" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Tag < span class = "spinner" > < / span >
< span class = "no-items" > No items< / span >
< button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Tag< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< ul class = "accordion-section-content" data-type = "taxonomy" data-object = "post_tag" > < / ul >
< / div >
< div id = "available-menu-items-taxonomy-post_format" class = "accordion-section" >
< h4 class = "accordion-section-title" role = "presentation" >
Format < span class = "spinner" > < / span >
< span class = "no-items" > No items< / span >
< button type = "button" class = "not-a-button" aria-expanded = "false" >
< span class = "screen-reader-text" > Toggle section: Format< / span >
< span class = "toggle-indicator" aria-hidden = "true" > < / span >
< / button >
< / h4 >
< ul class = "accordion-section-content" data-type = "taxonomy" data-object = "post_format" > < / ul >
< / div >
< / div > <!-- #available - menu - items -->
< / div > <!-- end nav menu templates -->
2015-09-25 23:01:46 +02:00
< div hidden >
< div id = "widgets-left" > <!-- compatibility with JS which looks for widget templates here -->
< div id = "available-widgets" >
< div class = "customize-section-title" >
< button class = "customize-section-back" tabindex = "-1" >
< span class = "screen-reader-text" > Back< / span >
< / button >
< h3 >
< span class = "customize-action" > Customizing ▸ Widgets< / span >
Add a Widget < / h3 >
< / div >
< div id = "available-widgets-filter" >
< label class = "screen-reader-text" for = "widgets-search" > Search Widgets< / label >
< input type = "search" id = "widgets-search" placeholder = "Search widgets…" / >
< / div >
< div id = "available-widgets-list" >
< div id = "widget-tpl-search-2" data-widget-id = "search-2" class = "widget-tpl search-2" tabindex = "0" >
< div id = 'widget-11_search-__i__' class = 'widget' > < div class = "widget-top" >
< div class = "widget-title-action" >
< a class = "widget-action hide-if-no-js" href = "#available-widgets" > < / a >
< a class = "widget-control-edit hide-if-js" href = "/wp-admin/customize.php?editwidget=search-2&addnew=1&num=3&base=search" >
< span class = "edit" > Edit< / span >
< span class = "add" > Add< / span >
< span class = "screen-reader-text" > Search< / span >
< / a >
< / div >
< div class = "widget-title" > < h4 > Search< span class = "in-widget-title" > < / span > < / h4 > < / div >
< / div >
2015-06-06 22:07:00 +02:00
2015-09-25 23:01:46 +02:00
< div class = "widget-inside" >
< div class = "form" >
< div class = "widget-content" >
< p > < label for = "widget-search-__i__-title" > Title: < input class = "widefat" id = "widget-search-__i__-title" name = "widget-search[__i__][title]" type = "text" value = "" / > < / label > < / p >
< / div >
< input type = "hidden" name = "widget-id" class = "widget-id" value = "search-__i__" / >
< input type = "hidden" name = "id_base" class = "id_base" value = "search" / >
< input type = "hidden" name = "widget-width" class = "widget-width" value = "250" / >
< input type = "hidden" name = "widget-height" class = "widget-height" value = "200" / >
< input type = "hidden" name = "widget_number" class = "widget_number" value = "2" / >
< input type = "hidden" name = "multi_number" class = "multi_number" value = "3" / >
< input type = "hidden" name = "add_new" class = "add_new" value = "multi" / >
< div class = "widget-control-actions" >
< div class = "alignleft" >
< a class = "widget-control-remove" href = "#remove" > Delete< / a > |
< a class = "widget-control-close" href = "#close" > Close< / a >
< / div >
< div class = "alignright" >
< input type = "submit" name = "savewidget" id = "widget-search-__i__-savewidget" class = "button button-primary widget-control-save right" value = "Save" / > < span class = "spinner" > < / span >
< / div >
< br class = "clear" / >
< / div >
< / div > <!-- .form -->
< / div >
< div class = "widget-description" >
A search form for your site.
< / div >
< / div > < / div >
< / div > <!-- #available - widgets - list -->
< / div > <!-- #available - widgets -->
< / div > <!-- #widgets - left -->
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
git-svn-id: https://develop.svn.wordpress.org/trunk@40640 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 23:10:54 +02:00
< script type = "text/html" id = "tmpl-widget-media-media_image-control" >
< # var elementIdPrefix = 'el' + String( Math.random() ) + '_' #>
< p >
< label for = "{{ elementIdPrefix }}title" > Title:< / label >
< input id = "{{ elementIdPrefix }}title" type = "text" class = "widefat title" >
< / p >
< div class = "media-widget-preview" >
< div class = "attachment-media-view" >
< div class = "placeholder" > No image selected< / div >
< / div >
< / div >
< p class = "media-widget-buttons" >
< button type = "button" class = "button edit-media selected" >
Edit Image < / button >
< button type = "button" class = "button change-media select-media selected" >
Replace Image < / button >
< button type = "button" class = "button select-media not-selected" >
Add Image < / button >
< / p >
< / script >
< script type = "text/html" id = "tmpl-wp-media-widget-image-preview" >
< #
var describedById = 'describedBy-' + String( Math.random() );
#>
< # if ( data.error & & 'missing_attachment' === data.error ) { #>
< div class = "notice notice-error notice-alt notice-missing-attachment" >
< 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 >
< / div >
< # } else if ( data.error ) { #>
< div class = "notice notice-error notice-alt" >
< p > Unable to preview media due to an unknown error.< / p >
< / div >
< # } else if ( data.url ) { #>
< img class = "attachment-thumb" src = "{{ data.url }}" draggable = "false" alt = "{{ data.alt }}" < # if ( ! data . alt & & data . currentFilename ) { # > aria-describedby="{{ describedById }}" < # } #> />
< # if ( ! data.alt & & data.currentFilename ) { #>
< p class = "hidden" id = "{{ describedById }}" > Current image: {{ data.currentFilename }}< / p >
< # } #>
< # } #>
< / script >
< script type = "text/html" id = "tmpl-widget-media-media_video-control" >
< # var elementIdPrefix = 'el' + String( Math.random() ) + '_' #>
< p >
< label for = "{{ elementIdPrefix }}title" > Title:< / label >
< input id = "{{ elementIdPrefix }}title" type = "text" class = "widefat title" >
< / p >
< div class = "media-widget-preview" >
< div class = "attachment-media-view" >
< div class = "placeholder" > No video selected< / div >
< / div >
< / div >
< p class = "media-widget-buttons" >
< button type = "button" class = "button edit-media selected" >
Edit Video < / button >
< button type = "button" class = "button change-media select-media selected" >
Replace Video < / button >
< button type = "button" class = "button select-media not-selected" >
Add Video < / button >
< / p >
< / script >
< script type = "text/html" id = "tmpl-wp-media-widget-video-preview" >
< # if ( data.error & & 'missing_attachment' === data.error ) { #>
< div class = "notice notice-error notice-alt notice-missing-attachment" >
< 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 >
< / div >
< # } else if ( data.error & & 'unsupported_file_type' === data.error ) { #>
< div class = "notice notice-error notice-alt notice-missing-attachment" >
< 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 >
< / div >
< # } else if ( data.error ) { #>
< div class = "notice notice-error notice-alt" >
< p > Unable to preview media due to an unknown error.< / p >
< / div >
< # } else if ( data.is_hosted_embed & & data.model.poster ) { #>
< a href = "{{ data.model.src }}" target = "_blank" class = "media-widget-video-link" >
< img src = "{{ data.model.poster }}" / >
< / a >
< # } else if ( data.is_hosted_embed ) { #>
< a href = "{{ data.model.src }}" target = "_blank" class = "media-widget-video-link no-poster" >
< span class = "dashicons dashicons-format-video" > < / span >
< / a >
< # } else if ( data.model.src ) { #>
< # var w_rule = '', classes = [],
w, h, settings = wp.media.view.settings,
isYouTube = isVimeo = false;
if ( ! _.isEmpty( data.model.src ) ) {
isYouTube = data.model.src.match(/youtube|youtu\.be/);
isVimeo = -1 !== data.model.src.indexOf('vimeo');
}
if ( settings.contentWidth & & data.model.width >= settings.contentWidth ) {
w = settings.contentWidth;
} else {
w = data.model.width;
}
if ( w !== data.model.width ) {
h = Math.ceil( ( data.model.height * w ) / data.model.width );
} else {
h = data.model.height;
}
if ( w ) {
w_rule = 'width: ' + w + 'px; ';
}
if ( isYouTube ) {
classes.push( 'youtube-video' );
}
if ( isVimeo ) {
classes.push( 'vimeo-video' );
}
#>
< div style = "{{ w_rule }}" class = "wp-video" >
< video controls
class="wp-video-shortcode {{ classes.join( ' ' ) }}"
< # if ( w ) { #>width="{{ w }}"< # } #>
< # if ( h ) { #>height="{{ h }}"< # } #>
< #
if ( ! _.isUndefined( data.model.poster ) & & data.model.poster ) {
#> poster="{{ data.model.poster }}"< #
} #>
preload="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"< #
if ( ! _.isUndefined( data.model.autoplay ) & & data.model.autoplay ) {
#> autoplay< #
}
if ( ! _.isUndefined( data.model.loop ) & & data.model.loop ) {
#> loop< #
}
#>
>
< # if ( ! _.isEmpty( data.model.src ) ) {
if ( isYouTube ) { #>
< source src = "{{ data.model.src }}" type = "video/youtube" / >
< # } else if ( isVimeo ) { #>
< source src = "{{ data.model.src }}" type = "video/vimeo" / >
< # } else { #>
< source src = "{{ data.model.src }}" type = "{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" / >
< # }
} #>
< # if ( data.model.mp4 ) { #>
< source src = "{{ data.model.mp4 }}" type = "{{ settings.embedMimes[ 'mp4' ] }}" / >
< # } #>
< # if ( data.model.m4v ) { #>
< source src = "{{ data.model.m4v }}" type = "{{ settings.embedMimes[ 'm4v' ] }}" / >
< # } #>
< # if ( data.model.webm ) { #>
< source src = "{{ data.model.webm }}" type = "{{ settings.embedMimes[ 'webm' ] }}" / >
< # } #>
< # if ( data.model.ogv ) { #>
< source src = "{{ data.model.ogv }}" type = "{{ settings.embedMimes[ 'ogv' ] }}" / >
< # } #>
< # if ( data.model.wmv ) { #>
< source src = "{{ data.model.wmv }}" type = "{{ settings.embedMimes[ 'wmv' ] }}" / >
< # } #>
< # if ( data.model.flv ) { #>
< source src = "{{ data.model.flv }}" type = "{{ settings.embedMimes[ 'flv' ] }}" / >
< # } #>
{{{ data.model.content }}}
< / video >
< / div >
< # } #>
< / script >
< script type = "text/html" id = "tmpl-widget-media-media_audio-control" >
< # var elementIdPrefix = 'el' + String( Math.random() ) + '_' #>
< p >
< label for = "{{ elementIdPrefix }}title" > Title:< / label >
< input id = "{{ elementIdPrefix }}title" type = "text" class = "widefat title" >
< / p >
< div class = "media-widget-preview" >
< div class = "attachment-media-view" >
< div class = "placeholder" > No audio selected< / div >
< / div >
< / div >
< p class = "media-widget-buttons" >
< button type = "button" class = "button edit-media selected" >
Edit Audio < / button >
< button type = "button" class = "button change-media select-media selected" >
Replace Audio < / button >
< button type = "button" class = "button select-media not-selected" >
2017-05-18 20:33:57 +02:00
Add Audio < / button >
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
git-svn-id: https://develop.svn.wordpress.org/trunk@40640 602fd350-edb4-49c9-b593-d223f7449a82
2017-05-11 23:10:54 +02:00
< / p >
< / script >
< script type = "text/html" id = "tmpl-wp-media-widget-audio-preview" >
< # if ( data.error & & 'missing_attachment' === data.error ) { #>
< div class = "notice notice-error notice-alt notice-missing-attachment" >
< 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 >
< / div >
< # } else if ( data.error ) { #>
< div class = "notice notice-error notice-alt" >
< p > Unable to preview media due to an unknown error.< / p >
< / div >
< # } else if ( data.model & & data.model.src ) { #>
< audio style = "visibility: hidden"
controls
class="wp-audio-shortcode"
width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}"
preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}"
< #
if ( ! _.isUndefined( data.model.autoplay ) & & data.model.autoplay ) {
#> autoplay< #
}
if ( ! _.isUndefined( data.model.loop ) & & data.model.loop ) {
#> loop< #
}
#>
>
< # if ( ! _.isEmpty( data.model.src ) ) { #>
< source src = "{{ data.model.src }}" type = "{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.mp3 ) ) { #>
< source src = "{{ data.model.mp3 }}" type = "{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.ogg ) ) { #>
< source src = "{{ data.model.ogg }}" type = "{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.wma ) ) { #>
< source src = "{{ data.model.wma }}" type = "{{ wp.media.view.settings.embedMimes[ 'wma' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.m4a ) ) { #>
< source src = "{{ data.model.m4a }}" type = "{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.wav ) ) { #>
< source src = "{{ data.model.wav }}" type = "{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" / >
< # } #>
< / audio >
< # } #>
< / script >
< script type = "text/html" id = "tmpl-media-frame" >
< div class = "media-frame-menu" > < / div >
< div class = "media-frame-title" > < / div >
< div class = "media-frame-router" > < / div >
< div class = "media-frame-content" > < / div >
< div class = "media-frame-toolbar" > < / div >
< div class = "media-frame-uploader" > < / div >
< / script >
< script type = "text/html" id = "tmpl-media-modal" >
< div class = "media-modal wp-core-ui" >
< button type = "button" class = "media-modal-close" > < span class = "media-modal-icon" > < span class = "screen-reader-text" > Close media panel< / span > < / span > < / button >
< div class = "media-modal-content" > < / div >
< / div >
< div class = "media-modal-backdrop" > < / div >
< / script >
< script type = "text/html" id = "tmpl-uploader-window" >
< div class = "uploader-window-content" >
< h1 > Drop files to upload< / h1 >
< / div >
< / script >
< script type = "text/html" id = "tmpl-uploader-editor" >
< div class = "uploader-editor-content" >
< div class = "uploader-editor-title" > Drop files to upload< / div >
< / div >
< / script >
< script type = "text/html" id = "tmpl-uploader-inline" >
< # var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #>
< # if ( data.canClose ) { #>
< button class = "close dashicons dashicons-no" > < span class = "screen-reader-text" > Close uploader< / span > < / button >
< # } #>
< div class = "uploader-inline-content {{ messageClass }}" >
< # if ( data.message ) { #>
< h2 class = "upload-message" > {{ data.message }}< / h2 >
< # } #>
< div class = "upload-ui" >
< h2 class = "upload-instructions drop-instructions" > Drop files anywhere to upload< / h2 >
< p class = "upload-instructions drop-instructions" > or< / p >
< button type = "button" class = "browser button button-hero" > Select Files< / button >
< / div >
< div class = "upload-inline-status" > < / div >
< div class = "post-upload-ui" >
< p class = "max-upload-size" > Maximum upload file size: 2 MB.< / p >
< # if ( data.suggestedWidth & & data.suggestedHeight ) { #>
< p class = "suggested-dimensions" >
Suggested image dimensions: {{data.suggestedWidth}} × {{data.suggestedHeight}}
< / p >
< # } #>
< / div >
< / div >
< / script >
< script type = "text/html" id = "tmpl-media-library-view-switcher" >
< a href = "?mode=list" class = "view-list" >
< span class = "screen-reader-text" > List View< / span >
< / a >
< a href = "?mode=grid" class = "view-grid current" >
< span class = "screen-reader-text" > Grid View< / span >
< / a >
< / script >
< script type = "text/html" id = "tmpl-uploader-status" >
< h2 > Uploading< / h2 >
< button type = "button" class = "button-link upload-dismiss-errors" > < span class = "screen-reader-text" > Dismiss Errors< / span > < / button >
< div class = "media-progress-bar" > < div > < / div > < / div >
< div class = "upload-details" >
< span class = "upload-count" >
< span class = "upload-index" > < / span > / < span class = "upload-total" > < / span >
< / span >
< span class = "upload-detail-separator" > – < / span >
< span class = "upload-filename" > < / span >
< / div >
< div class = "upload-errors" > < / div >
< / script >
< script type = "text/html" id = "tmpl-uploader-status-error" >
< span class = "upload-error-filename" > {{{ data.filename }}}< / span >
< span class = "upload-error-message" > {{ data.message }}< / span >
< / script >
< script type = "text/html" id = "tmpl-edit-attachment-frame" >
< div class = "edit-media-header" >
< button class = "left dashicons <# if ( ! data.hasPrevious ) { #> disabled <# } #>" > < span class = "screen-reader-text" > Edit previous media item< / span > < / button >
< button class = "right dashicons <# if ( ! data.hasNext ) { #> disabled <# } #>" > < span class = "screen-reader-text" > Edit next media item< / span > < / button >
< / div >
< div class = "media-frame-title" > < / div >
< div class = "media-frame-content" > < / div >
< / script >
< script type = "text/html" id = "tmpl-attachment-details-two-column" >
< div class = "attachment-media-view {{ data.orientation }}" >
< div class = "thumbnail thumbnail-{{ data.type }}" >
< # if ( data.uploading ) { #>
< div class = "media-progress-bar" > < div > < / div > < / div >
< # } else if ( data.sizes & & data.sizes.large ) { #>
< img class = "details-image" src = "{{ data.sizes.large.url }}" draggable = "false" alt = "" / >
< # } else if ( data.sizes & & data.sizes.full ) { #>
< img class = "details-image" src = "{{ data.sizes.full.url }}" draggable = "false" alt = "" / >
< # } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #>
< img class = "details-image icon" src = "{{ data.icon }}" draggable = "false" alt = "" / >
< # } #>
< # if ( 'audio' === data.type ) { #>
< div class = "wp-media-wrapper" >
< audio style = "visibility: hidden" controls class = "wp-audio-shortcode" width = "100%" preload = "none" >
< source type = "{{ data.mime }}" src = "{{ data.url }}" / >
< / audio >
< / div >
< # } else if ( 'video' === data.type ) {
var w_rule = '';
if ( data.width ) {
w_rule = 'width: ' + data.width + 'px;';
} else if ( wp.media.view.settings.contentWidth ) {
w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
}
#>
< div style = "{{ w_rule }}" class = "wp-media-wrapper wp-video" >
< video controls = "controls" class = "wp-video-shortcode" preload = "metadata"
< # if ( data.width ) { #>width="{{ data.width }}"< # } #>
< # if ( data.height ) { #>height="{{ data.height }}"< # } #>
< # if ( data.image & & data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"< # } #>>
< source type = "{{ data.mime }}" src = "{{ data.url }}" / >
< / video >
< / div >
< # } #>
< div class = "attachment-actions" >
< # if ( 'image' === data.type & & ! data.uploading & & data.sizes & & data.can.save ) { #>
< button type = "button" class = "button edit-attachment" > Edit Image< / button >
< # } else if ( 'pdf' === data.subtype & & data.sizes ) { #>
Document Preview < # } #>
< / div >
< / div >
< / div >
< div class = "attachment-info" >
< span class = "settings-save-status" >
< span class = "spinner" > < / span >
< span class = "saved" > Saved.< / span >
< / span >
< div class = "details" >
< div class = "filename" > < strong > File name:< / strong > {{ data.filename }}< / div >
< div class = "filename" > < strong > File type:< / strong > {{ data.mime }}< / div >
< div class = "uploaded" > < strong > Uploaded on:< / strong > {{ data.dateFormatted }}< / div >
< div class = "file-size" > < strong > File size:< / strong > {{ data.filesizeHumanReadable }}< / div >
< # if ( 'image' === data.type & & ! data.uploading ) { #>
< # if ( data.width & & data.height ) { #>
< div class = "dimensions" > < strong > Dimensions:< / strong > {{ data.width }} × {{ data.height }}< / div >
< # } #>
< # } #>
< # if ( data.fileLength ) { #>
< div class = "file-length" > < strong > Length:< / strong > {{ data.fileLength }}< / div >
< # } #>
< # if ( 'audio' === data.type & & data.meta.bitrate ) { #>
< div class = "bitrate" >
< strong > Bitrate:< / strong > {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
< # if ( data.meta.bitrate_mode ) { #>
{{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
< # } #>
< / div >
< # } #>
< div class = "compat-meta" >
< # if ( data.compat & & data.compat.meta ) { #>
{{{ data.compat.meta }}}
< # } #>
< / div >
< / div >
< div class = "settings" >
< label class = "setting" data-setting = "url" >
< span class = "name" > URL< / span >
< input type = "text" value = "{{ data.url }}" readonly / >
< / label >
< # var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
< label class = "setting" data-setting = "title" >
< span class = "name" > Title< / span >
< input type = "text" value = "{{ data.title }}" { { maybeReadOnly } } / >
< / label >
< # if ( 'audio' === data.type ) { #>
< label class = "setting" data-setting = "artist" >
< span class = "name" > Artist< / span >
< input type = "text" value = "{{ data.artist || data.meta.artist || '' }}" / >
< / label >
< label class = "setting" data-setting = "album" >
< span class = "name" > Album< / span >
< input type = "text" value = "{{ data.album || data.meta.album || '' }}" / >
< / label >
< # } #>
< label class = "setting" data-setting = "caption" >
< span class = "name" > Caption< / span >
< textarea { { maybeReadOnly } } > {{ data.caption }}< / textarea >
< / label >
< # if ( 'image' === data.type ) { #>
< label class = "setting" data-setting = "alt" >
< span class = "name" > Alt Text< / span >
< input type = "text" value = "{{ data.alt }}" { { maybeReadOnly } } / >
< / label >
< # } #>
< label class = "setting" data-setting = "description" >
< span class = "name" > Description< / span >
< textarea { { maybeReadOnly } } > {{ data.description }}< / textarea >
< / label >
< label class = "setting" >
< span class = "name" > Uploaded By< / span >
< span class = "value" > {{ data.authorName }}< / span >
< / label >
< # if ( data.uploadedToTitle ) { #>
< label class = "setting" >
< span class = "name" > Uploaded To< / span >
< # if ( data.uploadedToLink ) { #>
< span class = "value" > < a href = "{{ data.uploadedToLink }}" > {{ data.uploadedToTitle }}< / a > < / span >
< # } else { #>
< span class = "value" > {{ data.uploadedToTitle }}< / span >
< # } #>
< / label >
< # } #>
< div class = "attachment-compat" > < / div >
< / div >
< div class = "actions" >
< a class = "view-attachment" href = "{{ data.link }}" > View attachment page< / a >
< # if ( data.can.save ) { #> |
< a href = "post.php?post={{ data.id }}&action=edit" > Edit more details< / a >
< # } #>
< # if ( ! data.uploading & & data.can.remove ) { #> |
< button type = "button" class = "button-link delete-attachment" > Delete Permanently< / button >
< # } #>
< / div >
< / div >
< / script >
< script type = "text/html" id = "tmpl-attachment" >
< div class = "attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}" >
< div class = "thumbnail" >
< # if ( data.uploading ) { #>
< div class = "media-progress-bar" > < div style = "width: {{ data.percent }}%" > < / div > < / div >
< # } else if ( 'image' === data.type & & data.sizes ) { #>
< div class = "centered" >
< img src = "{{ data.size.url }}" draggable = "false" alt = "" / >
< / div >
< # } else { #>
< div class = "centered" >
< # if ( data.image & & data.image.src & & data.image.src !== data.icon ) { #>
< img src = "{{ data.image.src }}" class = "thumbnail" draggable = "false" alt = "" / >
< # } else if ( data.sizes & & data.sizes.medium ) { #>
< img src = "{{ data.sizes.medium.url }}" class = "thumbnail" draggable = "false" alt = "" / >
< # } else { #>
< img src = "{{ data.icon }}" class = "icon" draggable = "false" alt = "" / >
< # } #>
< / div >
< div class = "filename" >
< div > {{ data.filename }}< / div >
< / div >
< # } #>
< / div >
< # if ( data.buttons.close ) { #>
< button type = "button" class = "button-link attachment-close media-modal-icon" > < span class = "screen-reader-text" > Remove< / span > < / button >
< # } #>
< / div >
< # if ( data.buttons.check ) { #>
< button type = "button" class = "check" tabindex = "-1" > < span class = "media-modal-icon" > < / span > < span class = "screen-reader-text" > Deselect< / span > < / button >
< # } #>
< #
var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';
if ( data.describe ) {
if ( 'image' === data.type ) { #>
< input type = "text" value = "{{ data.caption }}" class = "describe" data-setting = "caption"
placeholder="Caption this image… " {{ maybeReadOnly }} />
< # } else { #>
< input type = "text" value = "{{ data.title }}" class = "describe" data-setting = "title"
< # if ( 'video' === data.type ) { #>
placeholder="Describe this video… "
< # } else if ( 'audio' === data.type ) { #>
placeholder="Describe this audio file… "
< # } else { #>
placeholder="Describe this media file… "
< # } #> {{ maybeReadOnly }} />
< # }
} #>
< / script >
< script type = "text/html" id = "tmpl-attachment-details" >
< h2 >
Attachment Details < span class = "settings-save-status" >
< span class = "spinner" > < / span >
< span class = "saved" > Saved.< / span >
< / span >
< / h2 >
< div class = "attachment-info" >
< div class = "thumbnail thumbnail-{{ data.type }}" >
< # if ( data.uploading ) { #>
< div class = "media-progress-bar" > < div > < / div > < / div >
< # } else if ( 'image' === data.type & & data.sizes ) { #>
< img src = "{{ data.size.url }}" draggable = "false" alt = "" / >
< # } else { #>
< img src = "{{ data.icon }}" class = "icon" draggable = "false" alt = "" / >
< # } #>
< / div >
< div class = "details" >
< div class = "filename" > {{ data.filename }}< / div >
< div class = "uploaded" > {{ data.dateFormatted }}< / div >
< div class = "file-size" > {{ data.filesizeHumanReadable }}< / div >
< # if ( 'image' === data.type & & ! data.uploading ) { #>
< # if ( data.width & & data.height ) { #>
< div class = "dimensions" > {{ data.width }} × {{ data.height }}< / div >
< # } #>
< # if ( data.can.save & & data.sizes ) { #>
< a class = "edit-attachment" href = "{{ data.editLink }}&image-editor" target = "_blank" > Edit Image< / a >
< # } #>
< # } #>
< # if ( data.fileLength ) { #>
< div class = "file-length" > Length: {{ data.fileLength }}< / div >
< # } #>
< # if ( ! data.uploading & & data.can.remove ) { #>
< button type = "button" class = "button-link delete-attachment" > Delete Permanently< / button >
< # } #>
< div class = "compat-meta" >
< # if ( data.compat & & data.compat.meta ) { #>
{{{ data.compat.meta }}}
< # } #>
< / div >
< / div >
< / div >
< label class = "setting" data-setting = "url" >
< span class = "name" > URL< / span >
< input type = "text" value = "{{ data.url }}" readonly / >
< / label >
< # var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
< label class = "setting" data-setting = "title" >
< span class = "name" > Title< / span >
< input type = "text" value = "{{ data.title }}" { { maybeReadOnly } } / >
< / label >
< # if ( 'audio' === data.type ) { #>
< label class = "setting" data-setting = "artist" >
< span class = "name" > Artist< / span >
< input type = "text" value = "{{ data.artist || data.meta.artist || '' }}" / >
< / label >
< label class = "setting" data-setting = "album" >
< span class = "name" > Album< / span >
< input type = "text" value = "{{ data.album || data.meta.album || '' }}" / >
< / label >
< # } #>
< label class = "setting" data-setting = "caption" >
< span class = "name" > Caption< / span >
< textarea { { maybeReadOnly } } > {{ data.caption }}< / textarea >
< / label >
< # if ( 'image' === data.type ) { #>
< label class = "setting" data-setting = "alt" >
< span class = "name" > Alt Text< / span >
< input type = "text" value = "{{ data.alt }}" { { maybeReadOnly } } / >
< / label >
< # } #>
< label class = "setting" data-setting = "description" >
< span class = "name" > Description< / span >
< textarea { { maybeReadOnly } } > {{ data.description }}< / textarea >
< / label >
< / script >
< script type = "text/html" id = "tmpl-media-selection" >
< div class = "selection-info" >
< span class = "count" > < / span >
< # if ( data.editable ) { #>
< button type = "button" class = "button-link edit-selection" > Edit Selection< / button >
< # } #>
< # if ( data.clearable ) { #>
< button type = "button" class = "button-link clear-selection" > Clear< / button >
< # } #>
< / div >
< div class = "selection-view" > < / div >
< / script >
< script type = "text/html" id = "tmpl-attachment-display-settings" >
< h2 > Attachment Display Settings< / h2 >
< # if ( 'image' === data.type ) { #>
< label class = "setting" >
< span > Alignment< / span >
< select class = "alignment"
data-setting="align"
< # if ( data.userSettings ) { #>
data-user-setting="align"
< # } #>>
< option value = "left" >
Left < / option >
< option value = "center" >
Center < / option >
< option value = "right" >
Right < / option >
< option value = "none" selected >
None < / option >
< / select >
< / label >
< # } #>
< div class = "setting" >
< label >
< # if ( data.model.canEmbed ) { #>
< span > Embed or Link< / span >
< # } else { #>
< span > Link To< / span >
< # } #>
< select class = "link-to"
data-setting="link"
< # if ( data.userSettings & & ! data.model.canEmbed ) { #>
data-user-setting="urlbutton"
< # } #>>
< # if ( data.model.canEmbed ) { #>
< option value = "embed" selected >
Embed Media Player < / option >
< option value = "file" >
< # } else { #>
< option value = "none" selected >
None < / option >
< option value = "file" >
< # } #>
< # if ( data.model.canEmbed ) { #>
Link to Media File < # } else { #>
Media File < # } #>
< / option >
< option value = "post" >
< # if ( data.model.canEmbed ) { #>
Link to Attachment Page < # } else { #>
Attachment Page < # } #>
< / option >
< # if ( 'image' === data.type ) { #>
< option value = "custom" >
Custom URL < / option >
< # } #>
< / select >
< / label >
< input type = "text" class = "link-to-custom" data-setting = "linkUrl" / >
< / div >
< # if ( 'undefined' !== typeof data.sizes ) { #>
< label class = "setting" >
< span > Size< / span >
< select class = "size" name = "size"
data-setting="size"
< # if ( data.userSettings ) { #>
data-user-setting="imgsize"
< # } #>>
< #
var size = data.sizes['thumbnail'];
if ( size ) { #>
< option value = "thumbnail" >
Thumbnail – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['medium'];
if ( size ) { #>
< option value = "medium" >
Medium – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['large'];
if ( size ) { #>
< option value = "large" >
Large – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['full'];
if ( size ) { #>
< option value = "full" selected = 'selected' >
Full Size – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< / select >
< / label >
< # } #>
< / script >
< script type = "text/html" id = "tmpl-gallery-settings" >
< h2 > Gallery Settings< / h2 >
< label class = "setting" >
< span > Link To< / span >
< select class = "link-to"
data-setting="link"
< # if ( data.userSettings ) { #>
data-user-setting="urlbutton"
< # } #>>
< option value = "post" < # if ( ! wp . media . galleryDefaults . link | | ' post ' = = wp . media . galleryDefaults . link ) {
#>selected="selected"< # }
#>>
Attachment Page < / option >
< option value = "file" < # if ( ' file ' = = wp . media . galleryDefaults . link ) { # > selected="selected"< # } #>>
Media File < / option >
< option value = "none" < # if ( ' none ' = = wp . media . galleryDefaults . link ) { # > selected="selected"< # } #>>
None < / option >
< / select >
< / label >
< label class = "setting" >
< span > Columns< / span >
< select class = "columns" name = "columns"
data-setting="columns">
< option value = "1" < #
if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
1 < / option >
< option value = "2" < #
if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
2 < / option >
< option value = "3" < #
if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
3 < / option >
< option value = "4" < #
if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
4 < / option >
< option value = "5" < #
if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
5 < / option >
< option value = "6" < #
if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
6 < / option >
< option value = "7" < #
if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
7 < / option >
< option value = "8" < #
if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
8 < / option >
< option value = "9" < #
if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"< # }
#>>
9 < / option >
< / select >
< / label >
< label class = "setting" >
< span > Random Order< / span >
< input type = "checkbox" data-setting = "_orderbyRandom" / >
< / label >
< label class = "setting size" >
< span > Size< / span >
< select class = "size" name = "size"
data-setting="size"
< # if ( data.userSettings ) { #>
data-user-setting="imgsize"
< # } #>
>
< option value = "thumbnail" >
Thumbnail < / option >
< option value = "medium" >
Medium < / option >
< option value = "large" >
Large < / option >
< option value = "full" >
Full Size < / option >
< / select >
< / label >
< / script >
< script type = "text/html" id = "tmpl-playlist-settings" >
< h2 > Playlist Settings< / h2 >
< # var emptyModel = _.isEmpty( data.model ),
isVideo = 'video' === data.controller.get('library').props.get('type'); #>
< label class = "setting" >
< input type = "checkbox" data-setting = "tracklist" < # if ( emptyModel ) { # >
checked="checked"
< # } #> />
< # if ( isVideo ) { #>
< span > Show Video List< / span >
< # } else { #>
< span > Show Tracklist< / span >
< # } #>
< / label >
< # if ( ! isVideo ) { #>
< label class = "setting" >
< input type = "checkbox" data-setting = "artists" < # if ( emptyModel ) { # >
checked="checked"
< # } #> />
< span > Show Artist Name in Tracklist< / span >
< / label >
< # } #>
< label class = "setting" >
< input type = "checkbox" data-setting = "images" < # if ( emptyModel ) { # >
checked="checked"
< # } #> />
< span > Show Images< / span >
< / label >
< / script >
< script type = "text/html" id = "tmpl-embed-link-settings" >
< label class = "setting link-text" >
< span > Link Text< / span >
< input type = "text" class = "alignment" data-setting = "linkText" / >
< / label >
< div class = "embed-container" style = "display: none;" >
< div class = "embed-preview" > < / div >
< / div >
< / script >
< script type = "text/html" id = "tmpl-embed-image-settings" >
< div class = "thumbnail" >
< img src = "{{ data.model.url }}" draggable = "false" alt = "" / >
< / div >
< label class = "setting caption" >
< span > Caption< / span >
< textarea data-setting = "caption" / >
< / label >
< label class = "setting alt-text" >
< span > Alt Text< / span >
< input type = "text" data-setting = "alt" / >
< / label >
< div class = "setting align" >
< span > Align< / span >
< div class = "button-group button-large" data-setting = "align" >
< button class = "button" value = "left" >
Left < / button >
< button class = "button" value = "center" >
Center < / button >
< button class = "button" value = "right" >
Right < / button >
< button class = "button active" value = "none" >
None < / button >
< / div >
< / div >
< div class = "setting link-to" >
< span > Link To< / span >
< div class = "button-group button-large" data-setting = "link" >
< button class = "button" value = "file" >
Image URL < / button >
< button class = "button" value = "custom" >
Custom URL < / button >
< button class = "button active" value = "none" >
None < / button >
< / div >
< input type = "text" class = "link-to-custom" data-setting = "linkUrl" / >
< / div >
< / script >
< script type = "text/html" id = "tmpl-image-details" >
< div class = "media-embed" >
< div class = "embed-media-settings" >
< div class = "column-image" >
< div class = "image" >
< img src = "{{ data.model.url }}" draggable = "false" alt = "" / >
< # if ( data.attachment & & window.imageEdit ) { #>
< div class = "actions" >
< input type = "button" class = "edit-attachment button" value = "Edit Original" / >
< input type = "button" class = "replace-attachment button" value = "Replace" / >
< / div >
< # } #>
< / div >
< / div >
< div class = "column-settings" >
< label class = "setting caption" >
< span > Caption< / span >
< textarea data-setting = "caption" > {{ data.model.caption }}< / textarea >
< / label >
< label class = "setting alt-text" >
< span > Alternative Text< / span >
< input type = "text" data-setting = "alt" value = "{{ data.model.alt }}" / >
< / label >
< h2 > Display Settings< / h2 >
< div class = "setting align" >
< span > Align< / span >
< div class = "button-group button-large" data-setting = "align" >
< button class = "button" value = "left" >
Left < / button >
< button class = "button" value = "center" >
Center < / button >
< button class = "button" value = "right" >
Right < / button >
< button class = "button active" value = "none" >
None < / button >
< / div >
< / div >
< # if ( data.attachment ) { #>
< # if ( 'undefined' !== typeof data.attachment.sizes ) { #>
< label class = "setting size" >
< span > Size< / span >
< select class = "size" name = "size"
data-setting="size"
< # if ( data.userSettings ) { #>
data-user-setting="imgsize"
< # } #>>
< #
var size = data.sizes['thumbnail'];
if ( size ) { #>
< option value = "thumbnail" >
Thumbnail – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['medium'];
if ( size ) { #>
< option value = "medium" >
Medium – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['large'];
if ( size ) { #>
< option value = "large" >
Large – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< #
var size = data.sizes['full'];
if ( size ) { #>
< option value = "full" >
Full Size – {{ size.width }} × {{ size.height }}
< / option >
< # } #>
< option value = "custom" >
Custom Size < / option >
< / select >
< / label >
< # } #>
< div class = "custom-size<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>" >
< label > < span > Width < small > (px)< / small > < / span > < input data-setting = "customWidth" type = "number" step = "1" value = "{{ data.model.customWidth }}" / > < / label > < span class = "sep" > × < / span > < label > < span > Height < small > (px)< / small > < / span > < input data-setting = "customHeight" type = "number" step = "1" value = "{{ data.model.customHeight }}" / > < / label >
< / div >
< # } #>
< div class = "setting link-to" >
< span > Link To< / span >
< select data-setting = "link" >
< # if ( data.attachment ) { #>
< option value = "file" >
Media File < / option >
< option value = "post" >
Attachment Page < / option >
< # } else { #>
< option value = "file" >
Image URL < / option >
< # } #>
< option value = "custom" >
Custom URL < / option >
< option value = "none" >
None < / option >
< / select >
< input type = "text" class = "link-to-custom" data-setting = "linkUrl" / >
< / div >
< div class = "advanced-section" >
< h2 > < button type = "button" class = "button-link advanced-toggle" > Advanced Options< / button > < / h2 >
< div class = "advanced-settings hidden" >
< div class = "advanced-image" >
< label class = "setting title-text" >
< span > Image Title Attribute< / span >
< input type = "text" data-setting = "title" value = "{{ data.model.title }}" / >
< / label >
< label class = "setting extra-classes" >
< span > Image CSS Class< / span >
< input type = "text" data-setting = "extraClasses" value = "{{ data.model.extraClasses }}" / >
< / label >
< / div >
< div class = "advanced-link" >
< div class = "setting link-target" >
< label > < input type = "checkbox" data-setting = "linkTargetBlank" value = "_blank" < # if ( data . model . linkTargetBlank ) { # > checked="checked"< # } #>>Open link in a new tab< / label >
< / div >
< label class = "setting link-rel" >
< span > Link Rel< / span >
< input type = "text" data-setting = "linkRel" value = "{{ data.model.linkClassName }}" / >
< / label >
< label class = "setting link-class-name" >
< span > Link CSS Class< / span >
< input type = "text" data-setting = "linkClassName" value = "{{ data.model.linkClassName }}" / >
< / label >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / script >
< script type = "text/html" id = "tmpl-image-editor" >
< div id = "media-head-{{ data.id }}" > < / div >
< div id = "image-editor-{{ data.id }}" > < / div >
< / script >
< 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
}; #>
< div class = "media-embed media-embed-details" >
< div class = "embed-media-settings embed-audio-settings" >
< audio style = "visibility: hidden"
controls
class="wp-audio-shortcode"
width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}"
preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}"
< #
if ( ! _.isUndefined( data.model.autoplay ) & & data.model.autoplay ) {
#> autoplay< #
}
if ( ! _.isUndefined( data.model.loop ) & & data.model.loop ) {
#> loop< #
}
#>
>
< # if ( ! _.isEmpty( data.model.src ) ) { #>
< source src = "{{ data.model.src }}" type = "{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.mp3 ) ) { #>
< source src = "{{ data.model.mp3 }}" type = "{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.ogg ) ) { #>
< source src = "{{ data.model.ogg }}" type = "{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.wma ) ) { #>
< source src = "{{ data.model.wma }}" type = "{{ wp.media.view.settings.embedMimes[ 'wma' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.m4a ) ) { #>
< source src = "{{ data.model.m4a }}" type = "{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" / >
< # } #>
< # if ( ! _.isEmpty( data.model.wav ) ) { #>
< source src = "{{ data.model.wav }}" type = "{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" / >
< # } #>
< / audio >
< # 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" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.mp3 ) ) {
if ( ! _.isUndefined( html5types.mp3 ) ) {
delete html5types.mp3;
}
#>
< label class = "setting" >
< span > MP3< / span >
< input type = "text" disabled = "disabled" data-setting = "mp3" value = "{{ data.model.mp3 }}" / >
< button type = "button" class = "button-link remove-setting" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.ogg ) ) {
if ( ! _.isUndefined( html5types.ogg ) ) {
delete html5types.ogg;
}
#>
< label class = "setting" >
< span > OGG< / span >
< input type = "text" disabled = "disabled" data-setting = "ogg" value = "{{ data.model.ogg }}" / >
< button type = "button" class = "button-link remove-setting" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.wma ) ) {
if ( ! _.isUndefined( html5types.wma ) ) {
delete html5types.wma;
}
#>
< label class = "setting" >
< span > WMA< / span >
< input type = "text" disabled = "disabled" data-setting = "wma" value = "{{ data.model.wma }}" / >
< button type = "button" class = "button-link remove-setting" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.m4a ) ) {
if ( ! _.isUndefined( html5types.m4a ) ) {
delete html5types.m4a;
}
#>
< label class = "setting" >
< span > M4A< / span >
< input type = "text" disabled = "disabled" data-setting = "m4a" value = "{{ data.model.m4a }}" / >
< button type = "button" class = "button-link remove-setting" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.wav ) ) {
if ( ! _.isUndefined( html5types.wav ) ) {
delete html5types.wav;
}
#>
< label class = "setting" >
< span > WAV< / span >
< input type = "text" disabled = "disabled" data-setting = "wav" value = "{{ data.model.wav }}" / >
< button type = "button" class = "button-link remove-setting" > Remove audio source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( html5types ) ) { #>
< div class = "setting" >
< span > 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 > Preload< / span >
< div class = "button-group button-large" data-setting = "preload" >
< button class = "button" value = "auto" > Auto< / button >
< button class = "button" value = "metadata" > Metadata< / button >
< button class = "button active" value = "none" > None< / button >
< / div >
< / div >
< label class = "setting checkbox-setting" >
< input type = "checkbox" data-setting = "autoplay" / >
< span > Autoplay< / span >
< / label >
< label class = "setting checkbox-setting" >
< input type = "checkbox" data-setting = "loop" / >
< span > 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
}; #>
< 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 );
}
#>
< # var w_rule = '', classes = [],
w, h, settings = wp.media.view.settings,
isYouTube = isVimeo = false;
if ( ! _.isEmpty( data.model.src ) ) {
isYouTube = data.model.src.match(/youtube|youtu\.be/);
isVimeo = -1 !== data.model.src.indexOf('vimeo');
}
if ( settings.contentWidth & & data.model.width >= settings.contentWidth ) {
w = settings.contentWidth;
} else {
w = data.model.width;
}
if ( w !== data.model.width ) {
h = Math.ceil( ( data.model.height * w ) / data.model.width );
} else {
h = data.model.height;
}
if ( w ) {
w_rule = 'width: ' + w + 'px; ';
}
if ( isYouTube ) {
classes.push( 'youtube-video' );
}
if ( isVimeo ) {
classes.push( 'vimeo-video' );
}
#>
< div style = "{{ w_rule }}" class = "wp-video" >
< video controls
class="wp-video-shortcode {{ classes.join( ' ' ) }}"
< # if ( w ) { #>width="{{ w }}"< # } #>
< # if ( h ) { #>height="{{ h }}"< # } #>
< #
if ( ! _.isUndefined( data.model.poster ) & & data.model.poster ) {
#> poster="{{ data.model.poster }}"< #
} #>
preload="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"< #
if ( ! _.isUndefined( data.model.autoplay ) & & data.model.autoplay ) {
#> autoplay< #
}
if ( ! _.isUndefined( data.model.loop ) & & data.model.loop ) {
#> loop< #
}
#>
>
< # if ( ! _.isEmpty( data.model.src ) ) {
if ( isYouTube ) { #>
< source src = "{{ data.model.src }}" type = "video/youtube" / >
< # } else if ( isVimeo ) { #>
< source src = "{{ data.model.src }}" type = "video/vimeo" / >
< # } else { #>
< source src = "{{ data.model.src }}" type = "{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" / >
< # }
} #>
< # if ( data.model.mp4 ) { #>
< source src = "{{ data.model.mp4 }}" type = "{{ settings.embedMimes[ 'mp4' ] }}" / >
< # } #>
< # if ( data.model.m4v ) { #>
< source src = "{{ data.model.m4v }}" type = "{{ settings.embedMimes[ 'm4v' ] }}" / >
< # } #>
< # if ( data.model.webm ) { #>
< source src = "{{ data.model.webm }}" type = "{{ settings.embedMimes[ 'webm' ] }}" / >
< # } #>
< # if ( data.model.ogv ) { #>
< source src = "{{ data.model.ogv }}" type = "{{ settings.embedMimes[ 'ogv' ] }}" / >
< # } #>
< # if ( data.model.wmv ) { #>
< source src = "{{ data.model.wmv }}" type = "{{ settings.embedMimes[ 'wmv' ] }}" / >
< # } #>
< # if ( data.model.flv ) { #>
< source src = "{{ data.model.flv }}" type = "{{ settings.embedMimes[ 'flv' ] }}" / >
< # } #>
{{{ data.model.content }}}
< / video >
< / div >
< # 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" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.mp4 ) ) {
if ( ! _.isUndefined( html5types.mp4 ) ) {
delete html5types.mp4;
}
#>
< label class = "setting" >
< span > MP4< / span >
< input type = "text" disabled = "disabled" data-setting = "mp4" value = "{{ data.model.mp4 }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.m4v ) ) {
if ( ! _.isUndefined( html5types.m4v ) ) {
delete html5types.m4v;
}
#>
< label class = "setting" >
< span > M4V< / span >
< input type = "text" disabled = "disabled" data-setting = "m4v" value = "{{ data.model.m4v }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.webm ) ) {
if ( ! _.isUndefined( html5types.webm ) ) {
delete html5types.webm;
}
#>
< label class = "setting" >
< span > WEBM< / span >
< input type = "text" disabled = "disabled" data-setting = "webm" value = "{{ data.model.webm }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.ogv ) ) {
if ( ! _.isUndefined( html5types.ogv ) ) {
delete html5types.ogv;
}
#>
< label class = "setting" >
< span > OGV< / span >
< input type = "text" disabled = "disabled" data-setting = "ogv" value = "{{ data.model.ogv }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.wmv ) ) {
if ( ! _.isUndefined( html5types.wmv ) ) {
delete html5types.wmv;
}
#>
< label class = "setting" >
< span > WMV< / span >
< input type = "text" disabled = "disabled" data-setting = "wmv" value = "{{ data.model.wmv }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< # if ( ! _.isEmpty( data.model.flv ) ) {
if ( ! _.isUndefined( html5types.flv ) ) {
delete html5types.flv;
}
#>
< label class = "setting" >
< span > FLV< / span >
< input type = "text" disabled = "disabled" data-setting = "flv" value = "{{ data.model.flv }}" / >
< button type = "button" class = "button-link remove-setting" > Remove video source< / button >
< / label >
< # } #>
< / div >
< # if ( ! _.isEmpty( html5types ) ) { #>
< div class = "setting" >
< span > 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 > Poster Image< / span >
< input type = "text" disabled = "disabled" data-setting = "poster" value = "{{ data.model.poster }}" / >
< button type = "button" class = "button-link remove-setting" > Remove poster image< / button >
< / label >
< # } #>
< div class = "setting preload" >
< span > Preload< / span >
< div class = "button-group button-large" data-setting = "preload" >
< button class = "button" value = "auto" > Auto< / button >
< button class = "button" value = "metadata" > Metadata< / button >
< button class = "button active" value = "none" > None< / button >
< / div >
< / div >
< label class = "setting checkbox-setting" >
< input type = "checkbox" data-setting = "autoplay" / >
< span > Autoplay< / span >
< / label >
< label class = "setting checkbox-setting" >
< input type = "checkbox" data-setting = "loop" / >
< span > Loop< / span >
< / label >
< label class = "setting" data-setting = "content" >
< span > 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" > Remove video track< / button >
< / p >
< # } ); #>
< # } else { #>
< em > 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 }}" alt = "" / >
< # } else { #>
< img src = "{{ attachment.url }}" alt = "" / >
< # } #>
< / dt >
< # if ( attachment.caption ) { #>
< dd class = "wp-caption-text gallery-caption" >
{{{ data.verifyHTML( 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 > No items found.< / p >
< / div >
< # } #>
< / script >
< script type = "text/html" id = "tmpl-crop-content" >
< img class = "crop-image" src = "{{ data.url }}" alt = "Image crop area preview. Requires mouse interaction." >
< div class = "upload-errors" > < / div >
< / script >
< script type = "text/html" id = "tmpl-site-icon-preview" >
< h2 > Preview< / h2 >
< strong aria-hidden = "true" > As a browser icon< / strong >
< div class = "favicon-preview" >
< img src = "http://src.wordpress-develop.dev/wp-admin/images/browser.png" class = "browser-preview" width = "182" height = "" alt = "" / >
< div class = "favicon" >
< img id = "preview-favicon" src = "{{ data.url }}" alt = "Preview as a browser icon" / >
< / div >
< span class = "browser-title" aria-hidden = "true" > WordPress Develop< / span >
< / div >
< strong aria-hidden = "true" > As an app icon< / strong >
< div class = "app-icon-preview" >
< img id = "preview-app-icon" src = "{{ data.url }}" alt = "Preview as an app icon" / >
< / div >
< / script >
2015-09-25 23:01:46 +02:00
< / div > <!-- end widget templates -->
2015-06-06 22:07:00 +02:00
< script src = "../../src/wp-includes/js/tinymce/tinymce.js" > < / script >
2016-11-01 21:05:48 +01:00
< script src = "../../src/wp-includes/js/tinymce/plugins/wptextpattern/plugin.js" > < / script >
2015-06-06 22:07:00 +02:00
< script src = "editor/js/utils.js" > < / script >
< script src = "wp-includes/js/tinymce/plugins/wptextpattern/plugin.js" > < / script >
2017-05-08 07:35:41 +02:00
< script src = "wp-includes/js/tinymce/tinymce-obsolete.js" > < / script >
Update/Install: Shiny Updates v2.
Gone are the days of isolation and feelings of "meh", brought on by The Bleak Screen of Sadness. For a shiny knight has arrived to usher our plugins and themes along their arduous journey of installation, updates, and the inevitable fate of ultimate deletion.
Props swissspidy, adamsilverstein, mapk, afragen, ocean90, ryelle, j-falk, michael-arestad, melchoyce, DrewAPicture, AdamSoucie, ethitter, pento, dd32, kraftbj, Ipstenu, jorbin, afercia, stephdau, paulwilde, jipmoors, khag7, svovaf, jipmoors, obenland.
Fixes #22029, #25828, #31002, #31529, #31530, #31773, #33637, #35032.
git-svn-id: https://develop.svn.wordpress.org/trunk@37714 602fd350-edb4-49c9-b593-d223f7449a82
2016-06-15 18:36:07 +02:00
<!-- Updates templates and HTML fixtures -->
< script id = "tmpl-wp-updates-admin-notice" type = "text/html" >
< div < # if ( data . id ) { # > id="{{ data.id }}"< # } #> class="notice {{ data.className }}">< p > {{{ data.message }}}< / p > < / div >
< / script >
< div hidden >
< li id = "wp-admin-bar-updates" >
< a class = "ab-item" href = "wp-admin/update-core.php" title = "2 Plugin Updates" >
< span class = "ab-icon" > < / span >
< span class = "ab-label" > 2< / span >
< span class = "screen-reader-text" > 2 Plugin Updates< / span >
< / a >
< / li >
< li class = "wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" id = "menu-plugins" >
< a href = "plugins.php" class = "wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" aria-haspopup = "true" >
< div class = "wp-menu-arrow" > < div > < / div > < / div >
< div class = "wp-menu-image dashicons-before dashicons-admin-plugins" > < br > < / div >
< div class = "wp-menu-name" > Plugins
< span class = "update-plugins count-2" >
< span class = "plugin-count" > 2< / span >
< / span >
< / div >
< / a >
< ul class = "wp-submenu wp-submenu-wrap" >
< li class = "wp-submenu-head" aria-hidden = "true" > Plugins
< span class = "update-plugins count-2" >
< span class = "plugin-count" > 2< / span >
< / span >
< / li >
< li class = "wp-first-item" >
< a href = "plugins.php" class = "wp-first-item" > Installed Plugins< / a > < / li > < li > < a href = "plugin-install.php" > Add New< / a >
< / li > < li >
< a href = "plugin-editor.php" > Editor< / a >
< / li >
< / ul >
< / li >
< / div >
2015-02-22 16:31:14 +01:00
< / body >
2013-08-29 20:42:59 +02:00
< / html >
