vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 22:30:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add inline uploader UI to media modal sidebar. see #21390.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@22322 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-10-29 07:38:13 +00:00
parent 8fe5b79380
commit 6e387bb2db
3 changed files with 82 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
wp-includes/js/media-views.js
View File

@@ -499,17 +499,20 @@
var uploader;
this.controller = this.options.controller;
this.inline = new media.view.UploaderInline({
controller: this.controller,
uploaderWindow: this
}).render();
this.inline.$el.appendTo('body');
uploader = this.options.uploader = _.defaults( this.options.uploader || {}, {
container: this.$el,
container: this.inline.$el,
dropzone: this.$el,
browser: this.$('.upload-attachments a'),
browser: this.inline.$('.browser'),
params: {}
});
// Track uploading attachments.
wp.Uploader.queue.on( 'add remove reset change:percent', this.renderUploadProgress, this );
if ( uploader.dropzone ) {
// Ensure the dropzone is a jQuery collection.
if ( ! (uploader.dropzone instanceof $) )
@@ -522,12 +525,15 @@
render: function() {
this.maybeInitUploader();
this.renderUploadProgress();
this.$el.html( this.template( this.options ) );
this.$bar = this.$('.upload-attachments .media-progress-bar div');
return this;
},
refresh: function() {
if ( this.uploader )
this.uploader.refresh();
},
maybeInitUploader: function() {
var $id, dropzone;
@@ -565,6 +571,30 @@
if ( '0' === $el.css('opacity') )
$el.hide();
});
}
});
media.view.UploaderInline = Backbone.View.extend({
tagName: 'div',
className: 'uploader-inline',
template: media.template('uploader-inline'),
initialize: function() {
this.controller = this.options.controller;
// Track uploading attachments.
wp.Uploader.queue.on( 'add remove reset change:percent', this.renderUploadProgress, this );
},
destroy: function() {
wp.Uploader.queue.off( 'add remove reset change:percent', this.renderUploadProgress, this );
},
render: function() {
this.renderUploadProgress();
this.$el.html( this.template( this.options ) );
this.$bar = this.$('.media-progress-bar div');
return this;
},
renderUploadProgress: function() {
@@ -910,6 +940,11 @@
this.$('.sidebar-content').html( els );
if ( this.controller.uploader ) {
this.$el.append( this.controller.uploader.inline.$el );
this.controller.uploader.refresh();
}
return this;
},