Media Grid: treat Edit Image like a `mode`, which it is, instead of a `state`, which it is not.

Fixes #29206.


git-svn-id: https://develop.svn.wordpress.org/trunk@29483 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2014-08-13 19:25:23 +00:00
parent f22c2110ac
commit ef86826322
1 changed files with 42 additions and 13 deletions

View File

@ -238,7 +238,7 @@
editAttachment: function( event ) { editAttachment: function( event ) {
event.preventDefault(); event.preventDefault();
this.controller.setState( 'edit-image' ); this.controller.content.mode( 'edit-image' );
}, },
/** /**
@ -288,6 +288,27 @@
} }
}); });
media.view.EditImage.Details = media.view.EditImage.extend({
initialize: function( options ) {
this.editor = window.imageEdit;
this.frame = options.frame;
this.controller = options.controller;
media.View.prototype.initialize.apply( this, arguments );
},
back: function() {
this.frame.content.mode( 'edit-metadata' );
},
save: function() {
var self = this;
this.model.fetch().done( function() {
self.frame.content.mode( 'edit-metadata' );
});
}
});
/** /**
* A frame for editing the details of a specific media item. * A frame for editing the details of a specific media item.
* *
@ -342,6 +363,7 @@
this.on( 'content:create:edit-metadata', this.editMetadataMode, this ); this.on( 'content:create:edit-metadata', this.editMetadataMode, this );
this.on( 'content:create:edit-image', this.editImageMode, this ); this.on( 'content:create:edit-image', this.editImageMode, this );
this.on( 'content:render:edit-image', this.editImageModeRender, this );
this.on( 'close', this.detach ); this.on( 'close', this.detach );
// Bind default title creation. // Bind default title creation.
@ -381,15 +403,8 @@
* Add the default states to the frame. * Add the default states to the frame.
*/ */
createStates: function() { createStates: function() {
var editImageState = new media.controller.EditImage( { model: this.model } );
// Noop some methods.
editImageState._toolbar = function() {};
editImageState._router = function() {};
editImageState._menu = function() {};
this.states.add([ this.states.add([
new media.controller.EditAttachmentMetadata( { model: this.model } ), new media.controller.EditAttachmentMetadata( { model: this.model } )
editImageState
]); ]);
}, },
@ -427,10 +442,24 @@
* should be set with the proper region view. * should be set with the proper region view.
*/ */
editImageMode: function( contentRegion ) { editImageMode: function( contentRegion ) {
contentRegion.view = new media.view.EditImage( { model: this.model, controller: this } ); var editImageController = new media.controller.EditImage( {
// Defer a call to load the editor, which model: this.model,
// requires DOM elements to exist. frame: this
_.defer( _.bind( contentRegion.view.loadEditor, contentRegion.view ) ); } );
// Noop some methods.
editImageController._toolbar = function() {};
editImageController._router = function() {};
editImageController._menu = function() {};
contentRegion.view = new media.view.EditImage.Details( {
model: this.model,
frame: this,
controller: editImageController
} );
},
editImageModeRender: function( view ) {
view.on( 'ready', view.loadEditor );
}, },
/** /**