Fix #5660 - roojs docs - linking and other tidy ups

[roojs1] / docs / Roo.docs.js

diff --git a/docs/Roo.docs.js b/docs/Roo.docs.js
index 9bd6a42..d9bbc06 100644 (file)
--- a/docs/Roo.docs.js
+++ b/docs/Roo.docs.js
@@ -52,10 +52,10 @@ Roo.docs = new Roo.XComponent({
     {
      xtype : 'NavSidebar',
      cls : 'left-menu-sidebar',
-     style : 'padding-top:80px;',
      listeners : {
       render : function (_self)
        {
+         _this.sidebar = this;
          //  this.el.addClass(language);
            
        }
@@ -201,7 +201,7 @@ Roo.docs = new Roo.XComponent({
            listeners : {
             click : function (e)
              {
-                 document.location.reload();
+                 document.location.hash = '#';
              }
            },
            xns : Roo.bootstrap,
@@ -230,7 +230,7 @@ Roo.docs = new Roo.XComponent({
      xtype : 'NavHeaderbar',
      autohide : true,
      brand : ' ',
-     brand_href : baseURL + '/',
+     brand_href : '#',
      cls : 'mobile-header-menu',
      inverse : false,
      position : 'fixed-top',
@@ -238,25 +238,29 @@ Roo.docs = new Roo.XComponent({
      listeners : {
       beforetoggle : function (_self)
        {
-           _this.navGroup.autoExpand(); 
+          // _this.mobileNavGroup.autoExpand(); 
            
-           _this.navGroup.activeLookup();
-           
-           _this.navHeaderBar.mask.show();
-           
-           if(this.el.select('.navbar-collapse',true).first().hasClass('in')){
-               _this.navHeaderBar.mask.hide();
+          
+            if(!this.el.select('.navbar-collapse',true).first().hasClass('in')){
+                this.el.select('.navbar-collapse',true).first().removeClass('in');
+                return true;
+       
+            }
+           if(!this.el.select('.navbar-collapse',true).first().hasClass('in')){
+             //  this.el.select('.navbar-collapse',true).first().setHeight(innerHeight-50);
+               //(function() {
+               //    this.el.select('.navbar-collapse',true).first().setHeight(innerHeight-50);
+               //}).defer(500,this);
+                     
                return;
            }
        },
       render : function (_self)
        {
+          
+            _this.navHeaderBar = this;
            return;
-           
-           _this.navHeaderBar = this;
-           
-           this.el.addClass(language); 
-           
+           /*
            var body = Roo.select('body', true).first();
            
            var mark = {
@@ -285,15 +289,28 @@ Roo.docs = new Roo.XComponent({
            var maxHeight = Roo.lib.Dom.getViewHeight() - this.el.select('.navbar-header', true).first().getHeight();
            
            this.el.select('.navbar-collapse', true).first().setStyle('max-height', maxHeight);
-           
+           */
        }
      },
      xns : Roo.bootstrap,
-     '|xns' : 'Roo.bootstrap'
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'NavGroup',
+       listeners : {
+        render : function (_self)
+         {
+             _this.mobileNavGroup = this;
+         }
+       },
+       xns : Roo.bootstrap,
+       '|xns' : 'Roo.bootstrap'
+      }
+     ]
     },
     {
      xtype : 'Container',
-     cls : 'general-content-body',
+     cls : 'general-content-body general-content-intro',
      listeners : {
       render : function (_self)
        {
@@ -344,7 +361,6 @@ Roo.docs = new Roo.XComponent({
         {
          xtype : 'Column',
          md : 9,
-         style : 'padding-left: 0px;',
          xns : Roo.bootstrap,
          '|xns' : 'Roo.bootstrap',
          items  : [
@@ -394,14 +410,15 @@ Roo.docs = new Roo.XComponent({
                  xtype : 'Link',
                  cls : 'doc-extends',
                  html : _this._strings['494a64a432ff6a121e4ab9003c7a0df3'] /* parentcls */,
-                 preventDefault : false,
+                 preventDefault : true,
                  listeners : {
                   click : function (e)
                    {
                    
                        if (this.el.dom.innerHTML.length) {
-                           Roo.docs.init.loadDoc({ name : this.el.dom.innerHTML, is_class : true});
-                       }
+                           document.location.hash = '#' +  this.el.dom.innerHTML;
+                         
+                       } 
                    },
                   render : function (_self)
                    {
@@ -482,7 +499,7 @@ Roo.docs = new Roo.XComponent({
            xtype : 'Container',
            cls : 'doc-augments',
            header : _this._strings['3e6ec55e2dff4342e3f25b0b0b988de9'] /* Inheritance tree */,
-           panel : 'success',
+           panel : 'primary',
            listeners : {
             render : function (_self)
              {
@@ -502,7 +519,7 @@ Roo.docs = new Roo.XComponent({
        expandable : true,
        expanded : true,
        header : _this._strings['50f33d14f129e4548c1c270fd6725a78'] /* Configuration options */,
-       panel : 'info',
+       panel : 'primary',
        style : 'margin-top:15px',
        listeners : {
         render : function (_self)
@@ -584,6 +601,7 @@ Roo.docs = new Roo.XComponent({
                        return  '<small><a href="#' + r.json.memberOf + '">' + r.json.memberOf + '</a></small>';
                                
            },
+           xs : 0,
            xns : Roo.grid,
            '|xns' : 'Roo.grid'
           }
@@ -595,9 +613,9 @@ Roo.docs = new Roo.XComponent({
        xtype : 'Container',
        cls : 'doc-table-container',
        expandable : true,
-       expanded : false,
+       expanded : true,
        header : _this._strings['a1d108496af420635536a4e29e87d42b'] /* Constructor, Static and Public Methods */,
-       panel : 'info',
+       panel : 'primary',
        listeners : {
         render : function (_self)
          {
@@ -679,6 +697,7 @@ Roo.docs = new Roo.XComponent({
                        return  '<small><a href="#' + r.json.memberOf + '">' + r.json.memberOf + '</a></small>';
                                
            },
+           xs : 0,
            xns : Roo.grid,
            '|xns' : 'Roo.grid'
           }
@@ -690,9 +709,9 @@ Roo.docs = new Roo.XComponent({
        xtype : 'Container',
        cls : 'doc-table-container',
        expandable : true,
-       expanded : false,
+       expanded : true,
        header : _this._strings['87f9f735a1d36793ceaecd4e47124b63'] /* Events */,
-       panel : 'info',
+       panel : 'primary',
        listeners : {
         render : function (_self)
          {
@@ -771,6 +790,7 @@ Roo.docs = new Roo.XComponent({
                        return  '<small><a href="#' + r.json.memberOf + '">' + r.json.memberOf + '</a></small>';
                                
            },
+           xs : 0,
            xns : Roo.grid,
            '|xns' : 'Roo.grid'
           }