Changeset 51006

Timestamp:

05/25/2021 05:41:11 PM (3 years ago)

Author:

joedolson

Message:

Menus: Add bulk delete for menu items.

Adds an option to bulk delete menu items from the core Navigation Menus screen, offering a considerable usability benefit when making significant changes to navigation menus.

Uses the bulk select pattern found in post and media lists for consistency with other core management screens, rather than the rapid delete pattern found in menus in the customizer.

Props wphound, welcher, melchoyce, maxpertici, audrasjb
Fixes #21603.

Location:

trunk/src

Files:

• js/_enqueues/lib/nav-menu.js (modified) (3 diffs)
• wp-admin/css/nav-menus.css (modified) (2 diffs)
• wp-admin/includes/class-walker-nav-menu-edit.php (modified) (1 diff)
• wp-admin/nav-menus.php (modified) (4 diffs)

trunk/src/js/_enqueues/lib/nav-menu.js

@@ -45 +45 @@
 
             this.attachMenuEditListeners();
+
+
+
+
+
 
             this.attachQuickSearchListeners();
@@ -863 +868 @@
         },
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
         attachMenuSaveSubmitListeners : function() {
             /*
@@ -909 +1091 @@
                 searchTimer = setTimeout( function() {
                     api.updateQuickSearchResults( $this );
-                }, 500 );
+                }, 500 );
             }).on( 'blur', '.quick-search', function() {
                 api.lastSearch = '';

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

@@ -96 +96 @@
 .menu-edit #post-body-content h3 {
     margin: 1em 0 10px;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 }
 
@@ -480 +579 @@
     /* @todo: responsive view. */
     margin-right: 13em;
+
+
+
+
+
+
+
+
+
 }
 

trunk/src/wp-admin/includes/class-walker-nav-menu-edit.php

@@ -119 +119 @@
             <div class="menu-item-bar">
                 <div class="menu-item-handle">
-                    <span class="item-title"><span class="menu-item-title"><?php echo esc_html( $title ); ?></span> <span class="is-submenu" <?php echo $submenu_text; ?>><?php _e( 'sub item' ); ?></span></span>
+                    <>
                     <span class="item-controls">
                         <span class="item-type"><?php echo esc_html( $item->type_label ); ?></span>

trunk/src/wp-admin/nav-menus.php

@@ -486 +486 @@
     /* translators: 1: Item name, 2: Item position, 3: Parent item name. */
     'subMenuFocus'            => __( '%1$s. Sub item number %2$d under %3$s.' ),
+
+
+
+
 );
 wp_localize_script( 'nav-menu', 'menus', $nav_menus_l10n );
@@ -962 +966 @@
                         <div id="post-body-content" class="wp-clearfix">
                             <?php if ( ! $add_new_screen ) : ?>
-
                                 <?php
                                 $hide_style = '';
@@ -979 +982 @@
                                     <p><?php echo $starter_copy; ?></p>
                                 </div>
-
+                                <div id="nav-menu-bulk-actions-top" class="bulk-actions">
+                                    <label class="bulk-select-button" for="bulk-select-switcher-top">
+                                        <input type="checkbox" id="bulk-select-switcher-top" name="bulk-select-switcher-top" class="bulk-select-switcher">
+                                        <span class="bulk-select-button-label"><?php echo __( 'Bulk Select' ) ; ?></span>
+                                    </label>
+                                </div>
                                 <?php
                                 if ( isset( $edit_markup ) && ! is_wp_error( $edit_markup ) ) {
@@ -1005 +1013 @@
                             }
                             ?>
+
+
+
+
+
+
+
+
+
+
+
                             <div class="menu-settings" <?php echo $no_menus_style; ?>>
                                 <h3><?php _e( 'Menu Settings' ); ?></h3>