Changeset 20758

Timestamp:

05/09/2012 09:26:19 PM (14 years ago)

Author:

koopersmith

Message:

Uploader & Theme Customizer: Refresh uploader flash/silverlight shims when the mouse enters the browse button. Add class to body based on uploader's drag/drop support. Properly assign customize image uploader containers (so flash shims are positioned correctly when scrolled). see #19910, #20452, #20582.

Location:

trunk/wp-includes/js

Files:

• customize-controls.dev.js (modified) (1 diff)
• plupload/wp-plupload.dev.js (modified) (4 diffs)

trunk/wp-includes/js/customize-controls.dev.js

@@ -139 +139 @@
 
                         this.uploader = new wp.Uploader({
-                                browser:  this.container.find('.upload'),
-                                dropzone: this.container.find('.upload-dropzone'),
-                                success:  this.success
+                                container: this.container,
+                                browser:   this.container.find('.upload'),
+                                dropzone:  this.container.find('.upload-dropzone'),
+                                success:   this.success
                         });
 

trunk/wp-includes/js/plupload/wp-plupload.dev.js

@@ -3 +3 @@
 
 (function( exports, $ ) {
+        var Uploader, body;
+
+        body = $( document.body );
+
         /*
          * An object that helps create a WordPress uploader using plupload.
@@ -17 +21 @@
          * @param attributes - object - Attributes and methods for this specific instance.
          */
-        var Uploader = function( options ) {
+        Uploader = function( options ) {
                 var self = this,
                         elements = {
@@ -70 +74 @@
 
                 this.uploader.init();
+
+                this.browser.on( 'mouseenter', this.refresh );
+                body.toggleClass( 'uploader-drag-drop', this.uploader.features.dragdrop );
 
                 this.uploader.bind( 'UploadProgress', this.progress );
@@ -161 +168 @@
                 added:    function() {},
                 progress: function() {},
-                complete: function() {}
+                complete: function() {},
+                refresh:  function() {
+                        this.uploader.refresh();
+                }
         });