Changeset 22321 for trunk/wp-admin/includes/meta-boxes.php

Timestamp:

10/29/2012 06:56:23 AM (12 years ago)

Author:

koopersmith

Message:

Add a sidebar to the media modal.

• Adds wp.media.view.Sidebar, to aid in rendering the sidebar.
• Removes the directions from the Attachments view and shifts search into a separate view (wp.mce.view.Search) that can be relocated at will. This also serves to simplify the Attachments view by removing the nested list and $list parameters.
• Show the toolbar on the featured image workflow, effectively requiring confirmation before closing the dialog.

see #21390, #21776, #21808.

File:

• trunk/wp-admin/includes/meta-boxes.php (modified) (3 diffs)

trunk/wp-admin/includes/meta-boxes.php

@@ -1019 +1019 @@
             $thumbnailId = $element.find('input[name="thumbnail_id"]'),
             title        = '<?php _e( "Choose a Featured Image" ); ?>',
-            workflow, selection, setFeaturedImage;
+            update       = '<?php _e( "Update Featured Image" ); ?>',
+            frame, selection, setFeaturedImage;
 
         setFeaturedImage = function( thumbnailId ) {
@@ -1030 +1031 @@
             event.preventDefault();
 
-            if ( ! workflow ) {
-                workflow = wp.media({
+            if ( ! frame ) {
+                frame = wp.media({
                     title:   title,
                     library: {
@@ -1038 +1039 @@
                 });
 
-                selection = workflow.state().get('selection');
-
-                selection.on( 'add', function( model ) {
-                    var sizes = model.get('sizes'),
-                        size;
-
-                    setFeaturedImage( model.id );
-
-                    // @todo: might need a size hierarchy equivalent.
-                    if ( sizes )
-                        size = sizes['post-thumbnail'] || sizes.medium;
-
-                    // @todo: Need a better way of accessing full size
-                    // data besides just calling toJSON().
-                    size = size || model.toJSON();
-
-                    workflow.close();
-                    selection.clear();
-
-                    $( '<img />', {
-                        src:    size.url,
-                        width:  size.width
-                    }).prependTo( $element );
-                });
+                frame.toolbar( new wp.media.view.Toolbar({
+                    controller: frame,
+                    items: {
+                        update: {
+                            style:    'primary',
+                            text:     update,
+                            priority: 40,
+
+                            click: function() {
+                                var selection = frame.state().get('selection'),
+                                    model = selection.first(),
+                                    sizes = model.get('sizes'),
+                                    size;
+
+                                setFeaturedImage( model.id );
+
+                                // @todo: might need a size hierarchy equivalent.
+                                if ( sizes )
+                                    size = sizes['post-thumbnail'] || sizes.medium;
+
+                                // @todo: Need a better way of accessing full size
+                                // data besides just calling toJSON().
+                                size = size || model.toJSON();
+
+                                frame.close();
+                                selection.clear();
+
+                                $( '<img />', {
+                                    src:    size.url,
+                                    width:  size.width
+                                }).prependTo( $element );
+                            }
+                        }
+                    }
+                }) );
             }
 
-            workflow.open();
+            frame.open();
         });