Context Navigation

← Previous Change
Next Change →

meta-boxes.php

Timestamp:

09/06/2012 08:49:35 AM (14 years ago)

Author:

koopersmith

Message:

First pass at integrating featured images with the new media workflow.

Updates the featured image when the publish/update button is clicked (rather than instantly). Uses the existing post_thumbnail_meta_box() function. Does not remove the old featured image meta box JS, ajax handler, or CSS.

see #21776, #21390.

File:

: 1 edited

trunk/wp-admin/includes/meta-boxes.php (modified) (1 diff)

Legend:

: Unmodified
: Added
: Removed

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

-              r21735
+              r21770
  */
 function post_thumbnail_meta_box( $post ) {
+        $thumbnail_id = get_post_meta( $post->ID, '_thumbnail_id', true );
+        echo _wp_post_thumbnail_html( $thumbnail_id );
+}
+        global $_wp_additional_image_sizes;
+        ?><script type="text/javascript">
+        jQuery( function($) {
+                var $element     = $('#select-featured-image'),
+                        $thumbnailId = $element.find('input[name="thumbnail_id"]'),
+                        title        = '<?php _e( "Choose a Featured Image" ); ?>',
+                        workflow, setFeaturedImage;
+                setFeaturedImage = function( thumbnailId ) {
+                        $element.find('img').remove();
+                        $element.toggleClass( 'has-featured-image', -1 != thumbnailId );
+                        $thumbnailId.val( thumbnailId );
+                };
+                $element.on( 'click', '.choose, img', function( event ) {
+                        event.preventDefault();
+                        if ( ! workflow ) {
+                                workflow = wp.media();
+                                workflow.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.modal.close();
+                                        workflow.selection.clear();
+                                        $( '<img />', {
+                                                src:    size.url,
+                                                width:  size.width
+                                        }).prependTo( $element );
+                                });
+                                workflow.modal.title( title );
+                        }
+                        workflow.modal.open();
+                });
+                $element.on( 'click', '.remove', function( event ) {
+                        event.preventDefault();
+                        setFeaturedImage( -1 );
+                });
+        });
+        </script>
+        <?php
+        $thumbnail_id   = get_post_meta( $post->ID, '_thumbnail_id', true );
+        $thumbnail_size = isset( $_wp_additional_image_sizes['post-thumbnail'] ) ? 'post-thumbnail' : 'medium';
+        $thumbnail_html = wp_get_attachment_image( $thumbnail_id, $thumbnail_size );
+        $classes = empty( $thumbnail_id ) ? '' : 'has-featured-image';
+        ?><div id="select-featured-image"
+                class="<?php echo esc_attr( $classes ); ?>"
+                data-post-id="<?php echo esc_attr( $post->ID ); ?>">
+                <?php echo $thumbnail_html; ?>
+                <input type="hidden" name="thumbnail_id" value="<?php echo esc_attr( $thumbnail_id ); ?>" />
+                <a href="#" class="choose button-secondary"><?php _e( 'Choose a Featured Image' ); ?></a>
+                <a href="#" class="remove"><?php _e( 'Remove Featured Image' ); ?></a>
+        </div>
+        <?php
+}

Note: See TracChangeset for help on using the changeset viewer.

Make WordPress Core

Context Navigation

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

Legend:

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

Download in other formats: