2015-02-22 07:56:27 +01:00
|
|
|
/*globals wp, _ */
|
|
|
|
|
2015-02-09 01:43:50 +01:00
|
|
|
var View = require( './view.js' ),
|
|
|
|
EditImage;
|
|
|
|
|
|
|
|
EditImage = View.extend({
|
|
|
|
className: 'image-editor',
|
|
|
|
template: wp.template('image-editor'),
|
|
|
|
|
|
|
|
initialize: function( options ) {
|
|
|
|
this.editor = window.imageEdit;
|
|
|
|
this.controller = options.controller;
|
|
|
|
View.prototype.initialize.apply( this, arguments );
|
|
|
|
},
|
|
|
|
|
|
|
|
prepare: function() {
|
|
|
|
return this.model.toJSON();
|
|
|
|
},
|
|
|
|
|
|
|
|
loadEditor: function() {
|
|
|
|
var dfd = this.editor.open( this.model.get('id'), this.model.get('nonces').edit, this );
|
|
|
|
dfd.done( _.bind( this.focus, this ) );
|
|
|
|
},
|
|
|
|
|
|
|
|
focus: function() {
|
|
|
|
this.$( '.imgedit-submit .button' ).eq( 0 ).focus();
|
|
|
|
},
|
|
|
|
|
|
|
|
back: function() {
|
|
|
|
var lastState = this.controller.lastState();
|
|
|
|
this.controller.setState( lastState );
|
|
|
|
},
|
|
|
|
|
|
|
|
refresh: function() {
|
|
|
|
this.model.fetch();
|
|
|
|
},
|
|
|
|
|
|
|
|
save: function() {
|
2015-02-09 05:45:28 +01:00
|
|
|
var lastState = this.controller.lastState();
|
2015-02-09 01:43:50 +01:00
|
|
|
|
2015-02-09 05:45:28 +01:00
|
|
|
this.model.fetch().done( _.bind( function() {
|
|
|
|
this.controller.setState( lastState );
|
|
|
|
}, this ) );
|
2015-02-09 01:43:50 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2015-02-09 17:01:29 +01:00
|
|
|
module.exports = EditImage;
|