Changeset 20758

Timestamp:

05/09/2012 09:26:19 PM (13 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();
+        }
     });