WordPress.org

Make WordPress Core

Ticket #24291: 24291.15.diff

File 24291.15.diff, 6.5 KB (added by markjaquith, 22 months ago)
  • wp-admin/css/wp-admin.css

    body .ui-slider-tooltip { 
    40074007        overflow: hidden; 
    40084008        width: 40%; 
    40094009        height: auto; 
    4010         padding: 55px 0 20px; 
    40114010        border: 1px dashed #dfdfdf; 
    40124011        background: #f5f5f5 url(../images/media-button-2x.png) no-repeat 50% 25%; 
     4012        box-sizing: border-box; 
    40134013} 
    40144014 
    40154015.wp-format-media-holder:hover { 
    40164016        background-color: #eee; 
    40174017} 
    40184018 
     4019.wp-format-image .wp-format-media-holder { 
     4020        margin-top: 17px; 
     4021} 
     4022 
    40194023.wp-format-media-preview { 
    40204024        margin-bottom: 20px; 
    40214025} 
    40224026 
     4027#image-preview img { 
     4028        width: auto; 
     4029        max-height: 300px; 
     4030} 
     4031 
     4032.wp-format-image p.use-url-or-html { 
     4033        padding-top: 10px; 
     4034        clear: both; 
     4035        width: 40%; 
     4036        text-align: center; 
     4037} 
     4038 
    40234039.wp-format-status #titlewrap, 
    40244040.wp-format-image .wp-media-buttons .insert-media, 
    40254041.wp-format-audio .wp-media-buttons .insert-media, 
    body .ui-slider-tooltip { 
    40364052 
    40374053.wp-format-media-select { 
    40384054        display: block; 
    4039         height: 200px; 
     4055        height: 20px; 
     4056        padding: 55px 0 20px; 
    40404057        text-align: center; 
    40414058} 
    40424059 
    body .ui-slider-tooltip { 
    40454062        max-height: 100%; 
    40464063} 
    40474064 
    4048 .wp-format-media-select { 
    4049         height: 20px; 
    4050 } 
    4051  
    40524065.empty .wp-format-media-metaedit { 
    40534066        height: 20px; 
    40544067        display: block; 
    body .ui-slider-tooltip { 
    40654078#wp_format_video { 
    40664079        float: left; 
    40674080        margin-right: 23px; 
    4068         max-width: 50%; 
     4081        max-width: 40%; 
    40694082        min-height: 97px; 
    40704083} 
    40714084 
  • wp-admin/includes/post-formats.php

    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    3838                                ?> 
    3939                        </div> 
    4040                        <?php endif ?> 
    41                         <label for="wp_format_image"><?php 
    42                                 if ( current_user_can( 'unfiltered_html' ) ) 
    43                                         _e( 'Image HTML or URL' ); 
    44                                 else 
    45                                         _e( 'Image URL' ); 
    46                         ?></label> 
    47                         <textarea id="wp_format_image" type="text" name="_format_image" class="widefat"><?php esc_html_e( $format_meta['image'] ); ?></textarea> 
    4841                        <div data-format="image" class="wp-format-media-holder hide-if-no-js"> 
    4942                                <a href="#" class="wp-format-media-select" 
    5043                                        data-choose="<?php esc_attr_e( 'Choose an Image' ); ?>" 
    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    5245                                        <?php _e( 'Select / Upload Image' ); ?> 
    5346                                </a> 
    5447                        </div> 
     48                        <div class="wp-format-image-textarea hide-if-js"> 
     49                                <label for="wp_format_image"><?php 
     50                                        if ( current_user_can( 'unfiltered_html' ) ) 
     51                                                _e( 'Image HTML or URL' ); 
     52                                        else 
     53                                                _e( 'Image URL' ); 
     54                                ?></label> 
     55                                <textarea id="wp_format_image" type="text" name="_format_image" class="widefat"><?php esc_html_e( $format_meta['image'] ); ?></textarea> 
     56                        </div> 
     57                        <p class="use-url-or-html hide-if-no-js"><span><?php printf( __( '(or %suse an image URL or HTML%s)' ), '<a href="#">', '</a>' ); ?></span> 
     58                                <span style="display: none"><?php printf( __( '(or %sselect/upload an image%s)' ), '<a href="#">', '</a>' ); ?></span></p> 
    5559                </div> 
    5660 
    5761                <div class="field wp-format-link"> 
  • wp-admin/js/post-formats.js

    window.wp = window.wp || {}; 
    1717                shortContentFormats = ['status', 'aside'], 
    1818                noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery']; 
    1919 
     20        function imageFormatUploadProgress( uploader, file ) { 
     21                var $bar = $( '#' + uploader.settings.drop_element + ' .media-progress-bar div' ); 
     22                $bar.width( file.percent + '%' ); 
     23        } 
     24 
     25        function imageFormatUploadStart( uploader ) { 
     26                $( '#' + uploader.settings.drop_element + ' .wp-format-media-select' ).append('<div class="media-progress-bar"><div></div></div>'); 
     27        } 
     28 
     29        function imageFormatUploadSuccess( attachment ) { 
     30                var $holder, $field, html = wp.media.string.image({ 
     31                        size : 'full', 
     32                        align : false, 
     33                        link : getUserSetting( 'urlbutton' ) 
     34                }, attachment.attributes ); 
     35 
     36                $holder = $('.wp-format-media-holder[data-format=image]'); 
     37                $( '.media-progress-bar', $holder ).remove(); 
     38                $field = $( '#wp_format_' + $holder.data( 'format' ) ); 
     39 
     40                // set the hidden input's value 
     41                $field.val( html ); 
     42 
     43                $( '#image-preview' ).remove(); 
     44 
     45                $holder.parent().prepend( ['<div id="image-preview" class="wp-format-media-preview">', 
     46                        '<img src="', attachment.get('url'), '"', 
     47                        attachment.get('width') ? ' width="' + attachment.get('width') + '"' : '', 
     48                        attachment.get('height') ? ' height="' + attachment.get('height') + '"' : '', 
     49                        ' />', 
     50                '</div>'].join( '' ) ); 
     51        } 
     52 
     53        var uploader = { 
     54                dropzone:  $('.wp-format-media-holder[data-format=image]'), 
     55                success:   imageFormatUploadSuccess, 
     56                plupload:  {}, 
     57                params:    {} 
     58        }; 
     59        uploader = new wp.Uploader( uploader ); 
     60        uploader.uploader.bind( 'BeforeUpload', imageFormatUploadStart ); 
     61        uploader.uploader.bind( 'UploadProgress', imageFormatUploadProgress ); 
     62 
    2063        function switchFormatClass( format ) { 
    2164                formatField.val( format ); 
    2265 
    window.wp = window.wp || {}; 
    163206                        switchFormat( $( e.currentTarget ) ); 
    164207                } ); 
    165208 
     209                // Toggle select/upload and URL/HTML for images 
     210                $( '.use-url-or-html' ).on( 'click', 'a', function(e) { 
     211                        e.preventDefault(); 
     212                        $( '.wp-format-media-holder, .wp-format-image-textarea' ).toggle(); 
     213                        $(this).closest( 'p' ).find( 'span' ).toggle(); 
     214                }); 
     215 
    166216                // Media selection 
    167217                $( '.wp-format-media-select' ).click( function (e) { 
    168218                        e.preventDefault(); 
    window.wp = window.wp || {}; 
    242292                                        mediaPreview( attachment ); 
    243293                                } else { 
    244294                                        html = wp.media.string.image({ 
    245                                                 align : getUserSetting( 'align' ), 
    246                                                 size : getUserSetting( 'imgsize' ), 
     295                                                size: 'full', 
     296                                                align : false, 
    247297                                                link : getUserSetting( 'urlbutton' ) 
    248298                                        }, attachment); 
    249299 
  • wp-includes/script-loader.php

    function wp_default_scripts( &$scripts ) { 
    407407                        'comma' => _x( ',', 'tag delimiter' ), 
    408408                ) ); 
    409409 
    410                 $scripts->add( 'post-formats', "/wp-admin/js/post-formats$suffix.js", array( 'media-models' ), false, 1 ); 
     410                $scripts->add( 'post-formats', "/wp-admin/js/post-formats$suffix.js", array( 'media-models', 'wp-plupload' ), false, 1 ); 
    411411 
    412412                $scripts->add( 'link', "/wp-admin/js/link$suffix.js", array( 'wp-lists', 'postbox' ), false, 1 ); 
    413413