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

   1 /*
   2  * - LGPL
   3  *
   4  * nav group
   5  *
   6  */
   7
   8 /**
   9  * @class Roo.bootstrap.NavGroup
  10  * @extends Roo.bootstrap.Component
  11  * Bootstrap NavGroup class
  12  * @cfg {String} align left | right
  13  * @cfg {Boolean} inverse false | true
  14  * @cfg {String} type (nav|pills|tab) default nav
  15  * @cfg {String} navId - reference Id for navbar.
  16
  17  *
  18  * @constructor
  19  * Create a new nav group
  20  * @param {Object} config The config object
  21  */
  22
  23 Roo.bootstrap.NavGroup = function(config){
  24     Roo.bootstrap.NavGroup.superclass.constructor.call(this, config);
  25     this.navItems = [];
  26     Roo.bootstrap.NavGroup.register(this);
  27      this.addEvents({
  28         /**
  29              * @event changed
  30              * Fires when the active item changes
  31              * @param {Roo.bootstrap.NavGroup} this
  32              * @param {Roo.bootstrap.Navbar.Item} item The item selected
  33              * @param {Roo.bootstrap.Navbar.Item} item The previously selected item
  34          */
  35         'changed': true
  36      });
  37
  38 };
  39
  40 Roo.extend(Roo.bootstrap.NavGroup, Roo.bootstrap.Component,  {
  41
  42     align: '',
  43     inverse: false,
  44     form: false,
  45     type: 'nav',
  46     navId : '',
  47     // private
  48
  49     navItems : false,
  50
  51     getAutoCreate : function()
  52     {
  53         var cfg = Roo.apply({}, Roo.bootstrap.NavGroup.superclass.getAutoCreate.call(this));
  54
  55         cfg = {
  56             tag : 'ul',
  57             cls: 'nav'
  58         }
  59
  60         if (['tabs','pills'].indexOf(this.type)!==-1) {
  61             cfg.cls += ' nav-' + this.type
  62         } else {
  63             if (this.type!=='nav') {
  64                 Roo.log('nav type must be nav/tabs/pills')
  65             }
  66             cfg.cls += ' navbar-nav'
  67         }
  68
  69         if (this.parent().sidebar) {
  70             cfg = {
  71                 tag: 'ul',
  72                 cls: 'dashboard-menu sidebar-menu'
  73             }
  74
  75             return cfg;
  76         }
  77
  78         if (this.form === true) {
  79             cfg = {
  80                 tag: 'form',
  81                 cls: 'navbar-form'
  82             }
  83
  84             if (this.align === 'right') {
  85                 cfg.cls += ' navbar-right';
  86             } else {
  87                 cfg.cls += ' navbar-left';
  88             }
  89         }
  90
  91         if (this.align === 'right') {
  92             cfg.cls += ' navbar-right';
  93         }
  94
  95         if (this.inverse) {
  96             cfg.cls += ' navbar-inverse';
  97
  98         }
  99
 100
 101         return cfg;
 102     },
 103
 104     setActiveItem : function(item)
 105     {
 106         var prev = false;
 107         Roo.each(this.navItems, function(v){
 108             if (v == item) {
 109                 return ;
 110             }
 111             if (v.isActive()) {
 112                 v.setActive(false, true);
 113                 prev = v;
 114
 115             }
 116
 117         });
 118
 119         item.setActive(true, true);
 120         this.fireEvent('changed', this, item, prev);
 121
 122
 123     },
 124
 125     addItem : function(cfg)
 126     {
 127         var cn = new Roo.bootstrap.NavItem(cfg);
 128         this.register(cn);
 129         cn.parentId = this.id;
 130         cn.onRender(this.el, null);
 131         return cn;
 132     },
 133
 134     register : function(item)
 135     {
 136         this.navItems.push( item);
 137         item.navId = this.navId;
 138
 139     },
 140     getNavItem: function(tabId)
 141     {
 142         var ret = false;
 143         Roo.each(this.navItems, function(e) {
 144             if (e.tabId == tabId) {
 145                ret =  e;
 146                return false;
 147             }
 148             return true;
 149
 150         });
 151         return ret;
 152     }
 153
 154
 155
 156
 157 });
 158
 159
 160 Roo.apply(Roo.bootstrap.NavGroup, {
 161
 162     groups: {},
 163
 164     register : function(navgrp)
 165     {
 166         this.groups[navgrp.navId] = navgrp;
 167
 168     },
 169     get: function(navId) {
 170         return this.groups[navId] ? this.groups[navId] : new Roo.bootstrap.NavGroup({ navId : navId });
 171     },
 172     getActive : function()
 173     {
 174
 175         for (var i in this.groups) {
 176             if (this.groups[i].active) {
 177                 return this.groups[i];
 178             }
 179         }
 180         return false;
 181     }
 182
 183
 184
 185 });
 186
 187