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