docs/src/Roo_bootstrap_Card.js.html

[roojs1] / examples / bootstrap / dashboard4.js

diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js
index 2bbba65..eb9ff50 100644 (file)
--- a/examples/bootstrap/dashboard4.js
+++ b/examples/bootstrap/dashboard4.js
@@ -5,15 +5,10 @@
 dashboard4 = new Roo.XComponent({
 
  _strings : {
-  '9d5ed678fe57bcca610140957afab571' :"B",
-  '9db5682a4d778ca2cb79580bdb67083f' :"Some text",
-  '0d61f8370cad1d412f80b84d143e1257' :"C",
-  'f623e75af30e62bbd73d6df5b50bb7b5' :"D",
-  '3a3ea00cfc35332cedf6e5e9a32e94da' :"E",
-  '70ce2e7a27cab2a670ca954f8362e19f' :"tab 2 content",
-  '800618943025315f869e4e1f09471012' :"F",
-  '18327168fcb401af02b4615b43d637ad' :"Pick from list",
-  '7fc56270e7a70fa81a5935b72eacbe29' :"A"
+  'e93b3fa481be3932aa08bd68c3deee70' :"example 1",
+  '60ee66eb2cd31823032664c2e9a79fd5' :"body goes here",
+  '9cf863d802aca813531ca28b319ead90' :"Add Issue",
+  'd9fb0367346d21079a1c52d72da61c9f' :"ticket 1"
  },
 
   part     :  ["bootstrap", "dashboard4" ],
@@ -41,135 +36,30 @@ dashboard4 = new Roo.XComponent({
      '|xns' : 'Roo.bootstrap',
      items  : [
       {
-       xtype : 'Row',
+       xtype : 'Card',
+       footer : 'a footer',
+       header : _this._strings['e93b3fa481be3932aa08bd68c3deee70'] /* example 1 */,
+       style : 'max-width:300px',
+       weight : 'danger',
        xns : Roo.bootstrap,
        '|xns' : 'Roo.bootstrap',
        items  : [
         {
-         xtype : 'Column',
-         lg : 6,
-         md : 6,
-         sm : 12,
-         style : '',
+         xtype : 'Card',
+         dragable : true,
+         header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
+         html : _this._strings['60ee66eb2cd31823032664c2e9a79fd5'] /* body goes here */,
+         margin_bottom : 3,
+         weight : 'light',
          xns : Roo.bootstrap,
-         '|xns' : 'Roo.bootstrap',
-         items  : [
-          {
-           xtype : 'TabBox',
-           title : _this._strings['18327168fcb401af02b4615b43d637ad'] /* Pick from list */,
-           listeners : {
-            render : function (_self)
-             {
-                 _this.testbox = _self;
-             }
-           },
-           xns : Roo.bootstrap.dash,
-           '|xns' : 'Roo.bootstrap.dash',
-           items  : [
-            {
-             xtype : 'TabPane',
-             title : _this._strings['7fc56270e7a70fa81a5935b72eacbe29'] /* A */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap',
-               items  : [
-                {
-                 xtype : 'Button',
-                 html : _this._strings['9db5682a4d778ca2cb79580bdb67083f'] /* Some text */,
-                 size : 'sm',
-                 weight : 'warning',
-                 xns : Roo.bootstrap,
-                 '|xns' : 'Roo.bootstrap'
-                },
-                {
-                 xtype : 'Button',
-                 html : _this._strings['9db5682a4d778ca2cb79580bdb67083f'] /* Some text */,
-                 size : 'sm',
-                 weight : 'warning',
-                 xns : Roo.bootstrap,
-                 '|xns' : 'Roo.bootstrap'
-                }
-               ]
-              }
-             ]
-            },
-            {
-             xtype : 'TabPane',
-             title : _this._strings['9d5ed678fe57bcca610140957afab571'] /* B */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */,
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap'
-              }
-             ]
-            },
-            {
-             xtype : 'TabPane',
-             title : _this._strings['0d61f8370cad1d412f80b84d143e1257'] /* C */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */,
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap'
-              }
-             ]
-            },
-            {
-             xtype : 'TabPane',
-             title : _this._strings['f623e75af30e62bbd73d6df5b50bb7b5'] /* D */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */,
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap'
-              }
-             ]
-            },
-            {
-             xtype : 'TabPane',
-             title : _this._strings['3a3ea00cfc35332cedf6e5e9a32e94da'] /* E */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */,
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap'
-              }
-             ]
-            },
-            {
-             xtype : 'TabPane',
-             title : _this._strings['800618943025315f869e4e1f09471012'] /* F */,
-             xns : Roo.bootstrap.dash,
-             '|xns' : 'Roo.bootstrap.dash',
-             items  : [
-              {
-               xtype : 'Column',
-               html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */,
-               xns : Roo.bootstrap,
-               '|xns' : 'Roo.bootstrap'
-              }
-             ]
-            }
-           ]
-          }
-         ]
+         '|xns' : 'Roo.bootstrap'
+        },
+        {
+         xtype : 'Button',
+         html : _this._strings['9cf863d802aca813531ca28b319ead90'] /* Add Issue */,
+         weight : 'primary',
+         xns : Roo.bootstrap,
+         '|xns' : 'Roo.bootstrap'
         }
        ]
       }