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 {Boolean} inverse false | true
  15  *
  16  * @constructor
  17  * Create a new nav group
  18  * @param {Object} config The config object
  19  */
  20
  21 Roo.bootstrap.NavGroup = function(config){
  22     Roo.bootstrap.NavGroup.superclass.constructor.call(this, config);
  23 };
  24
  25 Roo.extend(Roo.bootstrap.NavGroup, Roo.bootstrap.Component,  {
  26
  27     align: '',
  28     inverse: false,
  29     form: false,
  30     type: 'nav',
  31
  32     getAutoCreate : function(){
  33         var cfg = Roo.apply({}, Roo.bootstrap.NavGroup.superclass.getAutoCreate.call(this));
  34
  35         cfg = {
  36             tag : 'ul',
  37             cls: 'nav'
  38         }
  39
  40         if (['tabs','pills'].indexOf(this.type)!==-1) {
  41             cfg.cls += ' nav-' + this.type
  42         } else {
  43             if (this.type!=='nav') {
  44                 Roo.log('nav type must be nav/tabs/pills')
  45             }
  46             cfg.cls += ' navbar-nav'
  47         }
  48
  49         if (this.parent().sidebar === true) {
  50             cfg = {
  51                 tag: 'ul',
  52                 cls: 'dashboard-menu'
  53             }
  54
  55             return cfg;
  56         }
  57
  58         if (this.form === true) {
  59             cfg = {
  60                 tag: 'form',
  61                 cls: 'navbar-form'
  62             }
  63
  64             if (this.align === 'right') {
  65                 cfg.cls += ' navbar-right';
  66             } else {
  67                 cfg.cls += ' navbar-left';
  68             }
  69         }
  70
  71         if (this.align === 'right') {
  72             cfg.cls += ' navbar-right';
  73         }
  74
  75         if (this.inverse) {
  76             cfg.cls += ' navbar-inverse';
  77
  78         }
  79
  80
  81         return cfg;
  82     }
  83
  84 });
  85
  86
  87
  88