Ticket #21603: 21603.2.diff

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

@@ -113 +113 @@
                 <li id="menu-item-<?php echo $item_id; ?>" class="<?php echo implode(' ', $classes ); ?>">
                         <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-title"><input type="checkbox" class="menu-item-checkbox"/><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>
                                                 <span class="item-order hide-if-js">

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

@@ -40 +40 @@
                         this.jQueryExtensions();
 
                         this.attachMenuEditListeners();
+                        this.attachMenuCheckBoxListeners();
 
                         this.attachQuickSearchListeners();
                         this.attachThemeLocationsListeners();
@@ -840 +841 @@
                         });
                 },
 
+                attachMenuCheckBoxListeners: function() {
+                        var that = this;
+
+                        $( '#menu-to-edit' ).on( 'change','.menu-item-checkbox', function(){
+                                that.setRemoveSelectedButtonStatus();
+                        });
+
+                        $( document ).on('click', '.remove-checked-menu-items', function(e){
+                                e.preventDefault();
+                                $.each( $('.menu-item-checkbox:checked'), function( index, element) {
+                                        $( element ).parents( 'li' ).find( 'a.item-delete' ).trigger( 'click' );
+                                });
+                                $('.remove-checked-menu-items').prop('disabled', true);
+                        });
+                },
+
+                setRemoveSelectedButtonStatus : function(){
+                        var button = $('.remove-checked-menu-items');
+                        if( $('.menu-item-checkbox:checked').length > 0 ) {
+                                button.prop('disabled', false);
+                        }else{
+                                button.prop('disabled', true);
+                        }
+                },
+
                 attachMenuSaveSubmitListeners : function() {
                         /*
                          * When a navigation menu is saved, store a JSON representation of all form data

src/wp-admin/nav-menus.php

@@ -762 +762 @@
                                                         <label class="menu-name-label" for="menu-name"><?php _e( 'Menu Name' ); ?></label>
                                                         <input name="menu-name" id="menu-name" type="text" class="menu-name regular-text menu-item-textbox" <?php echo $menu_name_val . $menu_name_aria_desc; ?> />
                                                         <div class="publishing-action">
+                                                                <?php submit_button( __( 'Remove Selected Items' ), 'button remove-checked-menu-items', '', false, array( 'disabled' => 'disabled' ) ); ?>
                                                                 <?php submit_button( empty( $nav_menu_selected_id ) ? __( 'Create Menu' ) : __( 'Save Menu' ), 'primary large menu-save', 'save_menu', false, array( 'id' => 'save_menu_header' ) ); ?>
                                                         </div><!-- END .publishing-action -->
                                                 </div><!-- END .major-publishing-actions -->
@@ -841 +842 @@
                                                         </span><!-- END .delete-action -->
                                                         <?php endif; ?>
                                                         <div class="publishing-action">
+                                                                <?php submit_button( __( 'Remove Selected Items' ), 'button remove-checked-menu-items', '', false, array( 'disabled' => 'disabled' ) ); ?>
                                                                 <?php submit_button( empty( $nav_menu_selected_id ) ? __( 'Create Menu' ) : __( 'Save Menu' ), 'primary large menu-save', 'save_menu', false, array( 'id' => 'save_menu_footer' ) ); ?>
                                                         </div><!-- END .publishing-action -->
                                                 </div><!-- END .major-publishing-actions -->