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 === true) {
  70             cfg = {
  71                 tag: 'ul',
  72                 cls: 'dashboard-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.isActive()) {
 109                 v.setActive(false, true);
 110                 prev = v;
 111
 112             }
 113
 114         });
 115
 116         item.el.setActive('active', true);
 117         this.fireEvent('changed', this, item, prev);
 118
 119
 120     },
 121
 122
 123     register : function(item)
 124     {
 125         this.navItems.push( item);
 126         item.navId = this.navId;
 127
 128     },
 129     getNavItem: function(tabId)
 130     {
 131         var ret = false;
 132         Roo.each(this.navItems, function(e) {
 133             if (e.tabId == tabId) {
 134                ret=  e;
 135                return true;
 136             }
 137             return false;
 138
 139         });
 140         return ret;
 141     }
 142 });
 143
 144
 145 Roo.apply(Roo.bootstrap.NavGroup, {
 146
 147     groups: {},
 148
 149     register : function(navgrp)
 150     {
 151         this.groups[navgrp.navId] = navgrp;
 152
 153     },
 154     get: function(navId) {
 155         return this.groups[navId];
 156     }
 157
 158
 159
 160 });
 161
 162