Changeset 20060

Timestamp:

03/01/2012 06:57:28 PM (13 years ago)

Author:

ryan

Message:

Introduce jQuery Masonry. Use it to arrange header thumbnails on custom header screen. Props aaroncampbell. fixes #17242

Location:

trunk

Files:

• wp-admin/custom-header.php (modified) (2 diffs)
• wp-includes/js/jquery/jquery.masonry.dev.js (added)
• wp-includes/js/jquery/jquery.masonry.js (added)
• wp-includes/script-loader.php (modified) (1 diff)

trunk/wp-admin/custom-header.php

@@ -141 +141 @@
         $step = $this->step();
 
+        if ( 1 == $step )
+            wp_enqueue_script('jquery-masonry');
         if ( ( 1 == $step || 3 == $step ) && $this->header_text() )
             wp_enqueue_script('farbtastic');
@@ -638 +640 @@
 </tbody>
 </table>
-
+<script type="text/javascript">
+jQuery(function() {
+    jQuery('.available-headers').masonry({
+        itemSelector: '.default-header'
+    });
+});
+</script>
     <?php if ( $this->header_text() ) : ?>
 <table class="form-table">

trunk/wp-includes/script-loader.php

@@ -166 +166 @@
     $scripts->add( 'jquery-table-hotkeys', "/wp-includes/js/jquery/jquery.table-hotkeys$suffix.js", array('jquery', 'jquery-hotkeys'), false, 1 );
     $scripts->add( 'jquery-postmessage', "/wp-includes/js/jquery/jquery.postmessage$suffix.js", array('jquery'), '0.5', 1 );
+
+    $scripts->add( 'jquery-masonry', "/wp-includes/js/jquery/jquery.masonry$suffix.js", array('jquery'), '2.1.02', 1 );
 
     $scripts->add( 'thickbox', "/wp-includes/js/thickbox/thickbox.js", array('jquery'), '3.1-20111117', 1 );