git.roojs.org Git - roojs1/blob - Roo/bootstrap/MenuMgr.js

   1 /*
   2  * Based on:
   3  * Ext JS Library 1.1.1
   4  * Copyright(c) 2006-2007, Ext JS, LLC.
   5  *
   6  * Originally Released Under LGPL - original licence link has changed is not relivant.
   7  *
   8  * Fork - LGPL
   9  * <script type="text/javascript">
  10  */
  11
  12 /**
  13  * @class Roo.bootstrap.MenuMgr
  14  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
  15  * @singleton
  16  */
  17 Roo.bootstrap.MenuMgr = function(){
  18    var menus, active, groups = {}, attached = false, lastShow = new Date();
  19
  20    // private - called when first menu is created
  21    function init(){
  22        menus = {};
  23        active = new Roo.util.MixedCollection();
  24        Roo.get(document).addKeyListener(27, function(){
  25            if(active.length > 0){
  26                hideAll();
  27            }
  28        });
  29    }
  30
  31    // private
  32    function hideAll(){
  33        if(active && active.length > 0){
  34            var c = active.clone();
  35            c.each(function(m){
  36                m.hide();
  37            });
  38        }
  39    }
  40
  41    // private
  42    function onHide(m){
  43        active.remove(m);
  44        if(active.length < 1){
  45            Roo.get(document).un("mouseup", onMouseDown);
  46
  47            attached = false;
  48        }
  49    }
  50
  51    // private
  52    function onShow(m){
  53        var last = active.last();
  54        lastShow = new Date();
  55        active.add(m);
  56        if(!attached){
  57           Roo.get(document).on("mouseup", onMouseDown);
  58
  59            attached = true;
  60        }
  61        if(m.parentMenu){
  62           //m.getEl().setZIndex(parseInt(m.parentMenu.getEl().getStyle("z-index"), 10) + 3);
  63           m.parentMenu.activeChild = m;
  64        }else if(last && last.isVisible()){
  65           //m.getEl().setZIndex(parseInt(last.getEl().getStyle("z-index"), 10) + 3);
  66        }
  67    }
  68
  69    // private
  70    function onBeforeHide(m){
  71        if(m.activeChild){
  72            m.activeChild.hide();
  73        }
  74        if(m.autoHideTimer){
  75            clearTimeout(m.autoHideTimer);
  76            delete m.autoHideTimer;
  77        }
  78    }
  79
  80    // private
  81    function onBeforeShow(m){
  82        var pm = m.parentMenu;
  83        if(!pm && !m.allowOtherMenus){
  84            hideAll();
  85        }else if(pm && pm.activeChild && active != m){
  86            pm.activeChild.hide();
  87        }
  88    }
  89
  90    // private this should really trigger on mouseup..
  91    function onMouseDown(e){
  92         Roo.log("on Mouse Up");
  93         if(lastShow.getElapsed() > 50 && active.length > 0 && !e.getTarget(".x-menu") && !e.getTarget('.user-menu')){
  94             Roo.log("hideAll");
  95             hideAll();
  96             e.stopEvent();
  97         }
  98
  99
 100    }
 101
 102    // private
 103    function onBeforeCheck(mi, state){
 104        if(state){
 105            var g = groups[mi.group];
 106            for(var i = 0, l = g.length; i < l; i++){
 107                if(g[i] != mi){
 108                    g[i].setChecked(false);
 109                }
 110            }
 111        }
 112    }
 113
 114    return {
 115
 116        /**
 117         * Hides all menus that are currently visible
 118         */
 119        hideAll : function(){
 120             hideAll();
 121        },
 122
 123        // private
 124        register : function(menu){
 125            if(!menus){
 126                init();
 127            }
 128            menus[menu.id] = menu;
 129            menu.on("beforehide", onBeforeHide);
 130            menu.on("hide", onHide);
 131            menu.on("beforeshow", onBeforeShow);
 132            menu.on("show", onShow);
 133            var g = menu.group;
 134            if(g && menu.events["checkchange"]){
 135                if(!groups[g]){
 136                    groups[g] = [];
 137                }
 138                groups[g].push(menu);
 139                menu.on("checkchange", onCheck);
 140            }
 141        },
 142
 143         /**
 144          * Returns a {@link Roo.menu.Menu} object
 145          * @param {String/Object} menu The string menu id, an existing menu object reference, or a Menu config that will
 146          * be used to generate and return a new Menu instance.
 147          */
 148        get : function(menu){
 149            if(typeof menu == "string"){ // menu id
 150                return menus[menu];
 151            }else if(menu.events){  // menu instance
 152                return menu;
 153            }
 154            /*else if(typeof menu.length == 'number'){ // array of menu items?
 155                return new Roo.bootstrap.Menu({items:menu});
 156            }else{ // otherwise, must be a config
 157                return new Roo.bootstrap.Menu(menu);
 158            }
 159            */
 160            return false;
 161        },
 162
 163        // private
 164        unregister : function(menu){
 165            delete menus[menu.id];
 166            menu.un("beforehide", onBeforeHide);
 167            menu.un("hide", onHide);
 168            menu.un("beforeshow", onBeforeShow);
 169            menu.un("show", onShow);
 170            var g = menu.group;
 171            if(g && menu.events["checkchange"]){
 172                groups[g].remove(menu);
 173                menu.un("checkchange", onCheck);
 174            }
 175        },
 176
 177        // private
 178        registerCheckable : function(menuItem){
 179            var g = menuItem.group;
 180            if(g){
 181                if(!groups[g]){
 182                    groups[g] = [];
 183                }
 184                groups[g].push(menuItem);
 185                menuItem.on("beforecheckchange", onBeforeCheck);
 186            }
 187        },
 188
 189        // private
 190        unregisterCheckable : function(menuItem){
 191            var g = menuItem.group;
 192            if(g){
 193                groups[g].remove(menuItem);
 194                menuItem.un("beforecheckchange", onBeforeCheck);
 195            }
 196        }
 197    };
 198 }();