WordPress.org
Get WordPress

Make WordPress Core

Ticket #28850: 28850.2.patch

File 28850.2.patch, 8.8 KB (added by ocean90, 10 years ago)

  • src/wp-admin/js/media.js

     
    7575                // Open up a manage media frame into the grid.
    7676                wp.media && wp.media({
    7777                        frame: 'manage',
    78                         container: $('#wpbody-content')
     78                        container: $('.wrap')
    7979                }).open();
    8080
    8181                $( '#find-posts-submit' ).click( function( event ) {

  • src/wp-admin/upload.php

     
    2424        wp_enqueue_media();
    2525        wp_enqueue_script( 'media-grid' );
    2626        wp_enqueue_script( 'media' );
    27         wp_localize_script( 'media-grid', 'mediaGridSettings', array( 'adminUrl' => parse_url( self_admin_url(), PHP_URL_PATH )  ) );
     27        wp_localize_script( 'media-grid', 'mediaGridSettings', array(
     28                'adminUrl' => parse_url( self_admin_url(), PHP_URL_PATH ),
     29        ) );
    2830
    2931        add_screen_option( 'misc_screen_options', array( 'option' => 'manageuploadgridcolumnshidden', 'id' => 'grid' ) );
    3032        add_screen_option( 'title', array( 'label' => __( 'Name' ) ) );
    … …  
    3234        add_screen_option( 'dateFormatted', array( 'label' => __( 'Date' ) ) );
    3335        add_screen_option( 'mime', array( 'label' => __( 'Mime-type' ) ) );
    3436
     37        get_current_screen()->add_help_tab( array(
     38        'id'            => 'overview',
     39        'title'         => __( 'Overview' ),
     40        'content'       =>
     41                '<p>' . __( 'All the files you&#8217;ve uploaded are listed in the Media Library, with the most recent uploads listed first. You can use the Screen Options tab to customize the display of this screen.' ) . '</p>'
     42        ) );
     43
     44        get_current_screen()->set_help_sidebar(
     45                '<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
     46                '<p>' . __( '<a href="http://codex.wordpress.org/Media_Library_Screen" target="_blank">Documentation on Media Library</a>' ) . '</p>' .
     47                '<p>' . __( '<a href="https://wordpress.org/support/" target="_blank">Support Forums</a>' ) . '</p>'
     48        );
     49
     50        $title = __('Media Library');
     51        $parent_file = 'upload.php';
     52
    3553        require_once( ABSPATH . 'wp-admin/admin-header.php' );
     54        ?>
     55        <div class="wrap">
     56                <h2>
     57                <?php
     58                echo esc_html( $title );
     59                if ( current_user_can( 'upload_files' ) ) { ?>
     60                        <a href="media-new.php" class="add-new-h2"><?php echo esc_html_x( 'Add New', 'file' ); ?></a><?php
     61                }
     62                ?>
     63                </h2>
     64        </div>
     65        <?php
    3666        include( ABSPATH . 'wp-admin/admin-footer.php' );
    3767        exit;
    3868}

  • src/wp-includes/css/media-views.css

     
    25722572/**
    25732573 * Media Grid
    25742574 */
    2575 
    2576 .media-grid-view h1 {
    2577         color: #222;
    2578         font-size: 23px;
    2579         font-weight: 400;
    2580         margin: 10px 0 0;
    2581         padding: 9px 15px 4px 22px;
    2582         line-height: 29px;
     2575.media-grid-view,
     2576.media-grid-view .media-frame-content,
     2577.media-grid-view .attachments-browser .attachments,
     2578.media-grid-view .uploader-inline-content {
     2579        position: static;
    25832580}
    25842581
    2585 .media-grid-view .view-switch {
    2586         display: inline-block;
    2587         float: none;
    2588         margin-top: 13px;
    2589         vertical-align: middle;
     2582/* Regions we don't use at all */
     2583.media-grid-view .media-frame-title,
     2584.media-grid-view .media-frame-toolbar,
     2585.media-grid-view .media-frame-menu {
     2586        display: none;
    25902587}
    25912588
    2592 /**
    2593  * Position both the frame and the uploader window into the content
    2594  * area of the screen.
    2595  */
    2596 .media-grid-view {
    2597         z-index: 1;
    2598         position: fixed;
    2599         bottom: 0;
    2600         left: 160px;
    2601         right: 0;
    2602         top: 32px;
    2603         -webkit-transition: 200ms ease-in-out;
    2604         transition: 200ms ease-in-out;
     2589.media-grid-view .media-frame-content {
     2590        background-color: transparent;
     2591        border: none;
    26052592}
    26062593
    2607 .media-grid-view-options {
    2608         top: 120px;
     2594.media-grid-view .uploader-inline {
     2595        position: relative;
     2596        top: auto;
     2597        right: auto;
     2598        left: auto;
     2599        bottom: auto;
     2600        padding-top: 0;
     2601        margin-top: 0;
    26092602}
    26102603
    2611 @media screen and (max-width: 900px) {
    2612         .auto-fold .media-grid-view {
    2613                 left: 36px;
    2614         }
    2615 }
    2616 @media screen and (max-width: 782px) {
    2617         .media-grid-view {
    2618                 top: 46px;
    2619         }
    2620         .auto-fold .media-grid-view {
    2621                 left: 0px;
    2622                 bottom: 0px;
    2623         }
    2624 }
    2625 
    2626 /* Regions we don't use at all */
    2627 .media-grid-view .media-frame-toolbar,
    2628 .media-grid-view .media-frame-menu {
    2629         display: none;
    2630 }
    2631 
    26322604/**
    26332605 * Copied styles from the Add theme toolbar.
    26342606 *
    … …  
    26442616        color: #555;
    26452617        display: inline-block;
    26462618        font-size: 13px;
     2619        margin: 20px 0;
    26472620        padding: 0 20px;
    26482621        position: relative;
    26492622        width: 100%;
     2623        height: auto;
     2624        border: none;
    26502625}
    26512626
     2627.media-grid-view input[type="search"] {
     2628        margin: 1px;
     2629        padding: 3px 5px;
     2630        position: absolute;
     2631        right: 10px;
     2632        top: 9px;
     2633        font-size: 16px;
     2634        font-weight: 300;
     2635        line-height: 1.5;
     2636        width: 280px;
     2637}
     2638
     2639.media-grid-view .view-switch {
     2640        display: inline-block;
     2641        float: none;
     2642        vertical-align: middle;
     2643        padding: 15px 0;
     2644        margin: 0 20px 0 0;
     2645}
     2646
     2647.media-grid-view select.attachment-filters {
     2648        padding: 15px 0;
     2649        margin: 0 10px 0 0;
     2650}
     2651
     2652.media-grid-view .spinner {
     2653        margin-top: 15px;
     2654}
     2655
     2656.media-grid-view .attachments-browser {
     2657        padding: 0;
     2658}
     2659
    26522660/**
    26532661 * The left and right buttons are copied from the expanded theme details modal.
    26542662 *
    … …  
    28492857        margin-top: 3px;
    28502858}
    28512859
    2852 .media-grid-view.hide-router .media-frame-title {
    2853         -webkit-box-shadow: none;
    2854         box-shadow: none;
     2860@media only screen and (max-width: 1120px) {
     2861        .media-grid-view .media-toolbar-primary,
     2862        .media-grid-view .media-toolbar-secondary {
     2863                float: none;
    28552864}
    28562865
    2857 .media-grid-view .media-frame-content {
    2858         background-color: transparent;
    2859         bottom: 40px;
     2866        .media-grid-view input[type="search"] {
     2867                margin: 20px 0;
     2868                position: static;
     2869                width: 100%;
     2870                max-width: none;
    28602871}
    2861 @media screen and (max-width: 782px) {
    2862         .media-grid-view .media-frame-content {
    2863                 border-bottom: none;
    2864                 bottom: 0;
    28652872        }
    2866 }
    28672873
    2868 @media only screen and (max-width: 640px), screen and (max-height: 400px) {
    2869         .media-grid-view .media-frame-title {
    2870                 display: block;
    2871                 width: auto;
    2872                 bottom: auto;
    2873                 right: 0;
    2874                 top: 0;
    2875                 height: 60px;
     2874@media only screen and (max-width: 960px) {
     2875        .media-grid-view .media-frame-content .media-toolbar-primary .search {
     2876                max-width: none;
    28762877        }
    28772878}

  • src/wp-includes/js/media-grid.js

     
    9191                initialize: function() {
    9292                        var self = this;
    9393                        _.defaults( this.options, {
    94                                 title:     l10n.mediaLibraryTitle,
     94                                title:     '',
    9595                                modal:     false,
    9696                                selection: [],
    9797                                library:   {},
    … …  
    209209                                filterable: 'mime-types'
    210210                        });
    211211
    212                         libraryState._renderTitle = function( view ) {
    213                                 var text = this.get('title') || '';
    214                                 view.$el.addClass( 'wrap' );
    215                                 text += '<a class="add-new-h2">Add New</a>';
    216                                 view.$el.html( text );
    217                         };
    218212                        // Add the default states.
    219213                        this.states.add([
    220214                                libraryState
    … …  
    229223                        this.on( 'edit:attachment', this.editAttachment, this );
    230224                },
    231225
    232                 addNewClickHandler: function() {
     226                addNewClickHandler: function( event ) {
     227                        event.preventDefault();
    233228                        this.trigger( 'toggle:upload:attachment' );
    234229                },
    235230
    … …  
    446441                        this.on( 'content:render:edit-image', this.editImageContentUgh, this );
    447442                        this.on( 'close', this.detach );
    448443
    449                         // Only need a tab to Edit Image for images.
    450                         if ( 'undefined' !== typeof this.model && this.model.get( 'type' ) === 'image' ) {
     444
    451445                                this.on( 'router:create', this.createRouter, this );
    452446                                this.on( 'router:render', this.browseRouter, this );
    453                         }
    454447
    455448                        this.options.hasPrevious = this.hasPrevious();
    456449                        this.options.hasNext = this.hasNext();
    … …  
    559552                browseRouter: function( view ) {
    560553                        view.set({
    561554                                'edit-metadata': {
    562                                         text:     'Edit Metadata',
     555                                        text:     l10n.editMetadata,
    563556                                        priority: 20
    564                                 },
     557                                }
     558                        });
     559
     560                        // Only need a tab to Edit Image for images.
     561                        if ( 'undefined' !== typeof this.model && this.model.get( 'type' ) === 'image' ) {
     562                                view.set({
    565563                                'edit-image': {
    566                                         text:     'Edit Image',
     564                                                text:     l10n.editImage,
    567565                                        priority: 40
    568566                                }
    569567                        });
     568                        }
    570569                },
    571570
    572571                resetContent: function() {
    … …  
    693692                }
    694693        });
    695694
    696 }(jQuery, _, Backbone, wp));
    697  No newline at end of file
     695}(jQuery, _, Backbone, wp));

  • src/wp-includes/media.php

     
    29702970                'updateVideoPlaylist'      => __( 'Update video playlist' ),
    29712971                'addToVideoPlaylist'       => __( 'Add to video playlist' ),
    29722972                'addToVideoPlaylistTitle'  => __( 'Add to Video Playlist' ),
     2973
     2974                // Media Library
     2975                'editMetadata'         => __( 'Edit Metadata' ),
    29732976        );
    29742977
    29752978        /**
    … …  
    32453248        if ( ! empty( $post_id ) ) {
    32463249                return (int) $post_id;
    32473250        }
    3248 }
    3249  No newline at end of file
     3251}