projects / roojs1 / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 7823fae)
examples/bootstrap/dashboard1.bjs
authorAlan Knowles <alan@roojs.com>
Thu, 24 Nov 2016 06:34:23 +0000 (14:34 +0800)
committerAlan Knowles <alan@roojs.com>
Thu, 24 Nov 2016 06:34:23 +0000 (14:34 +0800)
examples/bootstrap/dashboard1.js

examples/bootstrap/dashboard1.bjs patch | blob | history
examples/bootstrap/dashboard1.js patch | blob | history

diff --git a/examples/bootstrap/dashboard1.bjs b/examples/bootstrap/dashboard1.bjs
index 6ce2403..163b7a3 100644 (file)
--- a/examples/bootstrap/dashboard1.bjs
+++ b/examples/bootstrap/dashboard1.bjs
@@ -7,19 +7,25 @@
  "modOrder" : "001",
  "strings" : {
   "dbd7790bcd23fde7607101ef6a633779" : "http://",
+  "9dffbf69ffba8bc38bc4e01abf4b1675" : "Text",
   "680e083786e18d3b9bd07bffd61dc5dc" : "after : &lt;i class=&quot;fa fa-ambulance&quot;&gt;&lt;/i&gt; before : &lt;i class=&quot;fa fa-dollar&quot;&gt;&lt;/i&gt;",
+  "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  <small> Preview </small>",
   "c3d8baf1b9da3d6922aea0057717a0b7" : "Enter email",
+  "c81c5cb4cbfa1fe7cc3ae45112da3bf8" : "ComboBox disabled",
   "b85c1bc6f73a44489045c76aafbab96c" : "With checkbox and radio",
   "ac8f3751f51c35383892f7a1684e35ea" : "disabled = true",
+  "8ac5836f3de7379d49bc60dcd36913c7" : "Input with Error",
   "cb76b3c00a2436a2a0d57f1282cbd66a" : "after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
+  "fd249a0c28275ebf9d4c8464ca2225cf" : "ComboBox",
   "5485e0b19975fe1d4400e35162a7c099" : "Quick Example",
   "c4ca4238a0b923820dcc509a6f75849b" : "1",
   "e7ef9c258353d78ca676588bd59ec915" : "cls = has-warning",
@@ -31,16 +37,21 @@
   "5f7a612768f22e04c0a0c4bb0c24ce91" : "size md",
   "08583f18f5ab76dcb709f7b34eb59104" : "Different Height",
   "7099e6d377281665976e57e80ba5fe0d" : "before $, after: .00",
+  "82a3bed694a221ef4bb4f18514b05843" : "Input with Warning",
   "088eb66998a403897b60aa8ee9115c91" : "cls = has-success",
+  "dc647eb65e6711e155375218212b3964" : "Password",
   "343f7d4e4b503d9b9cb282205a4d5858" : "after: .00",
-  "3b545ecbbdf3673f195c5a692fefa928" : "disabled=true",
   "221fd7bbd5b513f2c2db2939fcefec96" : "after - a button",
   "76946ef61117810371fa41415c86a2ed" : "size lg",
+  "b5d4d25fe3fa9f8263b5f279a372b709" : "Textarea",
+  "3b545ecbbdf3673f195c5a692fefa928" : "disabled=true",
   "71f30e09efd6fac81e65a32a32a1c6ac" : "With Icons",
+  "f536bd90041a983b324d7a81de4e8089" : "Input with Success",
   "f8eae6750519389e078e1eb1bcb3d708" : "https://",
-  "1d74eaa01575d5f21d7a8e54154126e3" : "before :  - an object...    ",
+  "1c8d3efd26af385c51153c5bc082a279" : "before :  - an object...    ",
   "2f24bf395be7b31a10b6d501801d4099" : "Input Addon",
   "6f0e2583dbfc8eab280b4709a8c87b4b" : "Different Width",
+  "1dcae4807c06e16567efb6eff4f1296c" : "Multiple selection",
   "d1457b72c3fb323a2671125aef3eab5d" : "?",
   "4c3d0e43b52db64c94f842da7fc7224c" : "Enter ...",
   "a4d3b161ce1309df1c4e25df28694b7b" : "Submit"
@@ -53,8 +64,8 @@
    "items" : [
     {
      "String cls" : "header",
-     "xtype" : "Container",
      "tag" : "header",
+     "xtype" : "Container",
      "* xinclude" : "Dashboard.Header1",
      "$ xns" : "Roo.bootstrap"
     },
@@ -343,8 +354,8 @@
                     },
                     {
                      "xtype" : "Header",
-                     "$ xns" : "Roo.bootstrap",
                      "Number level" : 4,
+                     "$ xns" : "Roo.bootstrap",
                      "String html" : "With Icons"
                     },
                     {
@@ -371,8 +382,8 @@
                     },
                     {
                      "xtype" : "Header",
-                     "Number level" : 4,
                      "$ xns" : "Roo.bootstrap",
+                     "Number level" : 4,
                      "String html" : "With checkbox and radio"
                     },
                     {
@@ -398,8 +409,8 @@
                     },
                     {
                      "xtype" : "Header",
-                     "$ xns" : "Roo.bootstrap",
                      "Number level" : 4,
+                     "$ xns" : "Roo.bootstrap",
                      "String html" : "With buttons"
                     },
                     {
@@ -518,8 +529,8 @@
                     },
                     {
                      "xtype" : "TextArea",
-                     "$ xns" : "Roo.bootstrap",
-                     "String fieldLabel" : "Textarea"
+                     "String fieldLabel" : "Textarea",
+                     "$ xns" : "Roo.bootstrap"
                     },
                     {
                      "xtype" : "TextArea",
diff --git a/examples/bootstrap/dashboard1.js b/examples/bootstrap/dashboard1.js
index c53477f..6c8b2d3 100644 (file)
--- a/examples/bootstrap/dashboard1.js
+++ b/examples/bootstrap/dashboard1.js
@@ -6,19 +6,25 @@ dashboard1 = new Roo.XComponent({
 
  _strings : {
   'dbd7790bcd23fde7607101ef6a633779' :"http://",
+  '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
   '680e083786e18d3b9bd07bffd61dc5dc' :"after : &lt;i class=&quot;fa fa-ambulance&quot;&gt;&lt;/i&gt; before : &lt;i class=&quot;fa fa-dollar&quot;&gt;&lt;/i&gt;",
+  '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  <small> Preview </small>",
   'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
+  'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
   'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
   'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
+  '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
   'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
+  'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
   '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
   'c4ca4238a0b923820dcc509a6f75849b' :"1",
   'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning",
@@ -30,16 +36,21 @@ dashboard1 = new Roo.XComponent({
   '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md",
   '08583f18f5ab76dcb709f7b34eb59104' :"Different Height",
   '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00",
+  '82a3bed694a221ef4bb4f18514b05843' :"Input with Warning",
   '088eb66998a403897b60aa8ee9115c91' :"cls = has-success",
+  'dc647eb65e6711e155375218212b3964' :"Password",
   '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00",
-  '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
   '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button",
   '76946ef61117810371fa41415c86a2ed' :"size lg",
+  'b5d4d25fe3fa9f8263b5f279a372b709' :"Textarea",
+  '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
   '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons",
+  'f536bd90041a983b324d7a81de4e8089' :"Input with Success",
   'f8eae6750519389e078e1eb1bcb3d708' :"https://",
-  '1d74eaa01575d5f21d7a8e54154126e3' :"before :  - an object...    ",
+  '1c8d3efd26af385c51153c5bc082a279' :"before :  - an object...    ",
   '2f24bf395be7b31a10b6d501801d4099' :"Input Addon",
   '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width",
+  '1dcae4807c06e16567efb6eff4f1296c' :"Multiple selection",
   'd1457b72c3fb323a2671125aef3eab5d' :"?",
   '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ...",
   'a4d3b161ce1309df1c4e25df28694b7b' :"Submit"
@@ -57,722 +68,673 @@ dashboard1 = new Roo.XComponent({
    var _this = this;
    var MODULE = this;
    return {
-   '|xns' : 'Roo.bootstrap',
+   xtype : 'Body',
    cls : 'skin-blue',
    xns : Roo.bootstrap,
-   xtype : 'Body',
-   items : [
+   '|xns' : 'Roo.bootstrap',
+   items  : [
     Roo.apply(Dashboard.Header1._tree(), {
-     '|xns' : 'Roo.bootstrap',
+     xtype : 'Container',
      cls : 'header',
      tag : 'header',
      xns : Roo.bootstrap,
-     xtype : 'Container'
+     '|xns' : 'Roo.bootstrap'
     }),
     {
-     '|xns' : 'Roo.bootstrap',
+     xtype : 'Container',
      cls : 'wrapper row-offcanvas row-offcanvas-left',
      'flexy:include' : 'Sidebar.html',
      xns : Roo.bootstrap,
-     xtype : 'Container',
-     items : [
+     '|xns' : 'Roo.bootstrap',
+     items  : [
       Roo.apply(Dashboard.Sidebar2._tree(), {
-       '|xns' : 'Roo.bootstrap',
+       xtype : 'Container',
        cls : 'left-side sidebar-offcanvas',
        tag : 'aside',
        xns : Roo.bootstrap,
-       xtype : 'Container'
+       '|xns' : 'Roo.bootstrap'
       }),
       {
-       '|xns' : 'Roo.bootstrap',
+       xtype : 'Container',
        cls : 'right-side',
        tag : 'aside',
        xns : Roo.bootstrap,
-       xtype : 'Container',
-       items : [
+       '|xns' : 'Roo.bootstrap',
+       items  : [
         {
-         '|xns' : 'Roo.bootstrap',
+         xtype : 'Container',
          cls : 'content-header',
          tag : 'section',
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
+         '|xns' : 'Roo.bootstrap',
+         items  : [
           {
-           '|xns' : 'Roo.bootstrap',
-           html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'],
+           xtype : 'Header',
+           html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'] /* General Form Elements  <small> Preview </small> */,
            xns : Roo.bootstrap,
-           xtype : 'Header'
+           '|xns' : 'Roo.bootstrap'
           }
          ]
-
         },
         {
-         '|xns' : 'Roo.bootstrap',
+         xtype : 'Container',
          cls : 'content',
          tag : 'section',
          xns : Roo.bootstrap,
-         xtype : 'Container',
-         items : [
+         '|xns' : 'Roo.bootstrap',
+         items  : [
           {
-           '|xns' : 'Roo.bootstrap',
-           xns : Roo.bootstrap,
            xtype : 'Row',
-           items : [
+           xns : Roo.bootstrap,
+           '|xns' : 'Roo.bootstrap',
+           items  : [
             {
-             '|xns' : 'Roo.bootstrap',
+             xtype : 'Column',
              md : 6,
              sm : 12,
              xns : Roo.bootstrap,
-             xtype : 'Column',
-             items : [
+             '|xns' : 'Roo.bootstrap',
+             items  : [
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-primary',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['5485e0b19975fe1d4400e35162a7c099'],
+                   html : _this._strings['5485e0b19975fe1d4400e35162a7c099'] /* Quick Example */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   },
                   {
-                   '|xns' : 'Roo.bootstrap',
-                   fieldLabel : 'Password',
+                   xtype : 'Input',
+                   fieldLabel : _this._strings['dc647eb65e6711e155375218212b3964'] /* Password */,
                    inputType : 'password',
-                   placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'],
+                   placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'] /* Enter password */,
                    tooltip : 'Hello world',
                    xns : Roo.bootstrap,
-                   xtype : 'Input'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Email Address',
-                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'],
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['643a860f992333b8600ea264aca7c4fc'] /* Email Address */,
+                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
                      vtype : 'email',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'File Input',
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['bc6d090c772eedbd8e59e273620830c6'] /* File Input */,
                      inputType : 'file',
-                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'],
+                     placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'CheckBox',
                      boxLabel : 'checkbox',
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'],
+                     xtype : 'Button',
+                     html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
                      tooltip : 'A button',
                      weight : 'primary',
                      xns : Roo.bootstrap,
-                     xtype : 'Button'
+                     '|xns' : 'Roo.bootstrap'
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-success',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'],
+                   html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
                      size : 'lg',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'],
+                     xtype : 'Input',
+                     placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
                      size : 'sm',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-danger',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'],
+                   html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     xns : Roo.bootstrap,
                      xtype : 'Row',
-                     items : [
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
+                     items  : [
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 3,
-                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
+                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 3,
-                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
+                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 5,
-                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
+                       placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       }
                      ]
-
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               },
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-info',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['2f24bf395be7b31a10b6d501801d4099'],
+                   html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      before : '@',
-                     placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'],
+                     placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : 0,
-                     placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'],
+                     placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : 0,
                      before : '$',
-                     placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'],
+                     placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'],
+                     xtype : 'Header',
+                     html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      before : '<i class=\"fa fa-envelope\"></i>',
-                     placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'],
+                     placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      after : '<i class=\"fa fa-check\"></i>',
-                     placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'],
+                     placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|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'],
+                     placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'] /* after : &lt;i class=&quot;fa fa-ambulance&quot;&gt;&lt;/i&gt; before : &lt;i class=&quot;fa fa-dollar&quot;&gt;&lt;/i&gt; */,
                      size : 'md',
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'],
+                     xtype : 'Header',
+                     html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     xns : Roo.bootstrap,
                      xtype : 'Row',
-                     items : [
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
+                     items  : [
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        before : 'fixme',
                        md : 6,
-                       placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'],
+                       placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       },
                       {
-                       '|xns' : 'Roo.bootstrap',
+                       xtype : 'Input',
                        md : 6,
-                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
+                       placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
                        size : 'md',
                        xns : Roo.bootstrap,
-                       xtype : 'Input'
+                       '|xns' : 'Roo.bootstrap'
                       }
                      ]
-
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'],
+                     xtype : 'Header',
+                     html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
                      level : 4,
                      xns : Roo.bootstrap,
-                     xtype : 'Header'
+                     '|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 : {
-                       '|xns' : 'Roo.bootstrap',
-                       xns : Roo.bootstrap,
                        xtype : 'Menu',
-                       items : [
+                       xns : Roo.bootstrap,
+                       '|xns' : 'Roo.bootstrap',
+                       items  : [
                         {
-                         '|xns' : 'Roo.bootstrap',
-                         html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
-                         xns : Roo.bootstrap,
                          xtype : 'MenuItem',
+                         html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
                          listeners : {
                           click : function (e)
                            {
                                _this.httpButton.setText("http://");
                            }
-                         }
+                         },
+                         xns : Roo.bootstrap,
+                         '|xns' : 'Roo.bootstrap'
                         },
                         {
-                         '|xns' : 'Roo.bootstrap',
-                         html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'],
-                         xns : Roo.bootstrap,
                          xtype : 'MenuItem',
+                         html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
                          listeners : {
                           click : function (e)
                            {
                                _this.httpButton.setText("https://");
                            }
-                         }
+                         },
+                         xns : Roo.bootstrap,
+                         '|xns' : 'Roo.bootstrap'
                         }
                        ]
-
-                      },
-                      '|xns' : 'Roo.bootstrap',
-                      html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
-                      weight : 'primary',
-                      xns : Roo.bootstrap,
-                      xtype : 'Button',
-                      listeners : {
-                       render : function (_self)
-                        {
-                            _this.httpButton = _self;
-                        }
-                      },
-                      items : [
-
-                      ]
-
-                     },
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['1d74eaa01575d5f21d7a8e54154126e3'],
-                     size : 'md',
-                     xns : Roo.bootstrap,
-                     xtype : 'Input',
-                     items : [
-
-                     ]
-
+                      }
+                     }
                     },
                     {
+                     xtype : 'Input',
+                     placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
+                     size : 'md',
+                     xns : Roo.bootstrap,
+                     '|xns' : 'Roo.bootstrap',
                      after : {
-                      '|xns' : 'Roo.bootstrap',
-                      html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'],
+                      xtype : 'Button',
+                      html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
                       weight : 'success',
                       xns : Roo.bootstrap,
-                      xtype : 'Button'
-                     },
-                     '|xns' : 'Roo.bootstrap',
-                     placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'],
-                     size : 'md',
-                     xns : Roo.bootstrap,
-                     xtype : 'Input',
-                     items : [
-
-                     ]
-
+                      '|xns' : 'Roo.bootstrap'
+                     }
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               }
              ]
-
             },
             {
-             '|xns' : 'Roo.bootstrap',
+             xtype : 'Column',
              md : 6,
              sm : 12,
              xns : Roo.bootstrap,
-             xtype : 'Column',
-             items : [
+             '|xns' : 'Roo.bootstrap',
+             items  : [
               {
-               '|xns' : 'Roo.bootstrap',
+               xtype : 'Container',
                cls : 'box box-warning',
                xns : Roo.bootstrap,
-               xtype : 'Container',
-               items : [
+               '|xns' : 'Roo.bootstrap',
+               items  : [
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Container',
                  cls : 'box-header',
                  xns : Roo.bootstrap,
-                 xtype : 'Container',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Header',
                    cls : 'box-title',
-                   html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'],
+                   html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
                    level : 3,
                    xns : Roo.bootstrap,
-                   xtype : 'Header'
+                   '|xns' : 'Roo.bootstrap'
                   }
                  ]
-
                 },
                 {
-                 '|xns' : 'Roo.bootstrap',
+                 xtype : 'Form',
                  labelAlign : 'top',
                  xns : Roo.bootstrap,
-                 xtype : 'Form',
-                 items : [
+                 '|xns' : 'Roo.bootstrap',
+                 items  : [
                   {
-                   '|xns' : 'Roo.bootstrap',
+                   xtype : 'Container',
                    cls : 'box-body',
                    xns : Roo.bootstrap,
-                   xtype : 'Container',
-                   items : [
+                   '|xns' : 'Roo.bootstrap',
+                   items  : [
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Text',
-                     placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'],
+                     xtype : 'Input',
+                     fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+                     placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      disabled : true,
-                     fieldLabel : 'Text',
-                     placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'],
+                     fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
+                     placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
-                     fieldLabel : 'Textarea',
+                     xtype : 'TextArea',
+                     fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
                      xns : Roo.bootstrap,
-                     xtype : 'TextArea'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'TextArea',
                      disabled : true,
-                     fieldLabel : 'Textarea',
-                     placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'],
+                     fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
+                     placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
                      xns : Roo.bootstrap,
-                     xtype : 'TextArea'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-success',
-                     fieldLabel : 'Input with Success',
-                     placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'],
+                     fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
+                     placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-warning',
-                     fieldLabel : 'Input with Warning',
-                     placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'],
+                     fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
+                     placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Input',
                      cls : 'has-error',
-                     fieldLabel : 'Input with Error',
-                     placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'],
+                     fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
+                     placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
                      xns : Roo.bootstrap,
-                     xtype : 'Input'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'CheckBox',
                      boxLabel : 'Checkbox 1',
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'CheckBox',
                      boxLabel : 'Checkbox weight=primary',
                      checked : true,
                      weight : 'primary',
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'CheckBox',
                      boxLabel : 'Checkbox Disabled',
                      disabled : true,
                      xns : Roo.bootstrap,
-                     xtype : 'CheckBox'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Radio',
                      boxLabel : 'Radio 1',
                      name : 'radio',
                      value : 1,
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Radio',
                      boxLabel : 'Radio (weight=danger)',
                      name : 'radio',
                      value : 2,
                      weight : 'danger',
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'Radio',
                      boxLabel : 'Radio Disabled',
                      disabled : true,
                      name : 'radio',
                      value : 3,
                      xns : Roo.bootstrap,
-                     xtype : 'Radio'
+                     '|xns' : 'Roo.bootstrap'
                     },
                     {
-                     store : {
-                      '|xns' : 'Roo.data',
-                      data : [ [ 'option a'] ,[ 'option b'] ],
-                      fields : [ 'item' ],
-                      xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                     xtype : 'ComboBox',
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'ComboBox',
+                     fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
                      mode : 'local',
                      name : 'combotest',
                      tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
-                    },
-                    {
+                     '|xns' : 'Roo.bootstrap',
                      store : {
-                      '|xns' : 'Roo.data',
+                      xtype : 'SimpleStore',
                       data : [ [ 'option a'] ,[ 'option b'] ],
                       fields : [ 'item' ],
                       xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                      '|xns' : 'Roo.data'
+                     }
+                    },
+                    {
+                     xtype : 'ComboBox',
                      disabled : true,
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'ComboBox disabled',
+                     fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
                      mode : 'local',
                      name : 'combotest',
                      tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
-                    },
-                    {
+                     '|xns' : 'Roo.bootstrap',
                      store : {
-                      '|xns' : 'Roo.data',
+                      xtype : 'SimpleStore',
                       data : [ [ 'option a'] ,[ 'option b'] ],
                       fields : [ 'item' ],
                       xns : Roo.data,
-                      xtype : 'SimpleStore'
-                     },
-                     '|xns' : 'Roo.bootstrap',
+                      '|xns' : 'Roo.data'
+                     }
+                    },
+                    {
+                     xtype : 'ComboBox',
                      displayField : 'item',
                      editable : false,
-                     fieldLabel : 'Multiple selection',
+                     fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
                      mode : 'local',
                      multiple : true,
                      name : 'combotest',
@@ -780,37 +742,31 @@ dashboard1 = new Roo.XComponent({
                      triggerAction : 'all',
                      valueField : 'item',
                      xns : Roo.bootstrap,
-                     xtype : 'ComboBox',
-                     items : [
-
-                     ]
-
+                     '|xns' : 'Roo.bootstrap',
+                     store : {
+                      xtype : 'SimpleStore',
+                      data : [ [ 'option a'] ,[ 'option b'] ],
+                      fields : [ 'item' ],
+                      xns : Roo.data,
+                      '|xns' : 'Roo.data'
+                     }
                     }
                    ]
-
                   }
                  ]
-
                 }
                ]
-
               }
              ]
-
             }
            ]
-
           }
          ]
-
         }
        ]
-
       }
      ]
-
     }
    ]
-
   };  }
 });
RooJS - Version 1