Fix #6465 - drag drop for cards

[roojs1] / examples / bootstrap / dashboard4.js

diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js
index eb9ff50..aaa7538 100644 (file)
--- a/examples/bootstrap/dashboard4.js
+++ b/examples/bootstrap/dashboard4.js
@@ -5,9 +5,11 @@
 dashboard4 = new Roo.XComponent({
 
  _strings : {
+  '098f6bcd4621d373cade4e832627b4f6' :"test",
   'e93b3fa481be3932aa08bd68c3deee70' :"example 1",
   '60ee66eb2cd31823032664c2e9a79fd5' :"body goes here",
   '9cf863d802aca813531ca28b319ead90' :"Add Issue",
+  'fb66f41b81f5973740bbfed019aa5d7d' :"Upload Images or Documents",
   'd9fb0367346d21079a1c52d72da61c9f' :"ticket 1"
  },
 
@@ -36,30 +38,97 @@ dashboard4 = new Roo.XComponent({
      '|xns' : 'Roo.bootstrap',
      items  : [
       {
-       xtype : 'Card',
-       footer : 'a footer',
-       header : _this._strings['e93b3fa481be3932aa08bd68c3deee70'] /* example 1 */,
-       style : 'max-width:300px',
-       weight : 'danger',
+       xtype : 'Row',
        xns : Roo.bootstrap,
        '|xns' : 'Roo.bootstrap',
        items  : [
         {
          xtype : 'Card',
-         dragable : true,
-         header : _this._strings['d9fb0367346d21079a1c52d72da61c9f'] /* ticket 1 */,
-         html : _this._strings['60ee66eb2cd31823032664c2e9a79fd5'] /* body goes here */,
-         margin_bottom : 3,
-         weight : 'light',
+         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'
+         '|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 : 'Button',
+           html : _this._strings['9cf863d802aca813531ca28b319ead90'] /* Add Issue */,
+           weight : 'primary',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
         },
         {
-         xtype : 'Button',
-         html : _this._strings['9cf863d802aca813531ca28b319ead90'] /* Add Issue */,
-         weight : 'primary',
+         xtype : 'Card',
+         cls : 'column col-xs-12 col-12',
+         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',
+           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 : 'Button',
+           html : _this._strings['9cf863d802aca813531ca28b319ead90'] /* Add Issue */,
+           weight : 'primary',
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
+        },
+        {
+         xtype : 'Card',
+         title : _this._strings['098f6bcd4621d373cade4e832627b4f6'] /* test */,
          xns : Roo.bootstrap,
-         '|xns' : 'Roo.bootstrap'
+         '|xns' : 'Roo.bootstrap',
+         items  : [
+          {
+           xtype : 'CardUploader',
+           html : _this._strings['fb66f41b81f5973740bbfed019aa5d7d'] /* Upload Images or Documents */,
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap'
+          }
+         ]
         }
        ]
       }