mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-10 22:58:33 +02:00
a5478d7adb
* The way that the JS modules for media are currently set up turns the existing global `wp.media` namespace into a read-only API, this is bad. * For the existing module implementation to work with plugins, those looking to override or extend a class would have to modify their own plugin to use `browserify` - we can't expect this to happen * Because the general way that plugins override media classes is via machete (resetting them to something else), we cannot use `require( 'module' )` in the internal code for media modules We CAN continue to use `require( 'fun/js' )` in the manifests for media. Future code/projects should carefully consider what is made to be public API. In 3.5, EVERYTHING was made public, so everything shall remain public. See #31684, #28510. Built from https://develop.svn.wordpress.org/trunk@31935 git-svn-id: http://core.svn.wordpress.org/trunk@31914 1a063a9b-81f0-0310-95a4-ce76da25c4cd
57 lines
1.1 KiB
JavaScript
57 lines
1.1 KiB
JavaScript
/*globals wp, _ */
|
|
|
|
/**
|
|
* wp.media.view.EditImage
|
|
*
|
|
* @class
|
|
* @augments wp.media.View
|
|
* @augments wp.Backbone.View
|
|
* @augments Backbone.View
|
|
*/
|
|
var View = wp.media.View,
|
|
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() {
|
|
var lastState = this.controller.lastState();
|
|
|
|
this.model.fetch().done( _.bind( function() {
|
|
this.controller.setState( lastState );
|
|
}, this ) );
|
|
}
|
|
|
|
});
|
|
|
|
module.exports = EditImage;
|