WordPress.org

Make WordPress Core

Ticket #24716: 24716.8.diff

File 24716.8.diff, 5.8 KB (added by wonderboymusic, 4 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">