X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=examples%2Fbootstrap%2Fdashboard1.js;h=92815f36a45b54d28a677d75374afc2d412f329d;hb=3187d8d7fc0abe5aedd4da088d982837a6f83dc3;hp=f3d5fdb7a8f6a49d2da81c5d4f9776b9aed9c3a7;hpb=f0fe34c1c7f0073b62a38f017f8ff16a87733ed3;p=roojs1
diff --git a/examples/bootstrap/dashboard1.js b/examples/bootstrap/dashboard1.js
index f3d5fdb7a8..92815f36a4 100644
--- a/examples/bootstrap/dashboard1.js
+++ b/examples/bootstrap/dashboard1.js
@@ -3,631 +3,782 @@
// Auto generated file - created by app.Builder.js- do not edit directly (at present!)
dashboard1 = new Roo.XComponent({
- part : ["bootstrap", "dashboard1" ],
- order : '001-dashboard-',
- region : 'center',
- parent : false,
- name : "unnamed module",
- disabled : false,
- permname : '',
- _tree : function()
- {
- var _this = this;
- var MODULE = this;
- return {
- cls : 'skin-blue',
- xtype : 'Body',
- xns : Roo.bootstrap,
- items : [
- Roo.apply(Dashboard.Header1._tree(), {
- cls : 'header',
- xtype : 'Container',
- tag : 'header',
- xns : Roo.bootstrap
- }),
- {
- cls : 'wrapper row-offcanvas row-offcanvas-left',
- xtype : 'Container',
- 'flexy:include' : 'Sidebar.html',
- xns : Roo.bootstrap,
- items : [
- Roo.apply(Dashboard.Sidebar2._tree(), {
- tag : 'aside',
- cls : 'left-side sidebar-offcanvas',
- xtype : 'Container',
- xns : Roo.bootstrap
- }),
- {
- tag : 'aside',
- cls : 'right-side',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- tag : 'section',
- cls : 'content-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Header',
- xns : Roo.bootstrap,
- html : 'General Form Elements Preview '
- }
- ]
-
- },
- {
- tag : 'section',
- cls : 'content',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Row',
- xns : Roo.bootstrap,
- items : [
- {
- md : 6,
- xtype : 'Column',
- xns : Roo.bootstrap,
- sm : 12,
- items : [
- {
- cls : 'box box-primary',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-title',
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 3,
- html : 'Quick Example'
- }
- ]
-
- },
- {
- xtype : 'Form',
- labelAlign : 'top',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-body',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Input',
- placeholder : 'Enter email',
- fieldLabel : 'Email Address',
- xns : Roo.bootstrap,
- vtype : 'email'
- },
- {
- xtype : 'Input',
- placeholder : 'Enter password',
- inputType : 'password',
- fieldLabel : 'Password',
- xns : Roo.bootstrap
- },
- {
- xtype : 'Input',
- placeholder : 'Enter email',
- inputType : 'file',
- fieldLabel : 'File Input',
- xns : Roo.bootstrap
- },
- {
- xtype : 'CheckBox',
- boxLabel : 'checkbox',
- xns : Roo.bootstrap
- },
- {
- weight : 'primary',
- xtype : 'Button',
- xns : Roo.bootstrap,
- html : 'Submit'
- }
- ]
-
- }
- ]
-
- }
- ]
-
- },
- {
- cls : 'box box-success',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-title',
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 3,
- html : 'Different Height'
- }
- ]
-
- },
- {
- xtype : 'Form',
- labelAlign : 'top',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-body',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Input',
- placeholder : 'size lg',
- xns : Roo.bootstrap,
- size : 'lg'
- },
- {
- xtype : 'Input',
- placeholder : 'size md',
- xns : Roo.bootstrap,
- size : 'md'
- },
- {
- xtype : 'Input',
- placeholder : 'size sm',
- xns : Roo.bootstrap,
- size : 'sm'
- }
- ]
-
- }
- ]
-
- }
- ]
-
- },
- {
- cls : 'box box-danger',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-title',
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 3,
- html : 'Different Width'
- }
- ]
-
- },
- {
- xtype : 'Form',
- labelAlign : 'top',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-body',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Row',
- xns : Roo.bootstrap,
- items : [
- {
- md : 3,
- xtype : 'Input',
- placeholder : 'md 3',
- xns : Roo.bootstrap,
- size : 'md'
- },
- {
- md : 3,
- xtype : 'Input',
- placeholder : 'md 4',
- xns : Roo.bootstrap,
- size : 'md'
- },
- {
- md : 5,
- xtype : 'Input',
- placeholder : 'md 3',
- xns : Roo.bootstrap,
- size : 'md'
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- },
- {
- cls : 'box box-info',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-title',
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 3,
- html : 'Input Addon'
- }
- ]
-
- },
- {
- xtype : 'Form',
- labelAlign : 'top',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-body',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Input',
- placeholder : 'before : @',
- xns : Roo.bootstrap,
- before : '@',
- size : 'md'
- },
- {
- xtype : 'Input',
- placeholder : 'after: .00',
- xns : Roo.bootstrap,
- size : 'md',
- after : 0
- },
- {
- xtype : 'Input',
- placeholder : 'before $, after: .00',
- xns : Roo.bootstrap,
- before : '$',
- size : 'md',
- after : 0
- },
- {
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 4,
- html : 'With Icons'
- },
- {
- xtype : 'Input',
- placeholder : 'before : <i class="fa fa-envelope"></i>',
- xns : Roo.bootstrap,
- before : '',
- size : 'md'
- },
- {
- xtype : 'Input',
- placeholder : 'after : <i class="fa fa-after"></i>',
- xns : Roo.bootstrap,
- size : 'md',
- after : ''
- },
- {
- xtype : 'Input',
- placeholder : 'after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>',
- xns : Roo.bootstrap,
- before : '',
- size : 'md',
- after : ''
- },
- {
- xtype : 'Header',
- level : 4,
- xns : Roo.bootstrap,
- html : 'With checkbox and radio'
- },
- {
- xtype : 'Row',
- xns : Roo.bootstrap,
- items : [
- {
- md : 6,
- xtype : 'Input',
- placeholder : '?',
- xns : Roo.bootstrap,
- before : 'fixme',
- size : 'md'
- },
- {
- md : 6,
- xtype : 'Input',
- placeholder : 'md 4',
- xns : Roo.bootstrap,
- size : 'md'
- }
- ]
-
- },
- {
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 4,
- html : 'With buttons'
- },
- {
- before : {
- menu : {
- xtype : 'Menu',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'MenuItem',
- xns : Roo.bootstrap,
- html : 'http://',
- listeners : {
- click : function (e)
- {
- _this.httpButton.setText("http://");
- }
- }
- },
- {
- xtype : 'MenuItem',
- xns : Roo.bootstrap,
- html : 'https://',
- listeners : {
- click : function (e)
- {
- _this.httpButton.setText("https://");
- }
- }
- }
- ]
-
- },
- weight : 'primary',
- xtype : 'Button',
- xns : Roo.bootstrap,
- html : 'http://',
- listeners : {
- render : function (_self)
- {
- _this.httpButton = _self;
- }
- },
- items : [
-
- ]
-
- },
- xtype : 'Input',
- placeholder : 'before : - an object... ',
- xns : Roo.bootstrap,
- size : 'md',
- items : [
-
- ]
-
- },
- {
- after : {
- weight : 'success',
- xtype : 'Button',
- xns : Roo.bootstrap,
- html : 'Go'
- },
- xtype : 'Input',
- placeholder : 'after - a button',
- xns : Roo.bootstrap,
- size : 'md',
- items : [
-
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- },
- {
- md : 6,
- xtype : 'Column',
- xns : Roo.bootstrap,
- sm : 12,
- items : [
- {
- cls : 'box box-warning',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-header',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-title',
- xtype : 'Header',
- xns : Roo.bootstrap,
- level : 3,
- html : 'General Elements'
- }
- ]
-
- },
- {
- xtype : 'Form',
- labelAlign : 'top',
- xns : Roo.bootstrap,
- items : [
- {
- cls : 'box-body',
- xtype : 'Container',
- xns : Roo.bootstrap,
- items : [
- {
- xtype : 'Input',
- placeholder : 'Enter ...',
- fieldLabel : 'Text',
- xns : Roo.bootstrap
- },
- {
- xtype : 'Input',
- placeholder : 'disabled = true',
- disabled : true,
- fieldLabel : 'Text',
- xns : Roo.bootstrap
- },
- {
- xtype : 'TextArea',
- xns : Roo.bootstrap,
- fieldLabel : 'Textarea'
- },
- {
- xtype : 'TextArea',
- placeholder : 'disabled=true',
- disabled : true,
- xns : Roo.bootstrap,
- fieldLabel : 'Textarea'
- },
- {
- cls : 'has-success',
- xtype : 'Input',
- placeholder : 'cls = has-success',
- fieldLabel : 'Input with Success',
- xns : Roo.bootstrap
- },
- {
- cls : 'has-warning',
- xtype : 'Input',
- placeholder : 'cls = has-warning',
- fieldLabel : 'Input with Warning',
- xns : Roo.bootstrap
- },
- {
- cls : 'has-error',
- xtype : 'Input',
- placeholder : 'cls = has-error',
- fieldLabel : 'Input with Error',
- xns : Roo.bootstrap
- },
- {
- xtype : 'CheckBox',
- boxLabel : 'Checkbox 1',
- xns : Roo.bootstrap
- },
- {
- checked : true,
- weight : 'primary',
- xtype : 'CheckBox',
- boxLabel : 'Checkbox weight=primary',
- xns : Roo.bootstrap
- },
- {
- xtype : 'CheckBox',
- boxLabel : 'Checkbox Disabled',
- disabled : true,
- xns : Roo.bootstrap
- },
- {
- name : 'radio',
- xtype : 'Radio',
- boxLabel : 'Radio 1',
- xns : Roo.bootstrap,
- value : 1
- },
- {
- name : 'radio',
- xtype : 'Radio',
- boxLabel : 'Radio (weight=danger)',
- xns : Roo.bootstrap,
- value : 2,
- weight : 'danger'
- },
- {
- name : 'radio',
- xtype : 'Radio',
- boxLabel : 'Radio Disabled',
- disabled : true,
- xns : Roo.bootstrap,
- value : 3
- },
- {
- store : {
- fields : [ 'item' ],
- data : [ [ 'option a', 'option b'] ],
- xtype : 'SimpleStore',
- xns : Roo.data
- },
- xtype : 'ComboBox',
- fieldLabel : 'ComboBox',
- xns : Roo.bootstrap,
- items : [
-
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
-
- }
- ]
+ _strings : {
+ 'dbd7790bcd23fde7607101ef6a633779' :"http://",
+ '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
+ '680e083786e18d3b9bd07bffd61dc5dc' :"after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>",
+ 'bc6d090c772eedbd8e59e273620830c6' :"File Input",
+ 'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @",
+ '7c4d0cf56e05ed67ec50246c517e149b' :"md 3",
+ 'cb6b36c6d62d94b76628a4543517f89b' :"md 4",
+ '1d042703152e2b45f3b2ee38610b9a07' :"General Elements",
+ 'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error",
+ '5f075ae3e1f9d0382bb8c4632991f96f' :"Go",
+ '643a860f992333b8600ea264aca7c4fc' :"Email Address",
+ '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm",
+ 'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements Preview ",
+ '7c230330ef184cac6b35f3c20e40dedd' :"Checkbox weight=primary",
+ 'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
+ 'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
+ 'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
+ 'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
+ '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
+ 'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : <i class="fa fa-after"></i>",
+ 'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
+ '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
+ 'c4ca4238a0b923820dcc509a6f75849b' :"1",
+ 'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning",
+ 'c81e728d9d4c2f636f067f89cc14862c' :"2",
+ '483bc24d842fe8f3ec3a6f92fbd31922' :"Enter password",
+ '2c5c51fe5216e88d91a0a29c8c22b26f' :"before : <i class="fa fa-envelope"></i>",
+ '8d71e1fffea14ff1d8b7acbe0ded4305' :"With buttons",
+ 'eccbc87e4b5ce2fe28308fd9f2a7baf3' :"3",
+ '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md",
+ 'de8a19fe7b105f264a9a83909b880af3' :"Checkbox 1",
+ '08583f18f5ab76dcb709f7b34eb59104' :"Different Height",
+ '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00",
+ '82a3bed694a221ef4bb4f18514b05843' :"Input with Warning",
+ '770e06d40b8b4d64e89c24098d25fdc2' :"Radio 1",
+ 'b52b5a382a07e93eb72c79ae431f3159' :"Radio Disabled",
+ '088eb66998a403897b60aa8ee9115c91' :"cls = has-success",
+ 'dc647eb65e6711e155375218212b3964' :"Password",
+ '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00",
+ '9a64581b8c734327d597d13177b4203e' :"Checkbox Disabled",
+ '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button",
+ '76946ef61117810371fa41415c86a2ed' :"size lg",
+ 'b5d4d25fe3fa9f8263b5f279a372b709' :"Textarea",
+ '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
+ '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons",
+ 'f536bd90041a983b324d7a81de4e8089' :"Input with Success",
+ '2638b51cce6f3ce99752fa859b9c71a8' :"Radio (weight=danger)",
+ 'f8eae6750519389e078e1eb1bcb3d708' :"https://",
+ '1c8d3efd26af385c51153c5bc082a279' :"before : - an object... ",
+ '2f24bf395be7b31a10b6d501801d4099' :"Input Addon",
+ '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width",
+ '1dcae4807c06e16567efb6eff4f1296c' :"Multiple selection",
+ '9fced129522f128b2445a41fb0b6ef9f' :"checkbox",
+ 'd1457b72c3fb323a2671125aef3eab5d' :"?",
+ 'a4d3b161ce1309df1c4e25df28694b7b' :"Submit",
+ '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ..."
+ },
+ _named_strings : {
+ 'radio_boxLabel' : 'b52b5a382a07e93eb72c79ae431f3159' /* Radio Disabled */ ,
+ 'radio_value' : 'eccbc87e4b5ce2fe28308fd9f2a7baf3' /* 3 */ ,
+ 'combotest_fieldLabel' : '1dcae4807c06e16567efb6eff4f1296c' /* Multiple selection */
+ },
+
+ 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 Preview */,
+ 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 : '',
+ placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : <i class="fa fa-envelope"></i> */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : '',
+ placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : <i class="fa fa-after"></i> */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ after : '',
+ before : '',
+ 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;
}
- ]
-
+ },
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ menu : {
+ xtype : 'Menu',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'MenuItem',
+ html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
+ listeners : {
+ click : function (e)
+ {
+ _this.httpButton.setText("http://");
+ }
+ },
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'MenuItem',
+ html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
+ listeners : {
+ click : function (e)
+ {
+ _this.httpButton.setText("https://");
+ }
+ },
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ ]
+ }
+ }
+ },
+ {
+ xtype : 'Input',
+ placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
+ size : 'md',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ after : {
+ xtype : 'Button',
+ html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
+ weight : 'success',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ }
+ }
+ ]
+ }
+ ]
}
- ]
-
- }; }
+ ]
+ }
+ ]
+ },
+ {
+ xtype : 'Column',
+ md : 6,
+ sm : 12,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ items : [
+ {
+ xtype : 'Container',
+ cls : 'box box-warning',
+ 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['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
+ 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['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+ placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ disabled : true,
+ fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+ placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'TextArea',
+ fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'TextArea',
+ disabled : true,
+ fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
+ placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ cls : 'has-success',
+ fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
+ placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ cls : 'has-warning',
+ fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
+ placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Input',
+ cls : 'has-error',
+ fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
+ placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'CheckBox',
+ boxLabel : _this._strings['de8a19fe7b105f264a9a83909b880af3'] /* Checkbox 1 */,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'CheckBox',
+ boxLabel : _this._strings['7c230330ef184cac6b35f3c20e40dedd'] /* Checkbox weight=primary */,
+ checked : true,
+ weight : 'primary',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'CheckBox',
+ boxLabel : _this._strings['9a64581b8c734327d597d13177b4203e'] /* Checkbox Disabled */,
+ disabled : true,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Radio',
+ boxLabel : _this._strings['770e06d40b8b4d64e89c24098d25fdc2'] /* Radio 1 */,
+ name : 'radio',
+ value : 1,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Radio',
+ boxLabel : _this._strings['2638b51cce6f3ce99752fa859b9c71a8'] /* Radio (weight=danger) */,
+ name : 'radio',
+ value : 2,
+ weight : 'danger',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'Radio',
+ boxLabel : _this._strings['b52b5a382a07e93eb72c79ae431f3159'] /* Radio Disabled */,
+ disabled : true,
+ name : 'radio',
+ value : 3,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ {
+ xtype : 'ComboBox',
+ displayField : 'item',
+ editable : false,
+ fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
+ mode : 'local',
+ name : 'combotest',
+ tpl : '{item}',
+ triggerAction : 'all',
+ valueField : 'item',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ store : {
+ xtype : 'SimpleStore',
+ data : [ [ 'option a'] ,[ 'option b'] ],
+ fields : [ 'item' ],
+ xns : Roo.data,
+ '|xns' : 'Roo.data'
+ }
+ },
+ {
+ xtype : 'ComboBox',
+ disabled : true,
+ displayField : 'item',
+ editable : false,
+ fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
+ mode : 'local',
+ name : 'combotest',
+ tpl : '{item}',
+ triggerAction : 'all',
+ valueField : 'item',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ store : {
+ xtype : 'SimpleStore',
+ data : [ [ 'option a'] ,[ 'option b'] ],
+ fields : [ 'item' ],
+ xns : Roo.data,
+ '|xns' : 'Roo.data'
+ }
+ },
+ {
+ xtype : 'ComboBox',
+ displayField : 'item',
+ editable : false,
+ fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
+ mode : 'local',
+ multiple : true,
+ name : 'combotest',
+ tpl : '{item}',
+ triggerAction : 'all',
+ valueField : 'item',
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap',
+ store : {
+ xtype : 'SimpleStore',
+ data : [ [ 'option a'] ,[ 'option b'] ],
+ fields : [ 'item' ],
+ xns : Roo.data,
+ '|xns' : 'Roo.data'
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }; }
});