view source

[roojs1] / examples / bootstrap / dashboard4.js

diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js
index 1af5808..5ea667c 100644 (file)
--- a/examples/bootstrap/dashboard4.js
+++ b/examples/bootstrap/dashboard4.js
@@ -5,7 +5,11 @@
 dashboard4 = new Roo.XComponent({
 
  _strings : {
-  '30bd2ce65d1e43e9c498b7d5d49f3b78' :"Dashboard <small>  Example Control panel </small>"
+  '098f6bcd4621d373cade4e832627b4f6' :"test",
+  'e93b3fa481be3932aa08bd68c3deee70' :"example 1",
+  '60ee66eb2cd31823032664c2e9a79fd5' :"body goes here",
+  'fb66f41b81f5973740bbfed019aa5d7d' :"Upload Images or Documents",
+  'd9fb0367346d21079a1c52d72da61c9f' :"ticket 1"
  },
 
   part     :  ["bootstrap", "dashboard4" ],
@@ -15,67 +19,113 @@ 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',
+     cls : 'content',
+     tag : 'section',
+     xns : Roo.bootstrap,
+     '|xns' : 'Roo.bootstrap',
+     items  : [
+      {
+       xtype : 'Button',
        xns : Roo.bootstrap,
-       xtype : 'Container'
-      }),
+       '|xns' : 'Roo.bootstrap'
+      },
       {
-       '|xns' : 'Roo.bootstrap',
-       cls : 'right-side',
-       tag : 'aside',
+       xtype : 'Row',
        xns : Roo.bootstrap,
-       xtype : 'Container',
-       items : [
+       '|xns' : 'Roo.bootstrap',
+       items  : [
+        {
+         xtype : 'Card',
+         cls : 'col-xs-12 column col-12',
+         dropable : true,
+         drop_group : 'cards',
+         footer : 'a footer',
+         header : _this._strings['e93b3fa481be3932aa08bd68c3deee70'] /* example 1 */,
+         style : 'max-width:300px;margin: 0 12px;',
+         weight : 'danger',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'Card',
+           collapsable : true,
+           dragable : true,
+           drag_group : 'cards',
+           header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
+           html : _this._strings['60ee66eb2cd31823032664c2e9a79fd5'] /* body goes here */,
+           margin_bottom : 3,
+           weight : 'light',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          },
+          {
+           xtype : 'Card',
+           dragable : true,
+           drag_group : 'cards',
+           header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
+           html : _this._strings['60ee66eb2cd31823032664c2e9a79fd5'] /* body goes here */,
+           margin_bottom : 3,
+           weight : 'light',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
         {
+         xtype : 'Card',
+         cls : 'column col-xs-12 col-12',
+         dropable : true,
+         drop_group : 'cards',
+         footer : 'a footer',
+         header : _this._strings['e93b3fa481be3932aa08bd68c3deee70'] /* example 1 */,
+         style : 'max-width:300px;margin: 0 12px;',
+         weight : 'danger',
+         xns : Roo.bootstrap,
          '|xns' : 'Roo.bootstrap',
-         cls : 'content-header',
-         tag : 'section',
+         items  : [
+          {
+           xtype : 'Card',
+           dragable : true,
+           drag_group : 'cards',
+           header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
+           html : _this._strings['60ee66eb2cd31823032664c2e9a79fd5'] /* body goes here */,
+           margin_bottom : 3,
+           weight : 'light',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
+        {
+         xtype : 'Card',
+         title : _this._strings['098f6bcd4621d373cade4e832627b4f6'] /* test */,
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
+         '|xns' : 'Roo.bootstrap',
+         items  : [
           {
-           '|xns' : 'Roo.bootstrap',
-           html : _this._strings['30bd2ce65d1e43e9c498b7d5d49f3b78'],
+           xtype : 'CardUploader',
+           html : _this._strings['fb66f41b81f5973740bbfed019aa5d7d'] /* Upload Images or Documents */,
            xns : Roo.bootstrap,
-           xtype : 'Header'
+           '|xns' : 'Roo.bootstrap'
           }
          ]
-
         }
        ]
-
       }
      ]
-
     }
    ]
-
   };  }
 });