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
 126     register : function(item)
 127     {
 128         this.navItems.push( item);
 129         item.navId = this.navId;
 130
 131     },
 132     getNavItem: function(tabId)
 133     {
 134         var ret = false;
 135         Roo.each(this.navItems, function(e) {
 136             if (e.tabId == tabId) {
 137                ret =  e;
 138                return false;
 139             }
 140             return true;
 141
 142         });
 143         return ret;
 144     }
 145 });
 146
 147
 148 Roo.apply(Roo.bootstrap.NavGroup, {
 149
 150     groups: {},
 151
 152     register : function(navgrp)
 153     {
 154         this.groups[navgrp.navId] = navgrp;
 155
 156     },
 157     get: function(navId) {
 158         return this.groups[navId];
 159     }
 160
 161
 162
 163 });
 164
 165