Changeset 37901

Timestamp:

06/28/2016 11:06:22 PM (7 years ago)

Author:

ocean90

Message:

Customize: Improve flow from menu locations to editing a menu.

Adds an Edit button beside the menu location to allow users to switch to the selected menu for further edits.

Props celloexpressions.
Fixes #36795.

Location:

trunk/src

Files:

• wp-admin/css/customize-nav-menus.css (modified) (1 diff)
• wp-admin/js/customize-nav-menus.js (modified) (1 diff)
• wp-includes/customize/class-wp-customize-nav-menu-location-control.php (modified) (1 diff)

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

@@ -15 +15 @@
 #customize-controls .control-section .accordion-section-title:hover .menu-in-location {
     color: #555;
+}
+
+.customize-control-nav_menu_location .edit-menu {
+    margin-top: 1px;
 }
 

trunk/src/wp-admin/js/customize-nav-menus.js

@@ -927 +927 @@
             };
 
+            // Edit menu button.
+            control.container.find( '.edit-menu' ).on( 'click', function() {
+                var menuId = control.setting();
+                api.section( 'nav_menu[' + menuId + ']' ).focus();
+            });
+            control.setting.bind( 'change', function() {
+                if ( 0 === control.setting() ) {
+                    control.container.find( '.edit-menu' ).addClass( 'hidden' );
+                } else {
+                    control.container.find( '.edit-menu' ).removeClass( 'hidden' );
+                }
+            });
+
             // Add/remove menus from the available options when they are added and removed.
             api.bind( 'add', function( setting ) {

trunk/src/wp-includes/customize/class-wp-customize-nav-menu-location-control.php

@@ -78 +78 @@
             </select>
         </label>
+        <button type="button" class="button edit-menu<?php if ( ! $this->value() ) { echo ' hidden'; } ?>"><?php _e( 'Edit' ); ?></button>
         <?php
     }