WordPress.org

Make WordPress Core

Ticket #24716: 24716.7.diff

File 24716.7.diff, 5.2 KB (added by ericlewis, 3 years ago)
  • src/wp-includes/css/media-views.css

    diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
    index c768479..8398789 100644
    a b  
    924924        height: 50px; 
    925925} 
    926926 
     927.attachments-browser.hide-sidebar .media-toolbar { 
     928        right: 0; 
     929} 
     930 
    927931.attachments-browser .media-toolbar-primary > .media-button, 
    928932.attachments-browser .media-toolbar-primary > .media-button-group, 
    929933.attachments-browser .media-toolbar-secondary > .media-button, 
     
    942946        outline: none; 
    943947} 
    944948 
     949.attachment .edit-media { 
     950        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
     951        opacity: 0; 
     952        position: absolute; 
     953        top: 35%; 
     954        right: 25%; 
     955        left: 25%; 
     956        background: #222; 
     957        background: rgba(0,0,0,0.7); 
     958        color: #fff; 
     959        font-size: 15px; 
     960        text-shadow: 0 1px 0 rgba(0,0,0,0.6); 
     961        -webkit-font-smoothing: antialiased; 
     962        font-weight: 600; 
     963        padding: 15px 12px; 
     964        text-align: center; 
     965        -webkit-border-radius: 3px; 
     966        border-radius: 3px; 
     967        -webkit-transition: opacity 0.1s ease-in-out; 
     968        transition: opacity 0.1s ease-in-out; 
     969} 
     970 
     971.attachment:hover .edit-media { 
     972        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
     973        opacity: 1; 
     974} 
     975 
     976.attachments-browser.hide-sidebar .attachments { 
     977        right: 0; 
     978} 
     979 
    945980.attachments-browser .instructions { 
    946981        display: inline-block; 
    947982        margin-top: 16px; 
  • src/wp-includes/js/media-views.js

    diff --git a/src/wp-includes/js/media-views.js b/src/wp-includes/js/media-views.js
    index f0f70e9..b406ef4 100644
    a b  
    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', 'filetype' ] ), 
    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                        } 
     5632 
    56225633 
    56235634                        this.collection.on( 'add remove reset', this.updateContent, this ); 
    56245635                }, 
     
    57325743                        this.removeContent(); 
    57335744 
    57345745                        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, 
     5746                                controller:           this.controller, 
     5747                                collection:           this.collection, 
     5748                                selection:            this.options.selection, 
     5749                                model:                this.model, 
     5750                                sortable:             this.options.sortable, 
     5751                                showAttachmentFields: this.options.showAttachmentFields, 
    57405752 
    57415753                                // The single `Attachment` view to be used in the `Attachments` view. 
    57425754                                AttachmentView: this.options.AttachmentView 
  • src/wp-includes/media-template.php

    diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php
    index 2c0ff80..de4b6eb 100644
    a b function wp_print_media_templates() { 
    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                        <# } #> 
    function wp_print_media_templates() { 
    283283                                        <# } #> {{ maybeReadOnly }} /> 
    284284                        <# } #> 
    285285                <# } #> 
     286                <# if ( _.contains( data.controller.options.mode, 'grid' ) ) { #> 
     287                        <# _.each( data.showAttachmentFields, function( field ) { #> 
     288                                <div>{{ data[field] }}</div> 
     289                        <# }); #> 
     290                <# } #> 
     291 
    286292        </script> 
    287293 
    288294        <script type="text/html" id="tmpl-attachment-details">