Make WordPress Core


Ignore:
Timestamp:
08/07/2014 08:31:21 PM (10 years ago)
Author:
helen
Message:

Revert styling changes to the Attachment Details modal from [29289]. fixes #28844.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/media-template.php

    r29430 r29436  
    332332            </span>
    333333            <div class="details">
    334                 <h3><?php _e('Attachment Details'); ?></h3>
    335                 <div class="filename setting">
    336                     <span class="name"><?php _e( 'File name' ); ?></span> <span class="value">{{ data.filename }}</span>
    337                 </div>
    338                 <div class="filename setting">
    339                     <span class="name"><?php _e( 'File type' ); ?></span> <span class="value">{{ data.mime }}</span>
    340                 </div>
    341                 <div class="uploaded setting">
    342                     <span class="name"><?php _e( 'Uploaded on' ); ?></span> <span class="value">{{ data.dateFormatted }}</span>
    343                 </div>
    344                 <div class="file-size setting">
    345                     <span class="name"><?php _e( 'File size' ); ?></span> <span class="value">{{ data.filesizeHumanReadable }}</span>
    346                 </div>
     334                <div class="filename"><strong><?php _e( 'File name:' ); ?></strong> {{ data.filename }}</div>
     335                <div class="filename"><strong><?php _e( 'File type:' ); ?></strong> {{ data.mime }}</div>
     336                <div class="uploaded"><strong><?php _e( 'Uploaded on:' ); ?></strong> {{ data.dateFormatted }}</div>
     337
     338                <div class="file-size"><strong><?php _e( 'File size:' ); ?></strong> {{ data.filesizeHumanReadable }}</div>
    347339                <# if ( 'image' === data.type && ! data.uploading ) { #>
    348340                    <# if ( data.width && data.height ) { #>
    349                         <div class="dimensions setting"><span class="name"><?php _e( 'Dimensions' ); ?></span> <span class="value">{{ data.width }} &times; {{ data.height }}</span></div>
     341                        <div class="dimensions"><strong><?php _e( 'Dimensions:' ); ?></strong> {{ data.width }} &times; {{ data.height }}</div>
    350342                    <# } #>
    351343                <# } #>
    352344
    353345                <# if ( data.fileLength ) { #>
    354                     <div class="file-length setting"><span class="name"><?php _e( 'Length' ); ?></span> <span class="value">{{ data.fileLength }}</span></div>
     346                    <div class="file-length"><strong><?php _e( 'Length:' ); ?></strong> {{ data.fileLength }}</div>
    355347                <# } #>
    356348
    357349                <# if ( 'audio' === data.type && data.meta.bitrate ) { #>
    358                     <div class="bitrate setting">
    359                         <span class="name"><?php _e( 'Bitrate' ); ?></span> <span class="value">{{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
     350                    <div class="bitrate">
     351                        <strong><?php _e( 'Bitrate:' ); ?></strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
    360352                        <# if ( data.meta.bitrate_mode ) { #>
    361353                        {{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
    362                         <# } #></span>
     354                        <# } #>
    363355                    </div>
    364356                <# } #>
    365 
    366                 <label class="url setting" data-setting="url">
    367                     <span class="name"><?php _e( 'URL' ); ?></span>
    368                     <input type="text" value="{{ data.url }}" readonly />
    369                 </label>
    370357
    371358                <div class="compat-meta">
     
    376363            </div>
    377364
    378             <div class="settings advanced-section">
    379                 <h3><a class="advanced-toggle" href="#"><?php _e( 'Attachment Meta' ); ?></a></h3>
    380                 <div class="advanced-settings hidden">
    381                     <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
    382                     <label class="setting" data-setting="title">
    383                         <span class="name"><?php _e( 'Title' ); ?></span>
    384                         <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
     365            <div class="settings">
     366                <label class="setting" data-setting="url">
     367                    <span class="name"><?php _e('URL'); ?></span>
     368                    <input type="text" value="{{ data.url }}" readonly />
     369                </label>
     370                <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
     371                <label class="setting" data-setting="title">
     372                    <span class="name"><?php _e('Title'); ?></span>
     373                    <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
     374                </label>
     375                <# if ( 'audio' === data.type ) { #>
     376                <?php foreach ( array(
     377                    'artist' => __( 'Artist' ),
     378                    'album' => __( 'Album' ),
     379                ) as $key => $label ) : ?>
     380                <label class="setting" data-setting="<?php echo esc_attr( $key ) ?>">
     381                    <span class="name"><?php echo $label ?></span>
     382                    <input type="text" value="{{ data.<?php echo $key ?> || data.meta.<?php echo $key ?> || '' }}" />
     383                </label>
     384                <?php endforeach; ?>
     385                <# } #>
     386                <label class="setting" data-setting="caption">
     387                    <span class="name"><?php _e( 'Caption' ); ?></span>
     388                    <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
     389                </label>
     390                <# if ( 'image' === data.type ) { #>
     391                    <label class="setting" data-setting="alt">
     392                        <span class="name"><?php _e( 'Alt Text' ); ?></span>
     393                        <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
    385394                    </label>
    386                     <# if ( 'audio' === data.type ) { #>
    387                     <?php foreach ( array(
    388                         'artist' => __( 'Artist' ),
    389                         'album' => __( 'Album' ),
    390                     ) as $key => $label ) : ?>
    391                     <label class="setting" data-setting="<?php echo esc_attr( $key ) ?>">
    392                         <span class="name"><?php echo $label ?></span>
    393                         <input type="text" value="{{ data.<?php echo $key ?> || data.meta.<?php echo $key ?> || '' }}" />
     395                <# } #>
     396                <label class="setting" data-setting="description">
     397                    <span class="name"><?php _e('Description'); ?></span>
     398                    <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
     399                </label>
     400                <label class="setting">
     401                    <span class="name"><?php _e( 'Uploaded By' ); ?></span>
     402                    <span class="value">{{ data.authorName }}</span>
     403                </label>
     404                <# if ( data.uploadedTo ) { #>
     405                    <label class="setting">
     406                        <span class="name"><?php _e( 'Uploaded To' ); ?></span>
     407                        <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>
    394408                    </label>
    395                     <?php endforeach; ?>
    396                     <# } #>
    397                     <label class="setting" data-setting="caption">
    398                         <span class="name"><?php _e( 'Caption' ); ?></span>
    399                         <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
    400                     </label>
    401                     <# if ( 'image' === data.type ) { #>
    402                         <label class="setting" data-setting="alt">
    403                             <span class="name"><?php _e( 'Alt Text' ); ?></span>
    404                             <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
    405                         </label>
    406                     <# } #>
    407                     <label class="setting" data-setting="description">
    408                         <span class="name"><?php _e( 'Description' ); ?></span>
    409                         <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
    410                     </label>
    411                     <label class="setting">
    412                         <span class="name"><?php _e( 'Uploaded By' ); ?></span>
    413                         <span class="value">{{ data.authorName }}</span>
    414                     </label>
    415                     <# if ( data.uploadedTo ) { #>
    416                         <label class="setting">
    417                             <span class="name"><?php _e( 'Uploaded To' ); ?></span>
    418                             <# if ( data.uploadedToLink ) { #>
    419                                 <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>
    420                             <# } else { #>
    421                                 <span class="value">{{ data.uploadedToTitle }}</span>
    422                             <# } #>
    423                         </label>
    424                     <# } #>
    425                     <div class="attachment-compat"></div>
    426                 </div>
     409                <# } #>
     410                <div class="attachment-compat"></div>
    427411            </div>
    428412
Note: See TracChangeset for help on using the changeset viewer.