X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=examples%2Fbootstrap%2Fdashboard4.js;fp=examples%2Fbootstrap%2Fdashboard4.js;h=aaa7538b0d659f42d890a0f0532a6f3da43e6549;hp=eb9ff508d2e2087d8bf968a3e7a65a9d18e620d4;hb=267f6bc0ecf0897515863c3c91a8eea23388e273;hpb=4806a3a6a72a6fc861a138965a6b1b5df60d0c87 diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js index eb9ff508d2..aaa7538b0d 100644 --- 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' + } + ] } ] }