WordPress.org

Make WordPress Core

Ticket #24716: 24716.8.diff

File 24716.8.diff, 5.8 KB (added by wonderboymusic, 3 years ago)
  • src/wp-includes/css/media-views.css

     
    909909        border-radius: 0; 
    910910} 
    911911 
     912.attachment .data-field { 
     913        white-space: nowrap; 
     914        text-overflow: ellipsis; 
     915        overflow: hidden; 
     916        display: block; 
     917        line-height: 19px; 
     918        height: 19px; 
     919        text-align: left; 
     920} 
     921 
    912922/** 
    913923 * Attachments Browser 
    914924 */ 
     
    924934        height: 50px; 
    925935} 
    926936 
     937.attachments-browser.hide-sidebar .media-toolbar { 
     938        right: 0; 
     939} 
     940 
    927941.attachments-browser .media-toolbar-primary > .media-button, 
    928942.attachments-browser .media-toolbar-primary > .media-button-group, 
    929943.attachments-browser .media-toolbar-secondary > .media-button, 
     
    942956        outline: none; 
    943957} 
    944958 
     959.attachment .edit-media { 
     960        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
     961        opacity: 0; 
     962        position: absolute; 
     963        top: 25%; 
     964        right: 25%; 
     965        left: 25%; 
     966        background: #222; 
     967        background: rgba(0,0,0,0.7); 
     968        color: #fff; 
     969        font-size: 15px; 
     970        text-shadow: 0 1px 0 rgba(0,0,0,0.6); 
     971        -webkit-font-smoothing: antialiased; 
     972        font-weight: 600; 
     973        padding: 10px 0; 
     974        text-align: center; 
     975        -webkit-border-radius: 3px; 
     976        border-radius: 3px; 
     977        -webkit-transition: opacity 0.1s ease-in-out; 
     978        transition: opacity 0.1s ease-in-out; 
     979} 
     980 
     981.attachment:hover .edit-media { 
     982        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
     983        opacity: 1; 
     984} 
     985 
     986.attachments-browser.hide-sidebar .attachments { 
     987        right: 0; 
     988} 
     989 
    945990.attachments-browser .instructions { 
    946991        display: inline-block; 
    947992        margin-top: 16px; 
  • src/wp-includes/js/media-views.js

     
    17581758                        _.defaults( this.options, { 
    17591759                                title:    '', 
    17601760                                modal:    true, 
    1761                                 uploader: true 
     1761                                uploader: true, 
     1762                                mode:     ['select'] 
    17621763                        }); 
    17631764 
    17641765                        // Ensure core UI is enabled. 
     
    19811982                                library:   {}, 
    19821983                                multiple:  false, 
    19831984                                state:     'library', 
    1984                                 uploader:  true 
     1985                                uploader:  true, 
     1986                                mode:      [ 'grid', 'edit' ] 
    19851987                        }); 
    19861988 
    19871989                        // Ensure core and media grid view UI is enabled. 
     
    20882090                                display:    state.get('displaySettings'), 
    20892091                                dragInfo:   state.get('dragInfo'), 
    20902092                                bulkEdit:   true, 
     2093                                sidebar:    false, 
    20912094 
    20922095                                suggestedWidth:  state.get('suggestedWidth'), 
    20932096                                suggestedHeight: state.get('suggestedHeight'), 
     
    47114714                                        compat:        false, 
    47124715                                        alt:           '', 
    47134716                                        description:   '' 
    4714                                 }); 
     4717                                }, this.options ); 
    47154718 
    47164719                        options.buttons  = this.buttons; 
    47174720                        options.describe = this.controller.state().get('describe'); 
     
    47724775                                method = 'toggle'; 
    47734776                        } 
    47744777 
     4778                        if ( this.controller ) 
    47754779                        this.toggleSelection({ 
    47764780                                method: method 
    47774781                        }); 
     
    52965300                 */ 
    52975301                createAttachmentView: function( attachment ) { 
    52985302                        var view = new this.options.AttachmentView({ 
    5299                                 controller: this.controller, 
    5300                                 model:      attachment, 
    5301                                 collection: this.collection, 
    5302                                 selection:  this.options.selection 
     5303                                controller:           this.controller, 
     5304                                model:                attachment, 
     5305                                collection:           this.collection, 
     5306                                selection:            this.options.selection, 
     5307                                showAttachmentFields: this.options.showAttachmentFields 
    53035308                        }); 
    53045309 
    53055310                        return this._viewsByCid[ attachment.cid ] = view; 
     
    56125617                                filters: false, 
    56135618                                search:  true, 
    56145619                                display: false, 
    5615  
     5620                                sidebar: true, 
     5621                                showAttachmentFields: getUserSetting( 'showAttachmentFields', [ 'title', 'uploadedTo', 'dateFormatted', 'mime' ] ), 
    56165622                                AttachmentView: media.view.Attachment.Library 
    56175623                        }); 
    56185624 
    56195625                        this.createToolbar(); 
    56205626                        this.updateContent(); 
    5621                         this.createSidebar(); 
     5627                        if ( this.options.sidebar ) { 
     5628                                this.createSidebar(); 
     5629                        } else { 
     5630                                this.$el.addClass( 'hide-sidebar' ); 
     5631                        } 
    56225632 
    56235633                        this.collection.on( 'add remove reset', this.updateContent, this ); 
    56245634                }, 
     
    57325742                        this.removeContent(); 
    57335743 
    57345744                        this.attachments = new media.view.Attachments({ 
    5735                                 controller: this.controller, 
    5736                                 collection: this.collection, 
    5737                                 selection:  this.options.selection, 
    5738                                 model:      this.model, 
    5739                                 sortable:   this.options.sortable, 
     5745                                controller:           this.controller, 
     5746                                collection:           this.collection, 
     5747                                selection:            this.options.selection, 
     5748                                model:                this.model, 
     5749                                sortable:             this.options.sortable, 
     5750                                showAttachmentFields: this.options.showAttachmentFields, 
    57405751 
    57415752                                // The single `Attachment` view to be used in the `Attachments` view. 
    57425753                                AttachmentView: this.options.AttachmentView 
  • src/wp-includes/media-template.php

     
    257257                                        <div>{{ data.filename }}</div> 
    258258                                </div> 
    259259                        <# } #> 
    260  
     260                        <span class="edit-media">Edit Media</span> 
    261261                        <# if ( data.buttons.close ) { #> 
    262262                                <a class="close media-modal-icon" href="#" title="<?php esc_attr_e('Remove'); ?>"></a> 
    263263                        <# } #> 
     
    283283                                        <# } #> {{ maybeReadOnly }} /> 
    284284                        <# } #> 
    285285                <# } #> 
     286                <# if ( _.contains( data.controller.options.mode, 'grid' ) ) { #> 
     287                        <# _.each( data.showAttachmentFields, function( field ) { #> 
     288                                <div class="data-field data-{{ field }}"> 
     289                                        <# if ( 'uploadedTo' === field ) { #> 
     290 
     291                                                <# if ( data[field] ) { #> 
     292                                                <?php _e( 'Uploaded To:' ) ?> 
     293                                                <# } else { #> 
     294                                                <?php _e( 'Unattached' ) ?> 
     295                                                <# } #> 
     296 
     297                                        <# } #> 
     298                                <# if ( data[field] ) { #> 
     299                                        &nbsp;{{ data[field] }} 
     300                                <# } #> 
     301                                </div> 
     302                        <# }); #> 
     303                <# } #> 
     304 
    286305        </script> 
    287306 
    288307        <script type="text/html" id="tmpl-attachment-details">