* @extends Roo.bootstrap.Navbar
* Bootstrap Sidebar class
*
- * @cfg {String} position (fixed-top|fixed-bottom|static-top) position
- * @cfg {String} brand what is brand
* @cfg {Boolean} inverse is inverted color
*
* @cfg {String} type (nav | pills | tabs)
* @cfg {Boolean} arrangement stacked | justified
* @cfg {String} align (left | right) alignment
*
- * @cfg {String} brand_href href of the brand
* @cfg {Boolean} main (true|false) main nav bar? default false
* @cfg {Boolean} loadMask (true|false) loadMask on the bar
*
* @cfg {String} tag (header|footer|nav|div) default is nav
- *
+ * @cfg {String} weight (light|primary|secondary|success|danger|warning|info|dark|white) default is light.
*
*
* @constructor
Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar, {
- position: '',
- brand: '',
inverse: false,
type: false,
arrangement: '',
align : false,
+ weight : 'light',
- brand_href: false,
main : false,
var cfg = {
tag : this.tag || 'div',
- cls : 'navbar'
+ cls : 'navbar roo-navbar-simple' //navbar-expand-lg ??
};
-
+ if (['light','white'].indexOf(this.weight) > -1) {
+ cfg.cls += ['light','white'].indexOf(this.weight) > -1 ? ' navbar-light' : ' navbar-dark';
+ }
+ cfg.cls += ' bg-' + this.weight;
+
+ if (this.inverse) {
+ cfg.cls += ' navbar-inverse';
+
+ }
+
+ // i'm not actually sure these are really used - normally we add a navGroup to a navbar
+
+ if (Roo.bootstrap.version == 4 && this.xtype == 'NavSimplebar') {
+ return cfg;
+ }
+
+
+
cfg.cn = [
{
- cls: 'nav',
+ cls: 'nav nav-' + this.xtype,
tag : 'ul'
}
];
this.type = this.type || 'nav';
- if (['tabs','pills'].indexOf(this.type)!==-1) {
+ if (['tabs','pills'].indexOf(this.type) != -1) {
cfg.cn[0].cls += ' nav-' + this.type
+
+
} else {
if (this.type!=='nav') {
Roo.log('nav type must be nav/tabs/pills')
- if (['stacked','justified'].indexOf(this.arrangement)!==-1) {
+ if (['stacked','justified'].indexOf(this.arrangement) != -1) {
cfg.cn[0].cls += ' nav-' + this.arrangement;
}
cfg.cn[0].cls += ' navbar-right';
}
- if (this.inverse) {
- cfg.cls += ' navbar-inverse';
-
- }
+
return cfg;