examples/bootstrap/dashboard4.bjs

[roojs1] / examples / bootstrap / dashboard4.js

diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js
index dd3cb32..444ad9b 100644 (file)
--- a/examples/bootstrap/dashboard4.js
+++ b/examples/bootstrap/dashboard4.js
@@ -5,11 +5,9 @@
 dashboard4 = new Roo.XComponent({
 
  _strings : {
-  '9d5ed678fe57bcca610140957afab571' :"B",
-  '30bd2ce65d1e43e9c498b7d5d49f3b78' :"Dashboard <small>  Example Control panel </small>",
-  '70ce2e7a27cab2a670ca954f8362e19f' :"tab 2 content",
-  '18327168fcb401af02b4615b43d637ad' :"Pick from list",
-  '7fc56270e7a70fa81a5935b72eacbe29' :"A"
+  'e93b3fa481be3932aa08bd68c3deee70' :"example 1",
+  'e037df87a91c6e2727f0d9eb15c8127f' :"this is the body text",
+  'd9fb0367346d21079a1c52d72da61c9f' :"ticket 1"
  },
 
   part     :  ["bootstrap", "dashboard4" ],
@@ -19,156 +17,42 @@ dashboard4 = new Roo.XComponent({
   name     : "unnamed module",
   disabled : false, 
   permname : '', 
-  _tree : function()
+  _tree : function(_data)
   {
    var _this = this;
    var MODULE = this;
    return {
-   '|xns' : 'Roo.bootstrap',
+   xtype : 'Body',
    cls : 'skin-blue',
    xns : Roo.bootstrap,
-   xtype : 'Body',
-   items : [
-    Roo.apply(Dashboard.Header1._tree(), {
-     '|xns' : 'Roo.bootstrap',
-     cls : 'header',
-     tag : 'header',
-     xns : Roo.bootstrap,
-     xtype : 'Container'
-    }),
+   '|xns' : 'Roo.bootstrap',
+   items  : [
     {
-     '|xns' : 'Roo.bootstrap',
-     cls : 'wrapper row-offcanvas row-offcanvas-left',
-     'flexy:include' : 'Sidebar.html',
-     xns : Roo.bootstrap,
      xtype : 'Container',
-     items : [
-      Roo.apply(Dashboard.Sidebar2._tree(), {
-       '|xns' : 'Roo.bootstrap',
-       cls : 'left-side sidebar-offcanvas',
-       tag : 'aside',
-       xns : Roo.bootstrap,
-       xtype : 'Container'
-      }),
+     cls : 'content',
+     tag : 'section',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
       {
-       '|xns' : 'Roo.bootstrap',
-       cls : 'right-side',
-       tag : 'aside',
+       xtype : 'Card',
+       header : _this._strings['e93b3fa481be3932aa08bd68c3deee70'] /* example 1 */,
+       html : _this._strings['e037df87a91c6e2727f0d9eb15c8127f'] /* this is the body text */,
+       style : 'max-width:200px',
+       weight : 'light',
        xns : Roo.bootstrap,
-       xtype : 'Container',
-       items : [
-        {
-         '|xns' : 'Roo.bootstrap',
-         cls : 'content-header',
-         tag : 'section',
-         xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
-          {
-           '|xns' : 'Roo.bootstrap',
-           html : _this._strings['30bd2ce65d1e43e9c498b7d5d49f3b78'],
-           xns : Roo.bootstrap,
-           xtype : 'Header'
-          }
-         ]
-
-        },
+       '|xns' : 'Roo.bootstrap',
+       items  : [
         {
-         '|xns' : 'Roo.bootstrap',
-         cls : 'content',
-         tag : 'section',
+         xtype : 'Card',
+         header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
-          {
-           '|xns' : 'Roo.bootstrap',
-           xns : Roo.bootstrap,
-           xtype : 'Row',
-           items : [
-            {
-             '|xns' : 'Roo.bootstrap',
-             lg : 6,
-             md : 6,
-             sm : 12,
-             style : '',
-             xns : Roo.bootstrap,
-             xtype : 'Column',
-             items : [
-              {
-               '|xns' : 'Roo.bootstrap.dash',
-               title : _this._strings['18327168fcb401af02b4615b43d637ad'],
-               xns : Roo.bootstrap.dash,
-               xtype : 'TabBox',
-               listeners : {
-                render : function (_self)
-                 {
-                     _this.testbox = _self;
-                 }
-               },
-               items : [
-                {
-                 '|xns' : 'Roo.bootstrap.dash',
-                 title : _this._strings['7fc56270e7a70fa81a5935b72eacbe29'],
-                 xns : Roo.bootstrap.dash,
-                 xtype : 'TabPane',
-                 items : [
-                  {
-                   '|xns' : 'Roo.bootstrap',
-                   xns : Roo.bootstrap,
-                   xtype : 'Column'
-                  }
-                 ]
-
-                },
-                {
-                 '|xns' : 'Roo.bootstrap.dash',
-                 title : _this._strings['9d5ed678fe57bcca610140957afab571'],
-                 xns : Roo.bootstrap.dash,
-                 xtype : 'TabPane',
-                 items : [
-                  {
-                   '|xns' : 'Roo.bootstrap',
-                   html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'],
-                   xns : Roo.bootstrap,
-                   xtype : 'Column'
-                  }
-                 ]
-
-                },
-                {
-                 '|xns' : 'Roo.bootstrap.dash',
-                 title : _this._strings['9d5ed678fe57bcca610140957afab571'],
-                 xns : Roo.bootstrap.dash,
-                 xtype : 'TabPane',
-                 items : [
-                  {
-                   '|xns' : 'Roo.bootstrap',
-                   html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'],
-                   xns : Roo.bootstrap,
-                   xtype : 'Column'
-                  }
-                 ]
-
-                }
-               ]
-
-              }
-             ]
-
-            }
-           ]
-
-          }
-         ]
-
+         '|xns' : 'Roo.bootstrap'
         }
        ]
-
       }
      ]
-
     }
    ]
-
   };  }
 });