Ticket #23076: 23076.2.diff

src/wp-admin/css/nav-menus.css

@@ -507 +507 @@
         margin-right: 13em;
 }
 
+.menu-item-handle .menu-item-title.no-title {
+        color: #999;
+}
+
 /* Sortables */
 li.menu-item.ui-sortable-helper dl {
         margin-top: 0;

src/wp-admin/js/nav-menu.js

@@ -57 +57 @@
                         this.initAccessibility();
 
                         this.initToggles();
+
+                        this.initPreviewing();
                 },
 
                 jQueryExtensions : function() {
@@ -530 +532 @@
                         });
                 },
 
+                initPreviewing : function() {
+                        // Update the item handle title when the navigation label is changed.
+                        $( 'body' ).on( 'input', '.edit-menu-item-title', function(e) {
+                                var input = $( e.currentTarget ), title, titleEl;
+                                title = input.val();
+                                titleEl = input.closest( '.menu-item' ).find( '.menu-item-title' );
+                                // Don't update to empty title.
+                                if ( title ) {
+                                        titleEl.text( title ).removeClass( 'no-title' );
+                                } else {
+                                        titleEl.text( navMenuL10n.untitled ).addClass( 'no-title' );
+                                }
+                        } );
+                },
+
                 initToggles : function() {
                         // init postboxes
                         postboxes.add_postbox_toggles('nav-menus');

src/wp-includes/script-loader.php

@@ -530 +530 @@
                 did_action( 'init' ) && $scripts->localize( 'nav-menu', 'navMenuL10n', array(
                         'noResultsFound' => _x('No results found.', 'search results'),
                         'warnDeleteMenu' => __( "You are about to permanently delete this menu. \n 'Cancel' to stop, 'OK' to delete." ),
-                        'saveAlert' => __('The changes you made will be lost if you navigate away from this page.')
+                        'saveAlert' => __('The changes you made will be lost if you navigate away from this page.'),
+                        'untitled' => _x('(no label)', 'missing menu item navigation label')
                 ) );
 
                 $scripts->add( 'custom-header', "/wp-admin/js/custom-header.js", array( 'jquery-masonry' ), false, 1 );