Changeset 24473

Timestamp:

06/21/2013 03:46:51 AM (12 years ago)

Author:

nacin

Message:

Build the media item HTML in a clearer manner in the legacy Plupload handler JS. Also update the retired SWFUpload handler JS.

Merges [24472] to the 3.5 branch.

Location:

branches/3.5

Files:

• . (modified) (1 prop)
• wp-includes/js/plupload/handlers.js (modified) (1 diff)
• wp-includes/js/swfupload/handlers.js (modified) (1 diff)

branches/3.5/wp-includes/js/plupload/handlers.js

@@ -17 +17 @@
     }
     // Create a progress bar containing the filename
-    jQuery('#media-items').append('<div id="media-item-' + fileObj.id + '" class="media-item child-of-' + postid + '"><div class="progress"><div class="percent">0%</div><div class="bar"></div></div><div class="filename original"> ' + fileObj.name + '</div></div>');
+    jQuery('<div class="media-item">')
+        .attr( 'id', 'media-item-' + fileObj.id )
+        .addClass('child-of-' + postid)
+        .append('<div class="progress"><div class="percent">0%</div><div class="bar"></div></div>',
+            jQuery('<div class="filename original">').text( ' ' + fileObj.name ))
+        .appendTo( jQuery('#media-items' ) );
 
     // Disable submit

branches/3.5/wp-includes/js/swfupload/handlers.js

@@ -16 +16 @@
     }
     // Create a progress bar containing the filename
-    jQuery('#media-items').append('<div id="media-item-' + fileObj.id + '" class="media-item child-of-' + post_id + '"><div class="progress"><div class="bar"></div></div><div class="filename original"><span class="percent"></span> ' + fileObj.name + '</div></div>');
+    jQuery('<div class="media-item">')
+        .attr( 'id', 'media-item-' + fileObj.id )
+        .addClass('child-of-' + post_id)
+        .append('<div class="progress"><div class="bar"></div></div>',
+            jQuery('<div class="filename original"><span class="percent"></span>').text( ' ' + fileObj.name ))
+        .appendTo( jQuery('#media-items' ) );
     // Display the progress div
     jQuery('.progress', '#media-item-' + fileObj.id).show();