9 * @class Roo.bootstrap.NavSimplebar
10 * @extends Roo.bootstrap.Navbar
11 * Bootstrap Sidebar class
13 * @cfg {Boolean} inverse is inverted color
15 * @cfg {String} type (nav | pills | tabs)
16 * @cfg {Boolean} arrangement stacked | justified
17 * @cfg {String} align (left | right) alignment
19 * @cfg {Boolean} main (true|false) main nav bar? default false
20 * @cfg {Boolean} loadMask (true|false) loadMask on the bar
22 * @cfg {String} tag (header|footer|nav|div) default is nav
24 * @cfg {String} weight (light|primary|secondary|success|danger|warning|info|dark|white) default is light.
28 * Create a new Sidebar
29 * @param {Object} config The config object
33 Roo.bootstrap.NavSimplebar = function(config){
34 Roo.bootstrap.NavSimplebar.superclass.constructor.call(this, config);
37 Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar, {
53 getAutoCreate : function(){
57 tag : this.tag || 'div',
58 cls : 'navbar roo-navbar-simple' //navbar-expand-lg ??
60 if (['light','white'].indexOf(this.weight) > -1) {
61 cfg.cls += ['light','white'].indexOf(this.weight) > -1 ? ' navbar-light' : ' navbar-dark';
63 cfg.cls += ' bg-' + this.weight;
66 cfg.cls += ' navbar-inverse';
70 // i'm not actually sure these are really used - normally we add a navGroup to a navbar
72 if (Roo.bootstrap.version == 4 && this.xtype == 'NavSimplebar') {
81 cls: 'nav nav-' + this.xtype,
87 this.type = this.type || 'nav';
88 if (['tabs','pills'].indexOf(this.type) != -1) {
89 cfg.cn[0].cls += ' nav-' + this.type
93 if (this.type!=='nav') {
94 Roo.log('nav type must be nav/tabs/pills')
96 cfg.cn[0].cls += ' navbar-nav'
102 if (['stacked','justified'].indexOf(this.arrangement) != -1) {
103 cfg.cn[0].cls += ' nav-' + this.arrangement;
107 if (this.align === 'right') {
108 cfg.cn[0].cls += ' navbar-right';