WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
02/25/2010 05:40:03 AM (17 years ago)
Author:
markjaquith
Message:

Nav Menu enhancements. Whole item is clickable to add. Refactored CSS. Scrollbar when more than 7 menu items. props ptahdunbar. see #11817

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r13393 r13395  
    181181                                                <div class="inside">
    182182                                                        <span>
    183                                                                 <input id="add-menu-name" name="add-menu-name" type="text" value=""  />
     183                                                                <input id="add-menu-name" name="add-menu-name" type="text" class="regular-text" value=""  />
    184184                                                                <input id="add-menu" type="submit" value="<?php esc_attr_e('Add Menu'); ?>" name="add-menu" class="button" />
    185185                                                        </span>
    186186                                                </div><!-- /.inside-->
    187187                                        </div><!--END #add-menu-->
     188                                       
     189                                        <div id="add-custom-link" class="postbox">
     190                                                <div class="handlediv" title="Click to toggle"><br /></div>
     191                                                <h3 class="hndle"><?php esc_html_e('Add a Custom Link'); ?></h3>
     192                                                <div class="inside">
     193                                                       
     194                                                        <p class="howto"><label for="custom-menu-item-url"><input id="custom-menu-item-url" type="text" class="widefat code" value="http://" /><?php _e('URL'); ?></label></p>
     195                                                       
     196                                                        <?php $template_dir = get_bloginfo('url'); ?>
     197                                                        <input type="hidden" id="template-dir" value="<?php echo esc_attr($template_dir); ?>" />
     198                                                       
     199                                                        <p class="howto"><label for="custom-menu-item-name"><input id="custom-menu-item-name" type="text" class="widefat regular-text" value="<?php echo esc_attr( __('Menu Item') ); ?>" /><?php _e('Text'); ?></label></p>
     200                                                       
     201                                                        <label class="howto" for="custom_menu_item_description" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?>>
     202                                                                <input id="custom_menu_item_description" type="text" class="widefat regular-text" value="<?php esc_attr_e('A description'); ?>" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?> onfocus="jQuery('#custom_menu_item_description').attr('value','');" />
     203                                                                <?php _e('Description'); ?>
     204                                                        </label>
     205                                                       
     206                                                        <?php if ( 'no' != $advanced_option_descriptions ) { echo '<br />'; } ?>
     207                                                       
     208                                                        <a class="addtomenu button" onclick="appendToList('<?php echo $template_dir; ?>','<?php echo esc_js( _x('Custom', 'menu nav item type') ); ?>','','','','0','');jQuery('#custom-menu-item-name').attr('value','<?php echo esc_js( __('Menu Item') ); ?>');jQuery('#custom_menu_item_description').attr('value','<?php echo esc_js( __('A description') ); ?>');"><?php _e('Add Link'); ?></a>
     209                                                        <br class="clear" />
     210                                                </div><!-- /.inside-->
     211                                        </div><!-- /#add-custom-link-->
    188212                                       
    189213                                        <div id="add-pages" class="postbox">
    … …  
    230254                                                                });
    231255                                                        </script>
    232                                                         <input type="text" onfocus="jQuery('#page-search').attr('value','');" id="page-search" value="<?php esc_attr_e('Search Pages'); ?>" />
     256                                                        <input type="text" onfocus="jQuery('#page-search').attr('value','');" id="page-search" class="regular-text" value="<?php esc_attr_e('Search Pages'); ?>" />
    233257
    234258                                                        <a id="show-pages" style="cursor:pointer;" onclick="jQuery('#existing-pages').css('display','block');jQuery('#page-search').attr('value','');jQuery('#existing-pages dt').css('display','block');jQuery('#show-pages').hide();jQuery('#hide-pages').show();"><?php _e('View All'); ?></a>
    … …  
    238262                                                                jQuery('#hide-pages').hide();
    239263                                                        </script>
    240 
    241                                                         <ul id="existing-pages" class="list">
    242                                                         <?php $items_counter = wp_nav_menu_get_pages( 0,'default' ); ?>
    243                                                         </ul>
    244                                                         <div class="fix"></div>
     264                                                       
     265                                                       
     266                                                        <div id="existing-pages" class="list-container">
     267                                                                <ul class="list">
     268                                                                <?php $items_counter = wp_nav_menu_get_pages( 0,'default' ); ?>
     269                                                                </ul>
     270                                                        </div><!-- /.list-container-->
     271                                                        <br class="clear" />
    245272                                                </div><!-- /.inside-->
    246273                                        </div><!--END #add-pages-->
    … …  
    287314                                                        </script>
    288315
    289                                                         <input type="text" onfocus="jQuery('#cat-search').attr('value','');" id="cat-search" value="<?php esc_attr_e('Search Categories'); ?>" />
     316                                                        <input type="text" onfocus="jQuery('#cat-search').attr('value','');" id="cat-search" class="regular-text" value="<?php esc_attr_e('Search Categories'); ?>" />
    290317
    291318                                                        <a id="show-cats" style="cursor:pointer;" onclick="jQuery('#existing-categories').css('display','block');jQuery('#cat-search').attr('value','');jQuery('#existing-categories dt').css('display','block');jQuery('#show-cats').hide();jQuery('#hide-cats').show();"><?php _e('View All'); ?></a>
    … …  
    296323                                                        </script>
    297324
    298                                                         <ul id="existing-categories" class="list">
    299                                                                 <?php $items_counter = wp_nav_menu_get_categories( $items_counter, 'default' ); ?>
    300                                                         </ul>
    301 
    302                                                         <div class="fix"></div>
     325                                                        <div id="existing-categories" class="list-container">
     326                                                                <ul class="list">
     327                                                                        <?php $items_counter = wp_nav_menu_get_categories( $items_counter, 'default' ); ?>
     328                                                                </ul>
     329                                                        </div><!-- /.list-container-->
     330                                                        <br class="clear" />
    303331                                                </div><!-- /.inside-->
    304332                                        </div><!--END #add-categories-->
    305                                        
    306                                         <div id="add-external-link" class="postbox">
    307                                                 <div class="handlediv" title="Click to toggle"><br /></div>
    308                                                 <h3 class="hndle"><?php esc_html_e('Add a Custom Link'); ?></h3>
    309                                                 <div class="inside">
    310                                                        
    311                                                         <label class="howto" for="custom-menu-item-url">
    312                                                                 <input id="custom-menu-item-url" type="text" value="http://" />
    313                                                                 <?php _e('URL'); ?>
    314                                                         </label><br />
    315                                                        
    316                                                         <?php $template_dir = get_bloginfo('url'); ?>
    317                                                         <input type="hidden" id="template-dir" value="<?php echo esc_attr($template_dir); ?>" />
    318                                                         <label class="howto" for="custom-menu-item-name">
    319                                                                 <input id="custom-menu-item-name" type="text" value="<?php echo esc_attr( __('Menu Item') ); ?>" onfocus="jQuery('#custom-menu-item-name').attr('value','');"  />
    320                                                                 <?php _e('Menu Text'); ?>
    321                                                         </label><br />
    322                                                        
    323                                                         <label class="howto" for="custom_menu_item_description" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?>>
    324                                                                 <input id="custom_menu_item_description" type="text" value="<?php esc_attr_e('A description'); ?>" <?php if ($advanced_option_descriptions == 'no') { ?>style="display:none;"<?php } ?> onfocus="jQuery('#custom_menu_item_description').attr('value','');" />
    325                                                                 <?php _e('Description'); ?>
    326                                                         </label>
    327                                                        
    328                                                         <?php if ( 'no' != $advanced_option_descriptions ) { echo '<br />'; } ?>
    329                                                        
    330                                                         <a class="addtomenu button" onclick="appendToList('<?php echo $template_dir; ?>','<?php echo esc_js( _x('Custom', 'menu nav item type') ); ?>','','','','0','');jQuery('#custom-menu-item-name').attr('value','<?php echo esc_js( __('Menu Item') ); ?>');jQuery('#custom_menu_item_description').attr('value','<?php echo esc_js( __('A description') ); ?>');"><?php _e('Add to menu'); ?></a>
    331                                                         <div class="fix"></div>
    332                                                 </div><!-- /.inside-->
    333                                         </div><!-- /#add-external-link-->
    334                                        
    335333                                </div><!-- /#side-sortables-->
    336334                        </div><!-- /#menu-settings-column -->
Note: See TracChangeset for help on using the changeset viewer.