Ticket #28321: 28321-2.patch

src/wp-admin/js/image-edit.js

@@ -67 +67 @@
                 return false;
         },
 
+        toggleHelpImg : function(el) {
+                $( el ).closest('span').siblings( '.imgedit-help' ).slideToggle( 'fast' );
+                return false;
+        },
+
         getTarget : function(postid) {
                 return $('input[name="imgedit-target-' + postid + '"]:checked', '#imgedit-save-target-' + postid).val() || 'full';
         },

src/wp-includes/media-template.php

@@ -362 +362 @@
                                 </label>
                                 <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
                                 <label class="setting" data-setting="title">
-                                        <span class="name"><?php _e('Title'); ?></span>
+                                        <span class="name"><?php _e('Title'); ?><a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelpImg(this);return false;"></a></span>
+                                        <span class="imgedit-help">Mate, this is a title.</span>
                                         <input type="text" value="{{ data.title }}" {{ maybeReadOnly }} />
                                 </label>
                                 <# if ( 'audio' === data.type ) { #>
@@ -377 +378 @@
                                 <?php endforeach; ?>
                                 <# } #>
                                 <label class="setting" data-setting="caption">
-                                        <span class="name"><?php _e( 'Caption' ); ?></span>
+                                        <span class="name"><?php _e( 'Caption' ); ?><a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelpImg(this);return false;"></a></span>
+                                        <span class="imgedit-help">Mate, this is a caption.</span>
                                         <textarea {{ maybeReadOnly }}>{{ data.caption }}</textarea>
                                 </label>
                                 <# if ( 'image' === data.type ) { #>
                                         <label class="setting" data-setting="alt">
-                                                <span class="name"><?php _e( 'Alt Text' ); ?></span>
+                                                <span class="name"><?php _e( 'Alt Text' ); ?><a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelpImg(this);return false;"></a></span>
+                                                <span class="imgedit-help">Mate, this is the Alt Text.</span>
                                                 <input type="text" value="{{ data.alt }}" {{ maybeReadOnly }} />
                                         </label>
                                 <# } #>
                                 <label class="setting" data-setting="description">
-                                        <span class="name"><?php _e('Description'); ?></span>
+                                        <span class="name"><?php _e('Description'); ?><a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelpImg(this);return false;"></a></span>
+                                        <span class="imgedit-help">Mate, this is the Description.</span>
                                         <textarea {{ maybeReadOnly }}>{{ data.description }}</textarea>
                                 </label>
                                 <label class="setting">