WordPress.org

Make WordPress Core

Changeset 28995


Ignore:
Timestamp:
07/04/2014 04:47:40 AM (6 years ago)
Author:
wonderboymusic
Message:

Make media grid text fields (data) toggle-able. Checking/unchecking is saved in user settings cookie.

See #24716.

Location:
trunk/src/wp-includes
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/media-views.css

    r28993 r28995  
    942942    text-overflow: ellipsis;
    943943    overflow: hidden;
    944     display: block;
    945944    line-height: 19px;
    946945    height: 19px;
     
    948947    width: 90%;
    949948    margin: 0 5%;
     949}
     950
     951.attachment .data-hidden {
     952    display: none;
     953}
     954
     955.attachment .data-visible {
     956    display: block;
    950957}
    951958
     
    25192526}
    25202527
    2521 .media-grid-view .view-switch {
     2528.media-grid-view .view-switch,
     2529.media-grid-field-options {
    25222530    display: inline-block;
    25232531    float: none;
    25242532    margin-top: 13px;
    25252533    vertical-align: middle;
     2534}
     2535
     2536.media-grid-field-options span {
     2537    padding-right: 5px;
     2538}
     2539
     2540.media-grid-field-options label {
     2541    margin-right: 10px;
    25262542}
    25272543
  • trunk/src/wp-includes/js/media-grid.js

    r28993 r28995  
    486486    });
    487487
     488    media.view.GridFieldOptions = media.View.extend({
     489        className: 'media-grid-field-options',
     490        template: media.template( 'media-grid-field-options' ),
     491
     492        events: {
     493            'change input': 'toggleFields'
     494        },
     495
     496        toggleFields: function(e) {
     497            var $el = $( e.currentTarget ), fields, setting;
     498            setting = $el.data( 'setting' );
     499            fields = $( '.data-' + setting, '.data-fields' );
     500            if ( $el.is( ':checked' ) ) {
     501                fields.show();
     502                deleteUserSetting( 'hidegrid' + setting );
     503            } else {
     504                fields.hide();
     505                setUserSetting( 'hidegrid' + setting, 1 );
     506            }
     507
     508            if ( $( ':checked', this.$el ).length ) {
     509                fields.parent().show();
     510            } else {
     511                fields.parent().hide();
     512            }
     513        }
     514    });
     515
    488516}(jQuery, _, Backbone, wp));
  • trunk/src/wp-includes/js/media-views.js

    r28993 r28995  
    55525552
    55535553        createToolbar: function() {
    5554             var filters, FiltersConstructor, screenReaderText;
     5554            var filters,
     5555                LibraryViewSwitcher,
     5556                FiltersConstructor,
     5557                screenReaderText;
    55555558
    55565559            /**
     
    55675570            // which the controller can tap into and add this view?
    55685571            if ( _.contains( this.controller.options.mode, 'grid' ) ) {
    5569                 var libraryViewSwitcherConstructor = media.View.extend({
     5572                LibraryViewSwitcher = media.View.extend({
    55705573                    className: 'view-switch media-grid-view-switch',
    55715574                    template: media.template( 'media-library-view-switcher')
    55725575                });
    5573                 this.toolbar.set( 'libraryViewSwitcher', new libraryViewSwitcherConstructor({
     5576                this.toolbar.set( 'libraryViewSwitcher', new LibraryViewSwitcher({
    55745577                    controller: this.controller,
    55755578                    priority: -90
     5579                }).render() );
     5580
     5581                this.toolbar.set( 'gridFieldOptions', new media.view.GridFieldOptions({
     5582                    controller: this.controller,
     5583                    priority: -50
    55765584                }).render() );
    55775585            }
  • trunk/src/wp-includes/media-template.php

    r28993 r28995  
    230230    </script>
    231231
     232    <script type="text/html" id="tmpl-media-grid-field-options">
     233        <label class="setting">
     234            <span><?php _e( 'Name' ); ?></span>
     235            <input type="checkbox" data-setting="title" {{ '' === getUserSetting( 'hidegridtitle' ) && 'checked' }} />
     236        </label>
     237        <label class="setting">
     238            <span><?php _e( 'Attached to' ); ?></span>
     239            <input type="checkbox" data-setting="uploadedTo" {{ '' === getUserSetting( 'hidegriduploadedTo' ) && 'checked' }} />
     240        </label>
     241        <label class="setting">
     242            <span><?php _e( 'Date' ); ?></span>
     243            <input type="checkbox" data-setting="dateFormatted" {{ '' === getUserSetting( 'hidegriddateFormatted' ) && 'checked' }} />
     244        </label>
     245        <label class="setting">
     246            <span><?php _e( 'Mime-type' ); ?></span>
     247            <input type="checkbox" data-setting="mime" {{ '' === getUserSetting( 'hidegridmime' ) && 'checked' }} />
     248        </label>
     249    </script>
     250
    232251    <script type="text/html" id="tmpl-uploader-status">
    233252        <h3><?php _e( 'Uploading' ); ?></h3>
     
    419438        if ( _.contains( data.controller.options.mode, 'grid' ) ) { #>
    420439        <div class="data-fields">
    421         <# _.each( data.showAttachmentFields, function( field ) { #>
    422             <div class="data-field data-{{ field }}"><#
     440        <# _.each( data.showAttachmentFields, function( field ) {
     441            var className = 'data-field data-hidden';
     442            if ( '' === getUserSetting( 'hidegrid' + field ) ) {
     443                className = 'data-field data-visible';
     444            }
     445        #>
     446            <div class="{{ className }} data-{{ field }}"><#
    423447                if ( 'uploadedTo' === field ) {
    424448                    if ( data[field] ) {
    425                     #><?php _e( 'Uploaded To:' ) ?><#
     449                    #><?php _e( 'Uploaded To: ' ) ?><#
    426450                    } else {
    427451                    #><?php _e( 'Unattached' ) ?><#
Note: See TracChangeset for help on using the changeset viewer.