../roojs1/Roo/bootstrap/NavHeaderbar.js

X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=docs.old%2Fsymbols%2Fsrc%2FRoo_bootstrap_NavHeaderbar.js.html;fp=docs.old%2Fsymbols%2Fsrc%2FRoo_bootstrap_NavHeaderbar.js.html;h=b41af5641faed137f93d8e841177f134e42bba4b;hp=0000000000000000000000000000000000000000;hb=c1c0168c0e693c4262f3f744a82419f9d9b1807f;hpb=b282409b66344f6d0ff1999b55639cfd80097128 diff --git a/docs.old/symbols/src/Roo_bootstrap_NavHeaderbar.js.html b/docs.old/symbols/src/Roo_bootstrap_NavHeaderbar.js.html new file mode 100644 index 0000000000..b41af5641f --- /dev/null +++ b/docs.old/symbols/src/Roo_bootstrap_NavHeaderbar.js.html @@ -0,0 +1,170 @@ +../roojs1/Roo/bootstrap/NavHeaderbar.js

/*
+ * - LGPL
+ *
+ * navbar
+ * 
+ */
+
+/**
+ * @class Roo.bootstrap.NavHeaderbar
+ * @extends Roo.bootstrap.NavSimplebar
+ * Bootstrap Sidebar class
+ *
+ * @cfg {String} brand what is brand
+ * @cfg {String} position (fixed-top|fixed-bottom|static-top) position
+ * @cfg {String} brand_href href of the brand
+ * @cfg {Boolean} srButton generate the (screen reader / mobile) sr-only button   default true
+ * @cfg {Boolean} autohide a top nav bar header that hides on scroll.
+ * @cfg {Boolean} desktopCenter should the header be centered on desktop using a container class
+ * @cfg {Roo.bootstrap.Row} mobilerow - a row to display on mobile only..
+ * 
+ * @constructor
+ * Create a new Sidebar
+ * @param {Object} config The config object
+ */
+
+
+Roo.bootstrap.NavHeaderbar = function(config){
+    Roo.bootstrap.NavHeaderbar.superclass.constructor.call(this, config);
+      
+};
+
+Roo.extend(Roo.bootstrap.NavHeaderbar, Roo.bootstrap.NavSimplebar,  {
+    
+    position: '',
+    brand: '',
+    brand_href: false,
+    srButton : true,
+    autohide : false,
+    desktopCenter : false,
+   
+    
+    getAutoCreate : function(){
+        
+        var   cfg = {
+            tag: this.nav || 'nav',
+            cls: 'navbar',
+            role: 'navigation',
+            cn: []
+        };
+        
+        var cn = cfg.cn;
+        if (this.desktopCenter) {
+            cn.push({cls : 'container', cn : []});
+            cn = cn[0].cn;
+        }
+        
+        if(this.srButton){
+            cn.push({
+                tag: 'div',
+                cls: 'navbar-header',
+                cn: [
+                    {
+                        tag: 'button',
+                        type: 'button',
+                        cls: 'navbar-toggle',
+                        'data-toggle': 'collapse',
+                        cn: [
+                            {
+                                tag: 'span',
+                                cls: 'sr-only',
+                                html: 'Toggle navigation'
+                            },
+                            {
+                                tag: 'span',
+                                cls: 'icon-bar'
+                            },
+                            {
+                                tag: 'span',
+                                cls: 'icon-bar'
+                            },
+                            {
+                                tag: 'span',
+                                cls: 'icon-bar'
+                            }
+                        ]
+                    }
+                ]
+            });
+        }
+        
+        cn.push({
+            tag: 'div',
+            cls: 'collapse navbar-collapse',
+            cn : []
+        });
+        
+        cfg.cls += this.inverse ? ' navbar-inverse' : ' navbar-default';
+        
+        if (['fixed-top','fixed-bottom','static-top'].indexOf(this.position)>-1) {
+            cfg.cls += ' navbar-' + this.position;
+            
+            // tag can override this..
+            
+            cfg.tag = this.tag || (this.position  == 'fixed-bottom' ? 'footer' : 'header');
+        }
+        
+        if (this.brand !== '') {
+            cn[0].cn.push({
+                tag: 'a',
+                href: this.brand_href ? this.brand_href : '#',
+                cls: 'navbar-brand',
+                cn: [
+                this.brand
+                ]
+            });
+        }
+        
+        if(this.main){
+            cfg.cls += ' main-nav';
+        }
+        
+        
+        return cfg;
+
+        
+    },
+    getHeaderChildContainer : function()
+    {
+        if (this.srButton && this.el.select('.navbar-header').getCount()) {
+            return this.el.select('.navbar-header',true).first();
+        }
+        
+        return this.getChildContainer();
+    },
+    
+    
+    initEvents : function()
+    {
+        Roo.bootstrap.NavHeaderbar.superclass.initEvents.call(this);
+        
+        if (this.autohide) {
+            
+            var prevScroll = 0;
+            var ft = this.el;
+            
+            Roo.get(document).on('scroll',function(e) {
+                var ns = Roo.get(document).getScroll().top;
+                var os = prevScroll;
+                prevScroll = ns;
+                
+                if(ns > os){
+                    ft.removeClass('slideDown');
+                    ft.addClass('slideUp');
+                    return;
+                }
+                ft.removeClass('slideUp');
+                ft.addClass('slideDown');
+                 
+              
+          },this);
+        }
+    }    
+    
+});
+
+
+
+ 
+
+

\ No newline at end of file