This repository has been archived by the owner on Aug 24, 2018. It is now read-only.
Gallery Widget #120
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Submodule dev-lib
updated
8 files
| +3 −2 | .travis.yml | |
| +21 −0 | LICENSE.txt | |
| +41 −15 | check-diff.sh | |
| +3 −3 | class-wordpress-readme-parser.php | |
| +5 −4 | generate-markdown-readme | |
| +8 −10 | package.json | |
| +8 −0 | phpcs.xml | |
| +5 −4 | readme.md |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,254 @@ | ||
| /* eslint consistent-this: [ "error", "control" ] */ | ||
| (function( component, $ ) { | ||
| 'use strict'; | ||
|
|
||
| var GalleryWidgetModel, GalleryWidgetControl, GalleryDetailsMediaFrame; | ||
|
|
||
| /** | ||
| * Custom gallery details frame. | ||
| * | ||
| * @class GalleryDetailsMediaFrame | ||
| * @constructor | ||
| */ | ||
| GalleryDetailsMediaFrame = wp.media.view.MediaFrame.Post.extend( { | ||
|
|
||
| /** | ||
| * Create the default states. | ||
| * | ||
| * @returns {void} | ||
| */ | ||
| createStates: function createStates() { | ||
| this.states.add([ | ||
| new wp.media.controller.Library({ | ||
| id: 'gallery', | ||
| title: wp.media.view.l10n.createGalleryTitle, | ||
| priority: 40, | ||
| toolbar: 'main-gallery', | ||
| filterable: 'uploaded', | ||
| multiple: 'add', | ||
| editable: true, | ||
|
|
||
| library: wp.media.query( _.defaults({ | ||
| type: 'image' | ||
| }, this.options.library ) ) | ||
| }), | ||
|
|
||
| // Gallery states. | ||
| new wp.media.controller.GalleryEdit({ | ||
| library: this.options.selection, | ||
| editing: this.options.editing, | ||
| menu: 'gallery' | ||
| }), | ||
|
|
||
| new wp.media.controller.GalleryAdd() | ||
| ]); | ||
| } | ||
| } ); | ||
|
|
||
| /** | ||
| * Gallery widget model. | ||
| * | ||
| * See WP_Widget_Gallery::enqueue_admin_scripts() for amending prototype from PHP exports. | ||
| * | ||
| * @class GalleryWidgetModel | ||
| * @constructor | ||
| */ | ||
| GalleryWidgetModel = component.MediaWidgetModel.extend( {} ); | ||
|
|
||
| /** | ||
| * Gallery widget control. | ||
| * | ||
| * See WP_Widget_Gallery::enqueue_admin_scripts() for amending prototype from PHP exports. | ||
| * | ||
| * @class GalleryWidgetControl | ||
| * @constructor | ||
| */ | ||
| GalleryWidgetControl = component.MediaWidgetControl.extend( { | ||
| /** | ||
| * Render preview. | ||
| * | ||
| * @returns {void} | ||
| */ | ||
| renderPreview: function renderPreview() { | ||
| var control = this, previewContainer, previewTemplate; | ||
| previewContainer = control.$el.find( '.media-widget-preview' ); | ||
| previewTemplate = wp.template( 'wp-media-widget-gallery-preview' ); | ||
| previewContainer.html( previewTemplate( control.previewTemplateProps.toJSON() ) ); | ||
| }, | ||
| isSelected: function isSelected() { | ||
| var control = this; | ||
|
|
||
| if ( control.model.get( 'error' ) ) { | ||
| return false; | ||
| } | ||
|
|
||
| return Boolean( control.model.get( 'ids' ) || control.model.get( 'attachments' ) ); | ||
| }, | ||
| /** | ||
| * Open the media select frame to edit images. | ||
| * | ||
| * @returns {void} | ||
| */ | ||
| editMedia: function editMedia() { | ||
| var control = this, selection, mediaFrame, defaultSync, mediaFrameProps; | ||
| if ( control.isSelected() && 0 !== control.model.get( 'selection' ) ) { | ||
| selection = new wp.media.model.Selection( JSON.parse( control.model.get( 'attachments' ) ), { | ||
| multiple: true | ||
| }); | ||
| } else { | ||
| selection = null; | ||
| } | ||
|
|
||
| mediaFrameProps = control.mapModelToMediaFrameProps( control.model.toJSON() ); | ||
| if ( mediaFrameProps.size ) { | ||
| control.displaySettings.set( 'size', mediaFrameProps.size ); | ||
|
There was a problem hiding this comment. This doesn't seem to be used? |
||
| } | ||
| mediaFrame = new GalleryDetailsMediaFrame({ | ||
| frame: 'manage', | ||
| text: control.l10n.add_to_widget, | ||
| selection: selection, | ||
| mimeType: control.mime_type, | ||
| selectedDisplaySettings: control.displaySettings, | ||
| showDisplaySettings: control.showDisplaySettings, | ||
| metadata: mediaFrameProps, | ||
| editing: true, | ||
| multiple: true, | ||
| state: 'gallery-edit' | ||
| }); | ||
| wp.media.frame = mediaFrame; // See wp.media(). | ||
|
|
||
| // Handle selection of a media item. | ||
| mediaFrame.on( 'update', function onUpdate( selections ) { | ||
| var state = mediaFrame.state(), selectedImages; | ||
|
|
||
| selectedImages = selections || state.get( 'selection' ); | ||
|
|
||
| if ( ! selectedImages ) { | ||
| return; | ||
| } | ||
|
|
||
| // Update widget instance. | ||
| control.model.set( { | ||
| ids: _.pluck( selectedImages.models, 'id' ).join( ',' ), | ||
| attachments: JSON.stringify( | ||
| selectedImages.models.map( function( model ) { | ||
| return model.toJSON(); | ||
| } ) | ||
| ), | ||
| selection: selectedImages | ||
| } ); | ||
| } ); | ||
|
|
||
| // Disable syncing of attachment changes back to server. See <https://core.trac.wordpress.org/ticket/40403>. | ||
| defaultSync = wp.media.model.Attachment.prototype.sync; | ||
| wp.media.model.Attachment.prototype.sync = function rejectedSync() { | ||
| return $.Deferred().rejectWith( this ).promise(); | ||
| }; | ||
| mediaFrame.on( 'close', function onClose() { | ||
| wp.media.model.Attachment.prototype.sync = defaultSync; | ||
| }); | ||
|
|
||
| mediaFrame.$el.addClass( 'media-widget' ); | ||
| mediaFrame.open(); | ||
|
|
||
| // Clear the selected attachment when it is deleted in the media select frame. | ||
| if ( selection ) { | ||
| selection.on( 'destroy', function onDestroy( attachment ) { | ||
| if ( control.model.get( 'attachment_id' ) === attachment.get( 'id' ) ) { | ||
| control.model.set({ | ||
| attachment_id: 0, | ||
| url: '' | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
| }, | ||
| /** | ||
| * Open the media select frame to chose an item. | ||
| * | ||
| * @returns {void} | ||
| */ | ||
| selectMedia: function selectMedia() { | ||
| var control = this, selection, mediaFrame, defaultSync, mediaFrameProps; | ||
| if ( control.isSelected() && 0 !== control.model.get( 'selection' ) ) { | ||
| selection = new wp.media.model.Selection( [ control.selectedAttachment ] ); | ||
| } else { | ||
| selection = null; | ||
| } | ||
|
|
||
| mediaFrameProps = control.mapModelToMediaFrameProps( control.model.toJSON() ); | ||
| if ( mediaFrameProps.size ) { | ||
| control.displaySettings.set( 'size', mediaFrameProps.size ); | ||
|
There was a problem hiding this comment. This doesn't seem to be used? |
||
| } | ||
| mediaFrame = new GalleryDetailsMediaFrame({ | ||
| frame: 'select', | ||
| text: control.l10n.add_to_widget, | ||
| selection: selection, | ||
| mimeType: control.mime_type, | ||
| selectedDisplaySettings: control.displaySettings, | ||
| showDisplaySettings: control.showDisplaySettings, | ||
| metadata: mediaFrameProps, | ||
| state: 'gallery' | ||
| }); | ||
| wp.media.frame = mediaFrame; // See wp.media(). | ||
|
|
||
| // Handle selection of a media item. | ||
| mediaFrame.on( 'update', function onUpdate( selections ) { | ||
| var state = mediaFrame.state(), selectedImages; | ||
|
|
||
| selectedImages = selections || state.get( 'selection' ); | ||
|
|
||
| if ( ! selectedImages ) { | ||
| return; | ||
| } | ||
|
|
||
| // Update widget instance. | ||
| control.model.set( { | ||
| ids: _.pluck( selectedImages.models, 'id' ).join( ',' ), | ||
| attachments: JSON.stringify( | ||
| selectedImages.models.map( function( model ) { | ||
| return model.toJSON(); | ||
| } ) | ||
| ), | ||
| selection: selectedImages | ||
| } ); | ||
| } ); | ||
|
|
||
| // Disable syncing of attachment changes back to server. See <https://core.trac.wordpress.org/ticket/40403>. | ||
| defaultSync = wp.media.model.Attachment.prototype.sync; | ||
| wp.media.model.Attachment.prototype.sync = function rejectedSync() { | ||
| return $.Deferred().rejectWith( this ).promise(); | ||
| }; | ||
| mediaFrame.on( 'close', function onClose() { | ||
| wp.media.model.Attachment.prototype.sync = defaultSync; | ||
| }); | ||
|
|
||
| mediaFrame.$el.addClass( 'media-widget' ); | ||
| mediaFrame.open(); | ||
|
|
||
| // Clear the selected attachment when it is deleted in the media select frame. | ||
|
There was a problem hiding this comment. Not sure we need this logic here... but will test to confirm There was a problem hiding this comment. It was needed. I confirmed. |
||
| if ( selection ) { | ||
| selection.on( 'destroy', function onDestroy( attachment ) { | ||
| if ( control.model.get( 'attachment_id' ) === attachment.get( 'id' ) ) { | ||
| control.model.set({ | ||
| attachment_id: 0, | ||
| url: '' | ||
| }); | ||
| } | ||
| }); | ||
| } | ||
|
|
||
| /* | ||
| * Make sure focus is set inside of modal so that hitting Esc will close | ||
| * the modal and not inadvertently cause the widget to collapse in the customizer. | ||
| */ | ||
| mediaFrame.$el.find( ':focusable:first' ).focus(); | ||
| } | ||
|
|
||
| } ); | ||
|
|
||
| // Exports. | ||
| component.controlConstructors.media_gallery = GalleryWidgetControl; | ||
| component.modelConstructors.media_gallery = GalleryWidgetModel; | ||
|
|
||
| })( wp.mediaWidgets, jQuery ); | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I need to remove these two lines now that @westonruter has fixed up the CI problems.