Ticket #13204: ajaxy-pagification-of-meta-boxes.13204.diff

wp-admin/admin-ajax.php

@@ -1091 +1091 @@
 
         die('1');
         break;
+case 'menu-get-metabox' :
+        if ( ! current_user_can( 'edit_theme_options' ) )
+                die('-1');
+
+        require_once ABSPATH . 'wp-admin/includes/nav-menu.php';
+
+        if ( isset( $_POST['item-type'] ) && 'post_type' == $_POST['item-type'] ) {
+                $type = 'posttype';
+                $callback = 'wp_nav_menu_item_post_type_meta_box';
+                $items = (array) get_post_types( array( 'show_in_nav_menus' => true ), 'object' );
+        } elseif ( isset( $_POST['item-type'] ) && 'taxonomy' == $_POST['item-type'] ) {
+                $type = 'taxonomy';
+                $callback = 'wp_nav_menu_item_taxonomy_meta_box';
+                $items = (array) get_taxonomies( array( 'show_ui' => true ), 'object' );
+        }
+
+        if ( ! empty( $_POST['item-object'] ) && isset( $items[$_POST['item-object']] ) ) {
+                $item = apply_filters( 'nav_menu_meta_box_object', $items[ $_POST['item-object'] ] );
+                ob_start();
+                call_user_func_array($callback, array(
+                        null,
+                        array(
+                                'id' => 'add-' . $item->name,
+                                'title' => $item->labels->name,
+                                'callback' => $callback,
+                                'args' => $item,
+                        )
+                ));
+                
+                $markup = ob_get_clean();
+                
+                echo json_encode(array(
+                        'replace-id' => $type . '-' . $item->name,
+                        'markup' => $markup,
+                ));
+        }
+
+        exit;
+        break;
 case 'menu-quick-search':
         if ( ! current_user_can( 'edit_theme_options' ) )
                 die('-1');

wp-admin/includes/nav-menu.php

@@ -455 +455 @@
         );
 
         ?>
-        <div class="customlinkdiv">
+        <div class="customlinkdiv" id="customlinkdiv">
 
                         <input type="hidden" value="custom" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-type]" />
                         <p id="menu-item-url-wrap">
@@ -478 +478 @@
                         </span>
                         <span class="add-to-menu">
                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                                <input type="submit" class="button-secondary" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" />
+                                <input type="submit" class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-custom-menu-item" id="submit-customlinkdiv" />
                         </span>
                 </p>
 
@@ -533 +533 @@
                         array(
                                 $post_type_name . '-tab' => 'all',
                                 'paged' => '%#%',
+                                'item-type' => 'post_type',
+                                'item-object' => $post_type_name,
                         )
                 ),
                 'format' => '',
@@ -662 +664 @@
 
                         <span class="add-to-menu">
                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                                <input type="submit" class="button-secondary" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" />
+                                <input type="submit" class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-post-type-menu-item" id="submit-posttype-<?php echo $post_type_name; ?>" />
                         </span>
                 </p>
 
@@ -707 +709 @@
                 return;
         }
 
-        $num_pages = ceil( count($terms) / $per_page );
+        $num_pages = ceil( wp_count_terms( $taxonomy_name , array_merge( $args, array('number' => '', 'offset' => '') ) ) / $per_page );
 
         $page_links = paginate_links( array(
                 'base' => add_query_arg(
                         array(
                                 $taxonomy_name . '-tab' => 'all',
                                 'paged' => '%#%',
+                                'item-type' => 'taxonomy',
+                                'item-object' => $taxonomy_name,
                         )
                 ),
                 'format' => '',
@@ -831 +835 @@
 
                         <span class="add-to-menu">
                                 <img class="waiting" src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" alt="" />
-                                <input type="submit" class="button-secondary" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" />
+                                <input type="submit" class="button-secondary submit-add-to-menu" value="<?php esc_attr_e('Add to Menu'); ?>" name="add-taxonomy-menu-item" id="submit-taxonomy-<?php echo $taxonomy_name; ?>" />
                         </span>
                 </p>
 

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

@@ -33 +33 @@
                         this.attachMenuEditListeners();
 
                         this.setupInputWithDefaultTitle();
-                        this.attachAddMenuItemListeners();
                         this.attachQuickSearchListeners();
                         this.attachThemeLocationsListeners();
 
@@ -412 +411 @@
                         });
                 },
 
-                attachAddMenuItemListeners : function() {
-                        var form = $('#nav-menu-meta');
-
-                        form.find('.add-to-menu input').click(function(){
-                                api.registerChange();
-                                $(this).trigger('wp-add-menu-item', [api.addMenuItemToBottom]);
-                                return false;
-                        });
-                        form.find('.customlinkdiv').bind('wp-add-menu-item', function(e, processMethod) {
-                                api.addCustomLink( processMethod );
-                        });
-                        form.find('.posttypediv, .taxonomydiv').bind('wp-add-menu-item', function(e, processMethod) {
-                                $(this).addSelectedToMenu( processMethod );
-                        });
-                },
-
                 attachThemeLocationsListeners : function() {
                         var loc = $('#nav-menu-theme-locations'), params = {};
                         params['action'] = 'menu-locations-save';
@@ -618 +601 @@
                                                         items.attr('checked', 'checked');
                                                 return false;
                                         }
+                                } else if ( target.hasClass('submit-add-to-menu') ) {
+                                        api.registerChange();
+
+                                        if ( e.target.id && 'submit-customlinkdiv' == e.target.id )
+                                                api.addCustomLink( api.addMenuItemToBottom );
+                                        else if ( e.target.id && -1 != e.target.id.indexOf('submit-') )
+                                                $('#' + e.target.id.replace(/submit-/, '')).addSelectedToMenu( api.addMenuItemToBottom );
+                                        return false;
+                                } else if ( target.hasClass('page-numbers') ) {
+                                        $.post( ajaxurl, e.target.href.replace(/.*\?/, '').replace(/action=([^&]*)/, '') + '&action=menu-get-metabox', 
+                                                function( resp ) {
+                                                        if ( -1 == resp.indexOf('replace-id') )
+                                                                return;
+
+                                                        var metaBoxData = $.parseJSON(resp),
+                                                        toReplace = document.getElementById(metaBoxData['replace-id']),
+                                                        placeholder = document.createElement('div'),
+                                                        wrap = document.createElement('div');
+
+                                                        if ( ! metaBoxData['markup'] || ! toReplace )
+                                                                return;
+
+                                                        wrap.innerHTML = metaBoxData['markup'] ? metaBoxData['markup'] : '';
+
+                                                        toReplace.parentNode.insertBefore( placeholder, toReplace );
+                                                        placeholder.parentNode.removeChild( toReplace );
+
+                                                        placeholder.parentNode.insertBefore( wrap, placeholder );
+
+                                                        placeholder.parentNode.removeChild( placeholder );
+
+                                                }
+                                        );
+                                        
+                                        return false;
                                 }
                         });
                 },