Changeset 24472 for trunk

Timestamp:

06/21/2013 03:44:48 AM (13 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.

Location:

trunk/wp-includes/js

Files:

• plupload/handlers.js (modified) (1 diff)
• swfupload/handlers.js (modified) (1 diff)

trunk/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

trunk/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();