WordPress.org

Make WordPress Core

Ticket #24716: 24716.7.diff

File 24716.7.diff, 5.2 KB (added by ericlewis, 4 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">