More cleanup of the edit media screen:
* Simplified table to not need rowspan, and other markup where possible. * Put more elements in a paragraph tag for better spacing. * Brought edit image buton under the image. * Everything is now in line with WordPress Coding Standards, particularly with regards to spacing and attribute quotes. * Minor styling for better alignment. TODO: We show the file URL here, but for images we should show the URL to each size, with its dimensions. git-svn-id: https://develop.svn.wordpress.org/trunk@12543 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
8fa4b51cb6
commit
d94f8b9331
|
@ -1019,6 +1019,8 @@ function get_attachment_fields_to_edit($post, $errors = null) {
|
|||
|
||||
$edit_post = sanitize_post($post, 'edit');
|
||||
|
||||
|
||||
|
||||
$form_fields = array(
|
||||
'post_title' => array(
|
||||
'label' => __('Title'),
|
||||
|
@ -1180,9 +1182,9 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
foreach ( $form_fields as $key => $val ) {
|
||||
if ( 'menu_order' == $key ) {
|
||||
if ( $gallery )
|
||||
$order = '<div class="menu_order"> <input class="menu_order_input" type="text" id="attachments['.$attachment_id.'][menu_order]" name="attachments['.$attachment_id.'][menu_order]" value="'.$val['value'].'" /></div>';
|
||||
$order = "<div class='menu_order'> <input class='menu_order_input' type='text' id='attachments[$attachment_id][menu_order]' name='attachments[$attachment_id][menu_order]' value='" . esc_attr( $val['value'] ). "' /></div>";
|
||||
else
|
||||
$order = '<input type="hidden" name="attachments['.$attachment_id.'][menu_order]" value="'.$val['value'].'" />';
|
||||
$order = "<input type='hidden' name='attachments[$attachment_id][menu_order]' value='" . esc_attr( $val['value'] ) . "' />";
|
||||
|
||||
unset( $form_fields['menu_order'] );
|
||||
break;
|
||||
|
@ -1192,13 +1194,13 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
$media_dims = '';
|
||||
$meta = wp_get_attachment_metadata( $post->ID );
|
||||
if ( is_array( $meta ) && array_key_exists( 'width', $meta ) && array_key_exists( 'height', $meta ) )
|
||||
$media_dims .= "<span id='media-dims-{$post->ID}'>{$meta['width']} × {$meta['height']}</span> ";
|
||||
$media_dims .= "<span id='media-dims-$post->ID'>{$meta['width']} × {$meta['height']}</span> ";
|
||||
$media_dims = apply_filters( 'media_meta', $media_dims, $post );
|
||||
|
||||
$image_edit_button = '';
|
||||
if ( gd_edit_image_support( $post->post_mime_type ) ) {
|
||||
$nonce = wp_create_nonce( "image_editor-$post->ID" );
|
||||
$image_edit_button = "<input type='button' id='imgedit-open-btn-{$post->ID}' onclick='imageEdit.open($post->ID, \"$nonce\")' class='button' value='" . esc_attr__( 'Edit image' ) . "' /> <img src='images/wpspin_light.gif' class='imgedit-wait-spin' alt='' />";
|
||||
$image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit image' ) . "' /> <img src='images/wpspin_light.gif' class='imgedit-wait-spin' alt='' />";
|
||||
}
|
||||
|
||||
$attachment_url = get_permalink( $attachment_id );
|
||||
|
@ -1210,20 +1212,23 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
$display_title
|
||||
<table class='slidetoggle describe $class'>
|
||||
<thead class='media-item-info' id='media-head-$post->ID'>
|
||||
<tr>
|
||||
<td class='A1B1' id='thumbnail-head-$post->ID' rowspan='5'>
|
||||
<a href='$attachment_url' target='_blank'><img class='thumbnail' src='$thumb_url' alt='' /></a>
|
||||
<tr valign='top'>
|
||||
<td class='A1B1' id='thumbnail-head-$post->ID'>
|
||||
<p><a href='$attachment_url' target='_blank'><img class='thumbnail' src='$thumb_url' alt='' style='margin-top: 3px' /></a></p>
|
||||
<p>$image_edit_button</p>
|
||||
</td>
|
||||
<td><strong>" . __('File name:') . "</strong> $filename</td>
|
||||
</tr>
|
||||
<tr><td><strong>" . __('File type:') . "</strong> $post->post_mime_type</td></tr>
|
||||
<tr><td><strong>" . __('Upload date:') . "</strong> " . mysql2date( get_option('date_format'), $post->post_date ) . "</td></tr>\n";
|
||||
|
||||
<td>
|
||||
<p><strong>" . __('File name:') . "</strong> $filename</p>
|
||||
<p><strong>" . __('File type:') . "</strong> $post->post_mime_type</p>
|
||||
<p><strong>" . __('Upload date:') . "</strong> " . mysql2date( get_option('date_format'), $post->post_date ). '</p>';
|
||||
if ( !empty( $media_dims ) )
|
||||
$item .= "<tr><td><strong>" . __('Dimensions:') . "</strong> $media_dims</td></tr>\n";
|
||||
$item .= "<p><strong>" . __('Dimensions:') . "</strong> $media_dims</p>\n";
|
||||
|
||||
echo "</td></tr>\n";
|
||||
|
||||
|
||||
|
||||
$item .= "
|
||||
<tr><td class='A1B1'>$image_edit_button</td></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td colspan='2' class='imgedit-response' id='imgedit-response-$post->ID'></td></tr>
|
||||
|
@ -1240,11 +1245,16 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
$send = "<input type='submit' class='button' name='send[$attachment_id]' value='" . esc_attr__( 'Insert into Post' ) . "' />";
|
||||
if ( $delete && current_user_can( 'delete_post', $attachment_id ) ) {
|
||||
if ( !EMPTY_TRASH_DAYS ) {
|
||||
$delete = "<a href=\"" . wp_nonce_url("post.php?action=delete&post=$attachment_id", 'delete-post_' . $attachment_id) . "\" id=\"del[$attachment_id]\" class=\"delete\">" . __('Delete Permanently') . "</a>";
|
||||
$delete = "<a href='" . wp_nonce_url( "post.php?action=delete&post=$attachment_id", 'delete-post_' . $attachment_id ) . "' id='del[$attachment_id]' class='delete'>" . __( 'Delete Permanently' ) . '</a>';
|
||||
} elseif ( !MEDIA_TRASH ) {
|
||||
$delete = "<a href=\"#\" class=\"del-link\" onclick=\"document.getElementById('del_attachment_$attachment_id').style.display='block';return false;\">" . __('Delete') . "</a> <div id=\"del_attachment_$attachment_id\" class=\"del-attachment\" style=\"display:none;\">" . sprintf(__("You are about to delete <strong>%s</strong>."), $filename) . " <a href=\"" . wp_nonce_url("post.php?action=delete&post=$attachment_id", 'delete-post_' . $attachment_id) . "\" id=\"del[$attachment_id]\" class=\"button\">" . __('Continue') . "</a> <a href=\"#\" class=\"button\" onclick=\"this.parentNode.style.display='none';return false;\">" . __('Cancel') . "</a></div>";
|
||||
$delete = "<a href='#' class='del-link' onclick=\"document.getElementById('del_attachment_$attachment_id').style.display='block';return false;\">" . __( 'Delete' ) . "</a>
|
||||
<div id='del_attachment_$attachment_id' class='del-attachment' style='display:none;'>" . sprintf( __( 'You are about to delete <strong>%s</strong>.' ), $filename ) . "
|
||||
<a href='" . wp_nonce_url( "post.php?action=delete&post=$attachment_id", 'delete-post_' . $attachment_id ) . "' id='del[$attachment_id]' class='button'>" . __( 'Continue' ) . "</a>
|
||||
<a href='#' class='button' onclick=\"this.parentNode.style.display='none';return false;\">" . __( 'Cancel' ) . "</a>
|
||||
</div>";
|
||||
} else {
|
||||
$delete = "<a href=\"" . wp_nonce_url("post.php?action=trash&post=$attachment_id", 'trash-post_' . $attachment_id) . "\" id=\"del[$attachment_id]\" class=\"delete\">" . __('Move to Trash') . "</a> <a href=\"" . wp_nonce_url("post.php?action=untrash&post=$attachment_id", 'untrash-post_' . $attachment_id) . "\" id=\"undo[$attachment_id]\" class=\"undo hidden\">" . __('Undo') . "</a>";
|
||||
$delete = "<a href='" . wp_nonce_url( "post.php?action=trash&post=$attachment_id", 'trash-post_' . $attachment_id ) . "' id='del[$attachment_id]' class='delete'>" . __( 'Move to Trash' ) . "</a>
|
||||
<a href='" . wp_nonce_url( "post.php?action=untrash&post=$attachment_id", 'untrash-post_' . $attachment_id ) . "' id='undo[$attachment_id]' class='undo hidden'>" . __( 'Undo' ) . "</a>";
|
||||
}
|
||||
} else {
|
||||
$delete = '';
|
||||
|
@ -1290,9 +1300,9 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
if ( !empty( $field[ $field['input'] ] ) )
|
||||
$item .= $field[ $field['input'] ];
|
||||
elseif ( $field['input'] == 'textarea' ) {
|
||||
$item .= "<textarea type='text' id='$name' name='$name'" . $aria_required . ">" . esc_html( $field['value'] ) . "</textarea>";
|
||||
$item .= "<textarea type='text' id='$name' name='$name' $aria_required>" . esc_html( $field['value'] ) . '</textarea>';
|
||||
} else {
|
||||
$item .= "<input type='text' class='text' id='$name' name='$name' value='" . esc_attr( $field['value'] ) . "'" . $aria_required . "/>";
|
||||
$item .= "<input type='text' class='text' id='$name' name='$name' value='" . esc_attr( $field['value'] ) . "' $aria_required />";
|
||||
}
|
||||
if ( !empty( $field['helps'] ) )
|
||||
$item .= "<p class='help'>" . join( "</p>\n<p class='help'>", array_unique( (array) $field['helps'] ) ) . '</p>';
|
||||
|
@ -1325,8 +1335,7 @@ function get_media_item( $attachment_id, $args = null ) {
|
|||
if ( $post->post_parent < 1 && isset( $_REQUEST['post_id'] ) ) {
|
||||
$parent = (int) $_REQUEST['post_id'];
|
||||
$parent_name = "attachments[$attachment_id][post_parent]";
|
||||
|
||||
$item .= "\t<input type='hidden' name='$parent_name' id='$parent_name' value='" . $parent . "' />\n";
|
||||
$item .= "\t<input type='hidden' name='$parent_name' id='$parent_name' value='$parent' />\n";
|
||||
}
|
||||
|
||||
return $item;
|
||||
|
|
|
@ -90,7 +90,7 @@ case 'edit' :
|
|||
<h2><?php _e( 'Edit Media' ); ?></h2>
|
||||
|
||||
<form method="post" action="<?php echo esc_url( remove_query_arg( 'message' ) ); ?>" class="media-upload-form" id="media-single-form">
|
||||
<p class="submit">
|
||||
<p class="submit" style="padding-bottom: 0;">
|
||||
<input type="submit" class="button-primary" name="save" value="<?php esc_attr_e('Update Media'); ?>" />
|
||||
</p>
|
||||
|
||||
|
|
Loading…
Reference in New Issue