Uncommited changes synced

[roojs1] / Roo / bootstrap / NavSimplebar.js

diff --git a/Roo/bootstrap/NavSimplebar.js b/Roo/bootstrap/NavSimplebar.js
index d69860a..3459857 100644 (file)
--- a/Roo/bootstrap/NavSimplebar.js
+++ b/Roo/bootstrap/NavSimplebar.js
@@ -10,21 +10,18 @@
  * @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
@@ -39,16 +36,14 @@ Roo.bootstrap.NavSimplebar = function(config){
 
 Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar,  {
     
-    position: '',
-    brand: '',
     inverse: false,
     
     type: false,
     arrangement: '',
     align : false,
     
+    weight : 'light',
     
-    brand_href: false,
     main : false,
     
     
@@ -60,8 +55,13 @@ Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar,  {
         
         var cfg = {
             tag : this.tag || 'div',
-            cls : 'navbar'
+            cls : 'navbar 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;
+       
          
        
         cfg.cn = [
@@ -75,6 +75,8 @@ Roo.extend(Roo.bootstrap.NavSimplebar, Roo.bootstrap.Navbar,  {
         this.type = this.type || 'nav';
         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')