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
  91    function onMouseDown(e){
  92         Roo.log("on MouseDown");
  93         if(lastShow.getElapsed() > 50 && active.length > 0 && !e.getTarget(".x-menu")){
  94            hideAll();
  95         }
  96
  97
  98    }
  99
 100    // private
 101    function onBeforeCheck(mi, state){
 102        if(state){
 103            var g = groups[mi.group];
 104            for(var i = 0, l = g.length; i < l; i++){
 105                if(g[i] != mi){
 106                    g[i].setChecked(false);
 107                }
 108            }
 109        }
 110    }
 111
 112    return {
 113
 114        /**
 115         * Hides all menus that are currently visible
 116         */
 117        hideAll : function(){
 118             hideAll();
 119        },
 120
 121        // private
 122        register : function(menu){
 123            if(!menus){
 124                init();
 125            }
 126            menus[menu.id] = menu;
 127            menu.on("beforehide", onBeforeHide);
 128            menu.on("hide", onHide);
 129            menu.on("beforeshow", onBeforeShow);
 130            menu.on("show", onShow);
 131            var g = menu.group;
 132            if(g && menu.events["checkchange"]){
 133                if(!groups[g]){
 134                    groups[g] = [];
 135                }
 136                groups[g].push(menu);
 137                menu.on("checkchange", onCheck);
 138            }
 139        },
 140
 141         /**
 142          * Returns a {@link Roo.menu.Menu} object
 143          * @param {String/Object} menu The string menu id, an existing menu object reference, or a Menu config that will
 144          * be used to generate and return a new Menu instance.
 145          */
 146        get : function(menu){
 147            if(typeof menu == "string"){ // menu id
 148                return menus[menu];
 149            }else if(menu.events){  // menu instance
 150                return menu;
 151            }
 152            /*else if(typeof menu.length == 'number'){ // array of menu items?
 153                return new Roo.bootstrap.Menu({items:menu});
 154            }else{ // otherwise, must be a config
 155                return new Roo.bootstrap.Menu(menu);
 156            }
 157            */
 158            return false;
 159        },
 160
 161        // private
 162        unregister : function(menu){
 163            delete menus[menu.id];
 164            menu.un("beforehide", onBeforeHide);
 165            menu.un("hide", onHide);
 166            menu.un("beforeshow", onBeforeShow);
 167            menu.un("show", onShow);
 168            var g = menu.group;
 169            if(g && menu.events["checkchange"]){
 170                groups[g].remove(menu);
 171                menu.un("checkchange", onCheck);
 172            }
 173        },
 174
 175        // private
 176        registerCheckable : function(menuItem){
 177            var g = menuItem.group;
 178            if(g){
 179                if(!groups[g]){
 180                    groups[g] = [];
 181                }
 182                groups[g].push(menuItem);
 183                menuItem.on("beforecheckchange", onBeforeCheck);
 184            }
 185        },
 186
 187        // private
 188        unregisterCheckable : function(menuItem){
 189            var g = menuItem.group;
 190            if(g){
 191                groups[g].remove(menuItem);
 192                menuItem.un("beforecheckchange", onBeforeCheck);
 193            }
 194        }
 195    };
 196 }();