+ part : ["bootstrap", "dashboard1" ],
+ order : '001-dashboard-',
+ region : 'center',
+ parent : false,
+ name : "unnamed module",
+ disabled : false,
+ permname : '',
+ _tree : function(_data)
+ {
+ var _this = this;
+ var MODULE = this;
+ return {
+ xtype : 'Body',
+ cls : 'skin-blue',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ Roo.apply(Dashboard.Header1._tree(), {
+ xtype : 'Container',
+ cls : 'header',
+ tag : 'header',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }),
+ {
+ xtype : 'Container',
+ cls : 'wrapper row-offcanvas row-offcanvas-left',
+ 'flexy:include' : 'Sidebar.html',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ Roo.apply(Dashboard.Sidebar2._tree(), {
+ xtype : 'Container',
+ cls : 'left-side sidebar-offcanvas',
+ tag : 'aside',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }),
+ {
+ xtype : 'Container',
+ cls : 'right-side',
+ tag : 'aside',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'content-header',
+ tag : 'section',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Header',
+ html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'] /* General Form Elements <small> Preview </small> */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Container',
+ cls : 'content',
+ tag : 'section',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Row',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Column',
+ md : 6,
+ sm : 12,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box box-primary',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-header',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Header',
+ cls : 'box-title',
+ html : _this._strings['5485e0b19975fe1d4400e35162a7c099'] /* Quick Example */,
+ level : 3,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Form',
+ labelAlign : 'top',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-body',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Input',
+ fieldLabel : _this._strings['dc647eb65e6711e155375218212b3964'] /* Password */,
+ inputType : 'password',
+ placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'] /* Enter password */,
+ tooltip : 'Hello world',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ fieldLabel : _this._strings['643a860f992333b8600ea264aca7c4fc'] /* Email Address */,
+ placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
+ vtype : 'email',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ fieldLabel : _this._strings['bc6d090c772eedbd8e59e273620830c6'] /* File Input */,
+ inputType : 'file',
+ placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'CheckBox',
+ boxLabel : _this._strings['9fced129522f128b2445a41fb0b6ef9f'] /* checkbox */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Button',
+ html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
+ tooltip : 'A button',
+ weight : 'primary',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ xtype : 'Container',
+ cls : 'box box-success',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-header',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Header',
+ cls : 'box-title',
+ html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
+ level : 3,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Form',
+ labelAlign : 'top',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-body',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Input',
+ placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
+ size : 'lg',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
+ size : 'sm',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ xtype : 'Container',
+ cls : 'box box-danger',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-header',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Header',
+ cls : 'box-title',
+ html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
+ level : 3,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Form',
+ labelAlign : 'top',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-body',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Row',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Input',
+ md : 3,
+ placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ md : 3,
+ placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ md : 5,
+ placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ xtype : 'Container',
+ cls : 'box box-info',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-header',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Header',
+ cls : 'box-title',
+ html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
+ level : 3,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Form',
+ labelAlign : 'top',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box-body',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Input',
+ before : '@',
+ placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : 0,
+ placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : 0,
+ before : '$',
+ placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Header',
+ html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
+ level : 4,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ before : '<i class=\"fa fa-envelope\"></i>',
+ placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : <i class="fa fa-envelope"></i> */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : '<i class=\"fa fa-check\"></i>',
+ placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : <i class="fa fa-after"></i> */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : '<i class=\"fa fa-ambulance\"></i>',
+ before : '<i class=\"fa fa-dollar\"></i>',
+ placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'] /* after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i> */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Header',
+ html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
+ level : 4,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Row',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Input',
+ before : 'fixme',
+ md : 6,
+ placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ md : 6,
+ placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ },
+ {
+ xtype : 'Header',
+ html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
+ level : 4,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ placeholder : _this._strings['1c8d3efd26af385c51153c5bc082a279'] /* before : - an object... */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ before : {
+ xtype : 'Button',
+ html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
+ weight : 'primary',
+ listeners : {
+ render : function (_self)
+ {
+ _this.httpButton = _self;