Changeset 51023 for trunk/src/wp-admin/async-upload.php

Timestamp:

05/26/2021 01:39:47 AM (5 years ago)

Author:

antpb

Message:

Media: Add button in media upload page for copying the media url.

Adds a button to the media upload page to make copying the url possible on the same page when a media item upload is successful.

Props anotia, ryokuhi, Mista-Flo, lukecarbis, antpb, claytoncollie, shaunandrews, joedolson.
Fixes #51754.

File:

• trunk/src/wp-admin/async-upload.php (modified) (1 diff)

trunk/src/wp-admin/async-upload.php

@@ -49 +49 @@
     switch ( $_REQUEST['fetch'] ) {
         case 3:
+            echo '<div class="attachment-details">';
             $thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
             if ( $thumb_url ) {
                 echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
             }
-            if ( current_user_can( 'edit_post', $id ) ) {
-                echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
-            } else {
-                echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
-            }
+            // Title shouldn't ever be empty, but use filename just in case.
+            $file    = get_attached_file( $post->ID );
+            $fileurl = wp_get_attachment_url( $post->ID );
+            $title   = $post->post_title ? $post->post_title : wp_basename( $file );
 
-            // Title shouldn't ever be empty, but use filename just in case.
-            $file  = get_attached_file( $post->ID );
-            $title = $post->post_title ? $post->post_title : wp_basename( $file );
-            echo '<div class="filename new"><span class="title">' . esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ) . '</span></div>';
+            echo '<div class="filename new"><span class="media-list-title"><strong>' . esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ) . '</strong></span> <span class="media-list-subtitle">' . basename( $file ) . '</span></div>';
+            echo '</div>';
+            ?>
+            <div class="attachment-tools">
+                <span class="media-item-copy-container copy-to-clipboard-container edit-attachment">
+                    <button type="button" class="button button-small copy-attachment-url" data-clipboard-text="<?php echo $fileurl; ?>"><?php _e( 'Copy URL to clipboard' ); ?></button>
+                    <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
+                </span>
+                <?php
+                if ( current_user_can( 'edit_post', $id ) ) {
+                    echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
+                } else {
+                    echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
+                }
+                ?>
+            </div>
+            <?php
             break;
         case 2: