WordPress.org

Make WordPress Core

Changeset 22053


Ignore:
Timestamp:
09/27/12 07:45:26 (19 months ago)
Author:
koopersmith
Message:

Add quick insert buttons to attachment views in the library and remove buttons to attachment views in the gallery editor. see #21390, #21809.

Location:
trunk/wp-includes
Files:
3 edited

Legend:

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

    r22046 r22053  
    294294    margin: 0 auto; 
    295295    box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.4 ); 
     296} 
     297 
     298.attachment .insert { 
     299    display: none; 
     300    position: absolute; 
     301    left: 7px; 
     302    bottom: 7px; 
     303} 
     304 
     305.attachment:hover .insert { 
     306    display: block; 
     307} 
     308 
     309.attachment .close { 
     310    /*display: none;*/ 
     311    position: absolute; 
     312    top: 0; 
     313    right: 0; 
     314    height: 26px; 
     315    width: 26px; 
     316    font-size: 20px; 
     317    line-height: 24px; 
     318    text-align: center; 
     319    text-decoration: none; 
     320    color: #464646; 
     321    background: #fff; 
     322} 
     323 
     324.attachment:hover .close { 
     325    display: block; 
    296326} 
    297327 
  • trunk/wp-includes/js/media-views.js

    r22046 r22053  
    379379        }, 
    380380 
     381        buttons: {}, 
     382 
    381383        initialize: function() { 
    382384            this.controller = this.options.controller; 
     
    386388            this.model.on( 'add', this.select, this ); 
    387389            this.model.on( 'remove', this.deselect, this ); 
     390 
     391            // Prevent default navigation on all links. 
     392            this.$el.on( 'click', 'a', this.preventDefault ); 
    388393        }, 
    389394 
     
    395400                    orientation: attachment.orientation || 'landscape', 
    396401                    type:        attachment.type, 
    397                     subtype:     attachment.subtype 
     402                    subtype:     attachment.subtype, 
     403                    buttons:     this.buttons 
    398404                }; 
    399405 
     
    446452 
    447453            this.$el.removeClass('selected'); 
     454        }, 
     455 
     456        preventDefault: function( event ) { 
     457            event.preventDefault(); 
    448458        } 
    449459    }); 
     
    453463     */ 
    454464    media.view.Attachment.Library = media.view.Attachment.extend({ 
    455         className: 'attachment library' 
     465        className: 'attachment library', 
     466 
     467        buttons: { 
     468            insert: true 
     469        }, 
     470 
     471        events: _.defaults({ 
     472            'click .insert': 'insert' 
     473        }, media.view.Attachment.prototype.events ), 
     474 
     475        insert: function() { 
     476            this.controller.selection.reset([ this.model ]); 
     477            this.controller.update(); 
     478        } 
    456479    }); 
    457480 
     
    460483     */ 
    461484    media.view.Attachment.Gallery = media.view.Attachment.extend({ 
    462         events: {} 
     485        buttons: { 
     486            close: true 
     487        }, 
     488 
     489        events: { 
     490            'click .close': 'toggleSelection' 
     491        } 
    463492    }); 
    464493 
  • trunk/wp-includes/media.php

    r22043 r22053  
    14001400                <div class="media-progress-bar"><div></div></div> 
    14011401            <% } %> 
    1402             <div class="actions"></div> 
     1402 
     1403            <% if ( buttons.close ) { %> 
     1404                <a class="close" href="#">&times;</a> 
     1405            <% } %> 
     1406 
     1407            <% if ( buttons.insert ) { %> 
     1408                <a class="insert button button-primary button-small" href="#"><?php _e( 'Insert' ); ?></a> 
     1409            <% } %> 
    14031410        </div> 
    14041411        <div class="describe"></div> 
Note: See TracChangeset for help on using the changeset viewer.