Changeset 669399

Timestamp:

02/17/2013 08:51:11 PM (13 years ago)

Author:

maxaud

Message:

version 2.0 release

Location:

expandable-menus

Files:

• tags/2.0 (added)
• tags/2.0/expandable-menus.php (added)
• tags/2.0/readme.txt (added)
• trunk/expandable-menus.php (modified) (2 diffs)
• trunk/readme.txt (modified) (3 diffs)

expandable-menus/trunk/expandable-menus.php

@@ -3 +3 @@
 Plugin Name: Expandable Menus
 Plugin URI: http://playforward.net
-Description: Allows you to expand and collapse menus in WordPress admin.
+Description: Allows you to expand and collapse theme menus in WordPress admin.
 Author: Dustin Dempsey
-Version: 1.1
+Version: 2.0
 Author URI: http://playforward.net
 */
@@ -20 +20 @@
                     display: none;
                 }
-                .minimized .menu-item-handle {
-                    border-right: 20px solid #298cba;
+                .minimizing .menu-item-handle,
+                .minimized .menu-item-handle,
+                .hovering .menu-item-handle {
                     overflow: visible !important;
                 }
-                .minimized .item-type {
-                    position:relative;
-                    left: 40px;
-                    padding-right: 50px;
-                    background: url("' . $plus_path . '") 60px -181px no-repeat;
-                    cursor: s-resize;
-                }
-                .menu-item-custom.minimized .item-type {
-                    background: url("' . $plus_path . '") 76px -181px no-repeat;
-                }
-                .expander {
+                .ie .minimizing .menu-item-handle,
+                .ie .minimized .menu-item-handle,
+                .ie .hovering .menu-item-handle {
+                    border-right: 2px solid #42c038;
+                }
+                .minimized dt.menu-item-handle:after {
+                    content: attr(data-content);
+                    display: inline-block;
                     position: absolute;
                     top: 0px;
-                    left: 420px;
+                    left: 417px;
+                    background: #298cba;
+                    color: #fff;
+                    padding-left: 10px;
+                    padding-right: 10px;
+                    text-shadow: none;
+                    -webkit-border-radius: 3px;
+                    border-radius: 3px;
+                    cursor: s-resize !important;
+                    min-width: 113px;
+                    text-align: center;
+                }
+                .hovering dt.menu-item-handle:after {
+                    content: "double-click to minimize";
+                    display: inline-block;
+                    position: absolute;
+                    top: 0px;
+                    left: 417px;
+                    background: #298cba;
+                    color: #fff;
+                    padding-left: 10px;
+                    padding-right: 10px;
+                    text-shadow: none;
+                    -webkit-border-radius: 3px;
+                    border-radius: 3px;
+                    cursor: s-resize !important;
+                    min-width: 143px;
+                    text-align: center;
                 }
             </style>
             <!-- Expandable Menu Code -->
             <script type="text/javascript">
+            
+                function expand_set( c_name, value, exdays ) {
+                    var exdate = new Date();
+                    exdate.setDate( exdate.getDate() + exdays );
+                    var c_value = escape( value ) + ((exdays==null) ? "" : "; expires = "+exdate.toUTCString());
+                    document.cookie = c_name + "=" + c_value;
+                }
+                
+                function expand_get( c_name ) {
+                    var i,x,y,ARRcookies = document.cookie.split(";");
+                    for ( i=0; i<ARRcookies.length; i++ ) {
+                        x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
+                        y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
+                        x=x.replace(/^\s+|\s+$/g,"");
+                        if ( x == c_name ) {
+                            return unescape( y );
+                        }
+                    }   
+                }
+                
                 jQuery(document).ready(function(){
-                    var expand_editing = false;
-                    jQuery("#menu-to-edit .item-edit").on("dblclick", function(event){
-                        expand_editing = true;
-                        setTimeout(function(){
-                            expand_editing = false;
-                        },100);
+                
+                    var cookie = expand_get( "expandable_menus" );
+                    
+                    // our defaults
+                    var expand_depth;
+                    var search_for          = "menu-item-depth-";
+                    var expanding_status    = true;
+                    var expand_minimizing   = true;
+                    var depth_to_block      = 9999;
+                    
+                    
+                    // process element
+                    var process_expand_element = function( element, depth ) {
+                    
+                        var $this       = element;
+                        var $next       = $this.next();
+                        var $next_class = $next.attr( "class" );
+                        var depth_next  = 0;
+                        
+                        // next element depth
+                        if ( $next_class ) {
+                            var classes = $next_class.split(" ");
+                            jQuery.each( classes, function(index, value) {
+                                if ( value.substr( 0, 16 ) == search_for) {
+                                    depth_next = parseInt( value.split( search_for )[1] );
+                                    return depth_next;
+                                }
+                            });
+                        }
+                        
+                        // minimizing?
+                        if ( expand_minimizing ) {
+                        
+                            // hide everything, easy
+                            $this.addClass( "expand_hidden" );
+                        
+                        } else {
+                        
+                            // expanding
+                            
+                            // if the current depth is less than the blocked depth
+                            if ( depth < depth_to_block ) {
+                            
+                                // if element is minimized
+                                if ( $this.hasClass( "minimized" ) ) {
+                                
+                                    // set new depth to block as it is already hidden
+                                    depth_to_block = depth_next;
+                                    $this.removeClass( "expand_hidden" );
+                                
+                                } else {
+                                
+                                    // show element
+                                    $this.removeClass( "expand_hidden" );
+                                }
+                            }
+                        }
+                        
+                        // if the next element is deeper than the depth we started at
+                        if ( depth_next > expand_depth ) {
+                        
+                            // process next element
+                            process_expand_element( $next, depth_next );
+                        
+                        } else {
+                        
+                            var to_cookie = "";
+                            
+                            // done processing, set minimizing to minimized
+                            $element = jQuery( "#menu-to-edit li.minimizing" );
+                            if ( $element ) {
+                                $element.addClass( "minimized" );
+                                $element.removeClass( "minimizing" );
+                            }
+                            
+                            // reset blocking depth
+                            depth_to_block = 9999;
+                            
+                            // set count
+                            jQuery("#menu-to-edit li.minimized").each(function(){
+                                var $this   = jQuery(this);
+                                var id      = $this.attr( "id" );
+                                var count   = $this.nextUntil(":not(.expand_hidden)").length;
+                                var term    = "item";
+                                if ( count > 1 ) {
+                                    var term = "items";
+                                }
+                                $this.find(".menu-item-handle").attr( "data-content", "minimized: "+count+" "+term+"" );
+                                
+                                // assemle cookie
+                                var item = id+"|";
+                                to_cookie = to_cookie+item;
+                                
+                            });
+                            
+                            // set cookie
+                            to_cookie = to_cookie.slice(0,to_cookie.length-1);
+                            expand_set( "expandable_menus", to_cookie, 365 );
+                        }
+                    }
+                    
+                    // on double click
+                    jQuery("#menu-to-edit li").hover( function(){
+                        
+                        var $this       = jQuery(this);
+                        
+                        if ( !$this.hasClass("minimized") ) {
+                        
+                            var $next       = $this.next();
+                            var depth       = 0;
+                            var depth_next  = 0;
+                            
+                            // get current depth
+                            var classes = $this.attr( "class" ).split(" ");
+                            jQuery.each( classes, function(index, value) {
+                                if ( value.substr( 0, 16 ) == search_for) {
+                                    depth = parseInt( value.split( search_for )[1] );
+                                    return depth;
+                                }
+                            });
+                            
+                            
+                            // get next depth
+                            var $next_class = $next.attr( "class" );
+                            if ( $next_class ) {
+                                var classes = $next_class.split(" ");
+                                jQuery.each( classes, function(index, value) {
+                                    if ( value.substr( 0, 16 ) == search_for) {
+                                        depth_next = parseInt( value.split( search_for )[1] );
+                                        return depth_next;
+                                    }
+                                });
+                            }
+                            
+                            if ( depth_next > depth ) {
+                                jQuery(this).addClass("hovering");
+                            }
+                        }
+                        
+                    },function(){
+                        jQuery(this).removeClass("hovering");
                     });
-                    var the_expand_function = function(){
-                        if ( expand_editing === false ) {
-                            var classes = jQuery(this).attr( "class" ).split(" ");
-                            if ( jQuery(this).hasClass( "minimized" ) ) {
-                                minimizing = false;
-                            }
-                            if ( classes ) {
-                                for(var i = 0; i < classes.length; i++){
-                                    if ( classes[i] ) {
-                                        if(classes[i].substr(0,16) == "menu-item-depth-"){
-                                            var the_depth = parseInt(classes[i].split("menu-item-depth-")[1]);
-                                            var the_index = 0;
-                                            var current_element = this;
-                                            var children_check = false;
-                                            var children_depth = the_depth + 1;
-                                            if ( the_depth || ( the_depth == 0 ) ) {
-                                                setTimeout(function(){
-                                                    the_index = 1;
-                                                },2000);
-                                                for(var maini = 0; maini < 200; maini++){
-                                                    if ( the_index == 1 ) {
-                                                    } else {
-                                                        var next_element = jQuery(current_element).next();
-                                                        if ( jQuery(next_element).attr( "class" ) ) {
-                                                            var next_classes = jQuery(next_element).attr( "class" ).split(" ");
-                                                            if ( next_classes ) {
-                                                                for(var nexti = 0; nexti < next_classes.length; nexti++){
-                                                                    if ( next_classes[nexti] ) {
-                                                                        if(next_classes[nexti].substr(0,16) == "menu-item-depth-"){
-                                                                            var next_depth = parseInt(next_classes[nexti].split("menu-item-depth-")[1]);
-                                                                            if ( next_depth || ( next_depth == 0 ) ) {
-                                                                                if ( next_depth > the_depth ) {
-                                                                                    if ( children_check === true ) {
-                                                                                        if ( next_depth <= children_depth  ) {
-                                                                                            children_check = false;
-                                                                                        }
-                                                                                    }
-                                                                                    if ( children_check === false ) {
-                                                                                        // hide/show
-                                                                                        jQuery(next_element).toggleClass( "expand_hidden" );
-                                                                                        if ( jQuery(next_element).hasClass( "minimized" ) ) {
-                                                                                            children_check = true;
-                                                                                            children_depth = next_depth;
-                                                                                        }
-                                                                                    }
-                                                                                    current_element = next_element;
-                                                                                    var expanded = true;
-                                                                                } else {
-                                                                                    // stop execution
-                                                                                    the_index = 1;
-                                                                                }
-                                                                            }
-                                                                        }
-                                                                    }
-                                                                }
-                                                            }
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                            if ( expanded === true ) {
-                                                jQuery(this).toggleClass( "minimized" );
-                                            }
-                                        }
-                                    }
-                                }
-                            }
+                    
+                    // on double click
+                    jQuery("#menu-to-edit li").on( "dblclick", function(){
+                    
+                        var $this       = jQuery(this);
+                        var $next       = $this.next();
+                        var depth       = 0;
+                        var depth_next  = 0;
+                        
+                        // get current depth
+                        var classes = $this.attr( "class" ).split(" ");
+                        jQuery.each( classes, function(index, value) {
+                            if ( value.substr( 0, 16 ) == search_for) {
+                                depth = parseInt( value.split( search_for )[1] );
+                                return depth;
+                            }
+                        });
+                        
+                        // get next depth
+                        var $next_class = $next.attr( "class" );
+                        if ( $next_class ) {
+                            var classes = $next_class.split(" ");
+                            jQuery.each( classes, function(index, value) {
+                                if ( value.substr( 0, 16 ) == search_for) {
+                                    depth_next = parseInt( value.split( search_for )[1] );
+                                    return depth_next;
+                                }
+                            });
+                        }
+                        
+                        // set depth we are working with
+                        expand_depth = depth;
+                        
+                        if ( $this.hasClass( "minimized" ) ) {
+                        
+                            // expanding
+                            expand_minimizing = false;
+                            $this.removeClass( "minimized" );
+                        
+                        } else {
+                        
+                            // minimizing
+                            expand_minimizing = true;
+                            $this.addClass( "minimizing" );
+                        }
+                        
+                        // if next element is a child
+                        if ( depth_next > depth ) {
+                        
+                            // process next element
+                            process_expand_element( $next, depth_next );
+                        
+                        } else {
+                        
+                            // last element in row
+                            $this.removeClass( "minimizing" );
+                            expand_minimizing = true;
+                        }
+                    });
+                    
+                    
+                    var process_cookie = function() {
+                    
+                        // if we still have items in the array to process
+                        if ( cookies.length > 0 ) {
+                        
+                            // trigger double click on item
+                            var current_item = cookies[0];
+                            jQuery("#"+current_item).trigger( "dblclick" );
+                            
+                            // remove item from array
+                            cookies.splice( 0, 1 );
+                            
+                            // process again
+                            process_cookie();
+                        
                         }
                     }
-                    jQuery("#menu-to-edit li").on( "dblclick", the_expand_function );
+                    
+                    // get minimized items and revrse array to work backwards
+                    var cookies = cookie.split("|");
+                    cookies = cookies.reverse();
+                    
+                    // process cookie items
+                    process_cookie();
                 });
             </script>

expandable-menus/trunk/readme.txt

@@ -4 +4 @@
 Tags: expandable,menu,admin,collapsable
 Requires at least: 3.0
-Tested up to: 3.4.3
-Stable tag: 1.1
+Tested up to: 3.6
+Stable tag: 2.0
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-Allows you to collapse and expand the WordPress admin menus(Appearance > Menus).
+Allows you to collapse and expand the WordPress admin theme menus (Appearance > Menus).
 
 == Description ==
 
-When creating a menu under the "Appearance -> Menus" tab it allows you to double click to expand and collapse a menu.
+When creating a menu under the "Appearance -> Menus" tab it allows you to double click to expand and collapse a menu tree.
 
 This is particularly useful for large menus or menus with many different sub trees that take up screen space.
 
+Minimized menus will be saved as a cookie so when you return they should be minimized again.
+
+**Requirements**
+
+* Javascript is required.
+* A browser that supports the :after CSS selector is required to show the minimized indicators (IE7 and IE8 may not show them).
+
 **Future releases:**  
-* Images to show collapsed menus rather than just a blue marker.
-* Double-click visual feedback.
-* your ideas!
+
+*   Images to show collapsed menus rather than just a blue marker.
+*   Double-click visual feedback.
+*   your ideas!
 
 == Installation ==
@@ -32 +42 @@
 = None yet =
 
-Ask me some!
+**Why isn't this working?**
+
+* Have you tried double clicking? A lot of people dont understand you have to double click to minimize as there wasn't initially an indicator telling you to do so.
 
 
@@ -43 +55 @@
 
 = 1.0 =
+
 * First Release.
 
 = 1.1 =
+
 * Fixed icon alignment issue.
+
+= 2.0 =
+
+* Revamped javascript.
+* Supports over 200 menus now.
+* Different indicators on hover and when minimized
+* Saves minimized menus in a cookie so you don't have to minimize every time the page is loaded.
 
 == Upgrade Notice ==
 
 = 1.0 =
+
 First release
 
 = 1.1 =
-*Fixes icon alignment issues.
+
+* Fixes icon alignment issues.
+
+= 2.0 =
+
+* Revamped javascript.
+* Supports over 200 menus now.
+* Different indicators on hover and when minimized
+* Saves minimized menus in a cookie so you don't have to minimize every time the page is loaded.