git.roojs.org Git - roojs1/blob - examples/bootstrap/dashboard1.js

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 dashboard1 = new Roo.XComponent({
   6
   7  _strings : {
   8   'dbd7790bcd23fde7607101ef6a633779' :"http://",
   9   '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
  10   '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;",
  11   'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @",
  12   '7c4d0cf56e05ed67ec50246c517e149b' :"md 3",
  13   'cb6b36c6d62d94b76628a4543517f89b' :"md 4",
  14   '1d042703152e2b45f3b2ee38610b9a07' :"General Elements",
  15   'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error",
  16   '5f075ae3e1f9d0382bb8c4632991f96f' :"Go",
  17   '643a860f992333b8600ea264aca7c4fc' :"Email Address",
  18   '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm",
  19   'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements  <small> Preview </small>",
  20   '7c230330ef184cac6b35f3c20e40dedd' :"Checkbox weight=primary",
  21   'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email",
  22   'c81c5cb4cbfa1fe7cc3ae45112da3bf8' :"ComboBox disabled",
  23   'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio",
  24   'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true",
  25   '8ac5836f3de7379d49bc60dcd36913c7' :"Input with Error",
  26   'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
  27   'dc8f50091cddc5183be3a5b5f774912a' :"Upload a file",
  28   'fd249a0c28275ebf9d4c8464ca2225cf' :"ComboBox",
  29   '5485e0b19975fe1d4400e35162a7c099' :"Quick Example",
  30   'c4ca4238a0b923820dcc509a6f75849b' :"1",
  31   'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning",
  32   'c81e728d9d4c2f636f067f89cc14862c' :"2",
  33   '483bc24d842fe8f3ec3a6f92fbd31922' :"Enter password",
  34   '2c5c51fe5216e88d91a0a29c8c22b26f' :"before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt;",
  35   '8d71e1fffea14ff1d8b7acbe0ded4305' :"With buttons",
  36   'eccbc87e4b5ce2fe28308fd9f2a7baf3' :"3",
  37   '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md",
  38   'de8a19fe7b105f264a9a83909b880af3' :"Checkbox 1",
  39   '08583f18f5ab76dcb709f7b34eb59104' :"Different Height",
  40   '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00",
  41   '82a3bed694a221ef4bb4f18514b05843' :"Input with Warning",
  42   '770e06d40b8b4d64e89c24098d25fdc2' :"Radio 1",
  43   'b52b5a382a07e93eb72c79ae431f3159' :"Radio Disabled",
  44   '088eb66998a403897b60aa8ee9115c91' :"cls = has-success",
  45   'dc647eb65e6711e155375218212b3964' :"Password",
  46   '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00",
  47   '9a64581b8c734327d597d13177b4203e' :"Checkbox Disabled",
  48   '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button",
  49   '76946ef61117810371fa41415c86a2ed' :"size lg",
  50   'b5d4d25fe3fa9f8263b5f279a372b709' :"Textarea",
  51   '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true",
  52   '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons",
  53   'f536bd90041a983b324d7a81de4e8089' :"Input with Success",
  54   '2638b51cce6f3ce99752fa859b9c71a8' :"Radio (weight=danger)",
  55   'f8eae6750519389e078e1eb1bcb3d708' :"https://",
  56   '1c8d3efd26af385c51153c5bc082a279' :"before :  - an object...    ",
  57   '2f24bf395be7b31a10b6d501801d4099' :"Input Addon",
  58   '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width",
  59   '1dcae4807c06e16567efb6eff4f1296c' :"Multiple selection",
  60   '9fced129522f128b2445a41fb0b6ef9f' :"checkbox",
  61   'd1457b72c3fb323a2671125aef3eab5d' :"?",
  62   'a4d3b161ce1309df1c4e25df28694b7b' :"Submit",
  63   '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ..."
  64  },
  65  _named_strings : {
  66   'radio_boxLabel' : 'b52b5a382a07e93eb72c79ae431f3159' /* Radio Disabled */ ,
  67   'radio_value' : 'eccbc87e4b5ce2fe28308fd9f2a7baf3' /* 3 */ ,
  68   'combotest_fieldLabel' : '1dcae4807c06e16567efb6eff4f1296c' /* Multiple selection */
  69  },
  70
  71   part     :  ["bootstrap", "dashboard1" ],
  72   order    : '001-dashboard-',
  73   region   : 'center',
  74   parent   : false,
  75   name     : "unnamed module",
  76   disabled : false,
  77   permname : '',
  78   _tree : function(_data)
  79   {
  80    var _this = this;
  81    var MODULE = this;
  82    return {
  83    xtype : 'Body',
  84    cls : 'skin-blue',
  85    xns : Roo.bootstrap,
  86    '|xns' : 'Roo.bootstrap',
  87    items  : [
  88     Roo.apply(Dashboard.Header1._tree(), {
  89      xtype : 'Container',
  90      cls : 'header',
  91      tag : 'header',
  92      xns : Roo.bootstrap,
  93      '|xns' : 'Roo.bootstrap'
  94     }),
  95     {
  96      xtype : 'Container',
  97      cls : 'wrapper row-offcanvas row-offcanvas-left',
  98      'flexy:include' : 'Sidebar.html',
  99      xns : Roo.bootstrap,
 100      '|xns' : 'Roo.bootstrap',
 101      items  : [
 102       Roo.apply(Dashboard.Sidebar2._tree(), {
 103        xtype : 'Container',
 104        cls : 'left-side sidebar-offcanvas',
 105        tag : 'aside',
 106        xns : Roo.bootstrap,
 107        '|xns' : 'Roo.bootstrap'
 108       }),
 109       {
 110        xtype : 'Container',
 111        cls : 'right-side',
 112        tag : 'aside',
 113        xns : Roo.bootstrap,
 114        '|xns' : 'Roo.bootstrap',
 115        items  : [
 116         {
 117          xtype : 'Container',
 118          cls : 'content-header',
 119          tag : 'section',
 120          xns : Roo.bootstrap,
 121          '|xns' : 'Roo.bootstrap',
 122          items  : [
 123           {
 124            xtype : 'Header',
 125            html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'] /* General Form Elements  <small> Preview </small> */,
 126            xns : Roo.bootstrap,
 127            '|xns' : 'Roo.bootstrap'
 128           }
 129          ]
 130         },
 131         {
 132          xtype : 'Container',
 133          cls : 'content',
 134          tag : 'section',
 135          xns : Roo.bootstrap,
 136          '|xns' : 'Roo.bootstrap',
 137          items  : [
 138           {
 139            xtype : 'Row',
 140            xns : Roo.bootstrap,
 141            '|xns' : 'Roo.bootstrap',
 142            items  : [
 143             {
 144              xtype : 'Column',
 145              md : 6,
 146              sm : 12,
 147              xns : Roo.bootstrap,
 148              '|xns' : 'Roo.bootstrap',
 149              items  : [
 150               {
 151                xtype : 'Container',
 152                cls : 'box box-primary',
 153                xns : Roo.bootstrap,
 154                '|xns' : 'Roo.bootstrap',
 155                items  : [
 156                 {
 157                  xtype : 'Container',
 158                  cls : 'box-header',
 159                  xns : Roo.bootstrap,
 160                  '|xns' : 'Roo.bootstrap',
 161                  items  : [
 162                   {
 163                    xtype : 'Header',
 164                    cls : 'box-title',
 165                    html : _this._strings['5485e0b19975fe1d4400e35162a7c099'] /* Quick Example */,
 166                    level : 3,
 167                    xns : Roo.bootstrap,
 168                    '|xns' : 'Roo.bootstrap'
 169                   }
 170                  ]
 171                 },
 172                 {
 173                  xtype : 'Form',
 174                  labelAlign : 'top',
 175                  xns : Roo.bootstrap,
 176                  '|xns' : 'Roo.bootstrap',
 177                  items  : [
 178                   {
 179                    xtype : 'Container',
 180                    cls : 'box-body',
 181                    xns : Roo.bootstrap,
 182                    '|xns' : 'Roo.bootstrap',
 183                    items  : [
 184                     {
 185                      xtype : 'Input',
 186                      fieldLabel : _this._strings['dc647eb65e6711e155375218212b3964'] /* Password */,
 187                      inputType : 'password',
 188                      placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'] /* Enter password */,
 189                      tooltip : 'Hello world',
 190                      xns : Roo.bootstrap,
 191                      '|xns' : 'Roo.bootstrap'
 192                     },
 193                     {
 194                      xtype : 'Input',
 195                      fieldLabel : _this._strings['643a860f992333b8600ea264aca7c4fc'] /* Email Address */,
 196                      placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'] /* Enter email */,
 197                      vtype : 'email',
 198                      xns : Roo.bootstrap,
 199                      '|xns' : 'Roo.bootstrap'
 200                     },
 201                     {
 202                      xtype : 'ButtonUploader',
 203                      html : _this._strings['dc8f50091cddc5183be3a5b5f774912a'] /* Upload a file */,
 204                      xns : Roo.bootstrap,
 205                      '|xns' : 'Roo.bootstrap'
 206                     },
 207                     {
 208                      xtype : 'CheckBox',
 209                      boxLabel : _this._strings['9fced129522f128b2445a41fb0b6ef9f'] /* checkbox */,
 210                      xns : Roo.bootstrap,
 211                      '|xns' : 'Roo.bootstrap'
 212                     },
 213                     {
 214                      xtype : 'Button',
 215                      html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'] /* Submit */,
 216                      tooltip : 'A button',
 217                      weight : 'primary',
 218                      xns : Roo.bootstrap,
 219                      '|xns' : 'Roo.bootstrap'
 220                     }
 221                    ]
 222                   }
 223                  ]
 224                 }
 225                ]
 226               },
 227               {
 228                xtype : 'Container',
 229                cls : 'box box-success',
 230                xns : Roo.bootstrap,
 231                '|xns' : 'Roo.bootstrap',
 232                items  : [
 233                 {
 234                  xtype : 'Container',
 235                  cls : 'box-header',
 236                  xns : Roo.bootstrap,
 237                  '|xns' : 'Roo.bootstrap',
 238                  items  : [
 239                   {
 240                    xtype : 'Header',
 241                    cls : 'box-title',
 242                    html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'] /* Different Height */,
 243                    level : 3,
 244                    xns : Roo.bootstrap,
 245                    '|xns' : 'Roo.bootstrap'
 246                   }
 247                  ]
 248                 },
 249                 {
 250                  xtype : 'Form',
 251                  labelAlign : 'top',
 252                  xns : Roo.bootstrap,
 253                  '|xns' : 'Roo.bootstrap',
 254                  items  : [
 255                   {
 256                    xtype : 'Container',
 257                    cls : 'box-body',
 258                    xns : Roo.bootstrap,
 259                    '|xns' : 'Roo.bootstrap',
 260                    items  : [
 261                     {
 262                      xtype : 'Input',
 263                      placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'] /* size lg */,
 264                      size : 'lg',
 265                      xns : Roo.bootstrap,
 266                      '|xns' : 'Roo.bootstrap'
 267                     },
 268                     {
 269                      xtype : 'Input',
 270                      placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'] /* size md */,
 271                      size : 'md',
 272                      xns : Roo.bootstrap,
 273                      '|xns' : 'Roo.bootstrap'
 274                     },
 275                     {
 276                      xtype : 'Input',
 277                      placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'] /* size sm */,
 278                      size : 'sm',
 279                      xns : Roo.bootstrap,
 280                      '|xns' : 'Roo.bootstrap'
 281                     }
 282                    ]
 283                   }
 284                  ]
 285                 }
 286                ]
 287               },
 288               {
 289                xtype : 'Container',
 290                cls : 'box box-danger',
 291                xns : Roo.bootstrap,
 292                '|xns' : 'Roo.bootstrap',
 293                items  : [
 294                 {
 295                  xtype : 'Container',
 296                  cls : 'box-header',
 297                  xns : Roo.bootstrap,
 298                  '|xns' : 'Roo.bootstrap',
 299                  items  : [
 300                   {
 301                    xtype : 'Header',
 302                    cls : 'box-title',
 303                    html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'] /* Different Width */,
 304                    level : 3,
 305                    xns : Roo.bootstrap,
 306                    '|xns' : 'Roo.bootstrap'
 307                   }
 308                  ]
 309                 },
 310                 {
 311                  xtype : 'Form',
 312                  labelAlign : 'top',
 313                  xns : Roo.bootstrap,
 314                  '|xns' : 'Roo.bootstrap',
 315                  items  : [
 316                   {
 317                    xtype : 'Container',
 318                    cls : 'box-body',
 319                    xns : Roo.bootstrap,
 320                    '|xns' : 'Roo.bootstrap',
 321                    items  : [
 322                     {
 323                      xtype : 'Row',
 324                      xns : Roo.bootstrap,
 325                      '|xns' : 'Roo.bootstrap',
 326                      items  : [
 327                       {
 328                        xtype : 'Input',
 329                        md : 3,
 330                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 331                        size : 'md',
 332                        xns : Roo.bootstrap,
 333                        '|xns' : 'Roo.bootstrap'
 334                       },
 335                       {
 336                        xtype : 'Input',
 337                        md : 3,
 338                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 339                        size : 'md',
 340                        xns : Roo.bootstrap,
 341                        '|xns' : 'Roo.bootstrap'
 342                       },
 343                       {
 344                        xtype : 'Input',
 345                        md : 5,
 346                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'] /* md 3 */,
 347                        size : 'md',
 348                        xns : Roo.bootstrap,
 349                        '|xns' : 'Roo.bootstrap'
 350                       }
 351                      ]
 352                     }
 353                    ]
 354                   }
 355                  ]
 356                 }
 357                ]
 358               },
 359               {
 360                xtype : 'Container',
 361                cls : 'box box-info',
 362                xns : Roo.bootstrap,
 363                '|xns' : 'Roo.bootstrap',
 364                items  : [
 365                 {
 366                  xtype : 'Container',
 367                  cls : 'box-header',
 368                  xns : Roo.bootstrap,
 369                  '|xns' : 'Roo.bootstrap',
 370                  items  : [
 371                   {
 372                    xtype : 'Header',
 373                    cls : 'box-title',
 374                    html : _this._strings['2f24bf395be7b31a10b6d501801d4099'] /* Input Addon */,
 375                    level : 3,
 376                    xns : Roo.bootstrap,
 377                    '|xns' : 'Roo.bootstrap'
 378                   }
 379                  ]
 380                 },
 381                 {
 382                  xtype : 'Form',
 383                  labelAlign : 'top',
 384                  xns : Roo.bootstrap,
 385                  '|xns' : 'Roo.bootstrap',
 386                  items  : [
 387                   {
 388                    xtype : 'Container',
 389                    cls : 'box-body',
 390                    xns : Roo.bootstrap,
 391                    '|xns' : 'Roo.bootstrap',
 392                    items  : [
 393                     {
 394                      xtype : 'Input',
 395                      before : '@',
 396                      placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'] /* before : @ */,
 397                      size : 'md',
 398                      xns : Roo.bootstrap,
 399                      '|xns' : 'Roo.bootstrap'
 400                     },
 401                     {
 402                      xtype : 'Input',
 403                      after : 0,
 404                      placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'] /* after: .00 */,
 405                      size : 'md',
 406                      xns : Roo.bootstrap,
 407                      '|xns' : 'Roo.bootstrap'
 408                     },
 409                     {
 410                      xtype : 'Input',
 411                      after : 0,
 412                      before : '$',
 413                      placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'] /* before $, after: .00 */,
 414                      size : 'md',
 415                      xns : Roo.bootstrap,
 416                      '|xns' : 'Roo.bootstrap'
 417                     },
 418                     {
 419                      xtype : 'Header',
 420                      html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'] /* With Icons */,
 421                      level : 4,
 422                      xns : Roo.bootstrap,
 423                      '|xns' : 'Roo.bootstrap'
 424                     },
 425                     {
 426                      xtype : 'Input',
 427                      before : '<i class=\"fa fa-envelope\"></i>',
 428                      placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'] /* before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt; */,
 429                      size : 'md',
 430                      xns : Roo.bootstrap,
 431                      '|xns' : 'Roo.bootstrap'
 432                     },
 433                     {
 434                      xtype : 'Input',
 435                      after : '<i class=\"fa fa-check\"></i>',
 436                      placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'] /* after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt; */,
 437                      size : 'md',
 438                      xns : Roo.bootstrap,
 439                      '|xns' : 'Roo.bootstrap'
 440                     },
 441                     {
 442                      xtype : 'Input',
 443                      after : '<i class=\"fa fa-ambulance\"></i>',
 444                      before : '<i class=\"fa fa-dollar\"></i>',
 445                      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; */,
 446                      size : 'md',
 447                      xns : Roo.bootstrap,
 448                      '|xns' : 'Roo.bootstrap'
 449                     },
 450                     {
 451                      xtype : 'Header',
 452                      html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'] /* With checkbox and radio */,
 453                      level : 4,
 454                      xns : Roo.bootstrap,
 455                      '|xns' : 'Roo.bootstrap'
 456                     },
 457                     {
 458                      xtype : 'Row',
 459                      xns : Roo.bootstrap,
 460                      '|xns' : 'Roo.bootstrap',
 461                      items  : [
 462                       {
 463                        xtype : 'Input',
 464                        before : 'fixme',
 465                        md : 6,
 466                        placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'] /* ? */,
 467                        size : 'md',
 468                        xns : Roo.bootstrap,
 469                        '|xns' : 'Roo.bootstrap'
 470                       },
 471                       {
 472                        xtype : 'Input',
 473                        md : 6,
 474                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'] /* md 4 */,
 475                        size : 'md',
 476                        xns : Roo.bootstrap,
 477                        '|xns' : 'Roo.bootstrap'
 478                       }
 479                      ]
 480                     },
 481                     {
 482                      xtype : 'Header',
 483                      html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'] /* With buttons */,
 484                      level : 4,
 485                      xns : Roo.bootstrap,
 486                      '|xns' : 'Roo.bootstrap'
 487                     },
 488                     {
 489                      xtype : 'Input',
 490                      placeholder : _this._strings['1c8d3efd26af385c51153c5bc082a279'] /* before :  - an object...     */,
 491                      size : 'md',
 492                      xns : Roo.bootstrap,
 493                      '|xns' : 'Roo.bootstrap',
 494                      before : {
 495                       xtype : 'Button',
 496                       html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 497                       weight : 'primary',
 498                       listeners : {
 499                        render : function (_self)
 500                         {
 501                             _this.httpButton = _self;
 502                         }
 503                       },
 504                       xns : Roo.bootstrap,
 505                       '|xns' : 'Roo.bootstrap',
 506                       menu : {
 507                        xtype : 'Menu',
 508                        xns : Roo.bootstrap,
 509                        '|xns' : 'Roo.bootstrap',
 510                        items  : [
 511                         {
 512                          xtype : 'MenuItem',
 513                          html : _this._strings['dbd7790bcd23fde7607101ef6a633779'] /* http:// */,
 514                          listeners : {
 515                           click : function (e)
 516                            {
 517                                _this.httpButton.setText("http://");
 518                            }
 519                          },
 520                          xns : Roo.bootstrap,
 521                          '|xns' : 'Roo.bootstrap'
 522                         },
 523                         {
 524                          xtype : 'MenuItem',
 525                          html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'] /* https:// */,
 526                          listeners : {
 527                           click : function (e)
 528                            {
 529                                _this.httpButton.setText("https://");
 530                            }
 531                          },
 532                          xns : Roo.bootstrap,
 533                          '|xns' : 'Roo.bootstrap'
 534                         }
 535                        ]
 536                       }
 537                      }
 538                     },
 539                     {
 540                      xtype : 'Input',
 541                      placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'] /* after - a button */,
 542                      size : 'md',
 543                      xns : Roo.bootstrap,
 544                      '|xns' : 'Roo.bootstrap',
 545                      after : {
 546                       xtype : 'Button',
 547                       html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'] /* Go */,
 548                       weight : 'success',
 549                       xns : Roo.bootstrap,
 550                       '|xns' : 'Roo.bootstrap'
 551                      }
 552                     }
 553                    ]
 554                   }
 555                  ]
 556                 }
 557                ]
 558               }
 559              ]
 560             },
 561             {
 562              xtype : 'Column',
 563              md : 6,
 564              sm : 12,
 565              xns : Roo.bootstrap,
 566              '|xns' : 'Roo.bootstrap',
 567              items  : [
 568               {
 569                xtype : 'Container',
 570                cls : 'box box-warning',
 571                xns : Roo.bootstrap,
 572                '|xns' : 'Roo.bootstrap',
 573                items  : [
 574                 {
 575                  xtype : 'Container',
 576                  cls : 'box-header',
 577                  xns : Roo.bootstrap,
 578                  '|xns' : 'Roo.bootstrap',
 579                  items  : [
 580                   {
 581                    xtype : 'Header',
 582                    cls : 'box-title',
 583                    html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'] /* General Elements */,
 584                    level : 3,
 585                    xns : Roo.bootstrap,
 586                    '|xns' : 'Roo.bootstrap'
 587                   }
 588                  ]
 589                 },
 590                 {
 591                  xtype : 'Form',
 592                  labelAlign : 'top',
 593                  xns : Roo.bootstrap,
 594                  '|xns' : 'Roo.bootstrap',
 595                  items  : [
 596                   {
 597                    xtype : 'Container',
 598                    cls : 'box-body',
 599                    xns : Roo.bootstrap,
 600                    '|xns' : 'Roo.bootstrap',
 601                    items  : [
 602                     {
 603                      xtype : 'Input',
 604                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 605                      placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'] /* Enter ... */,
 606                      xns : Roo.bootstrap,
 607                      '|xns' : 'Roo.bootstrap'
 608                     },
 609                     {
 610                      xtype : 'Input',
 611                      disabled : true,
 612                      fieldLabel : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 613                      placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'] /* disabled = true */,
 614                      xns : Roo.bootstrap,
 615                      '|xns' : 'Roo.bootstrap'
 616                     },
 617                     {
 618                      xtype : 'TextArea',
 619                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 620                      xns : Roo.bootstrap,
 621                      '|xns' : 'Roo.bootstrap'
 622                     },
 623                     {
 624                      xtype : 'TextArea',
 625                      disabled : true,
 626                      fieldLabel : _this._strings['b5d4d25fe3fa9f8263b5f279a372b709'] /* Textarea */,
 627                      placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'] /* disabled=true */,
 628                      xns : Roo.bootstrap,
 629                      '|xns' : 'Roo.bootstrap'
 630                     },
 631                     {
 632                      xtype : 'Input',
 633                      cls : 'has-success',
 634                      fieldLabel : _this._strings['f536bd90041a983b324d7a81de4e8089'] /* Input with Success */,
 635                      placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'] /* cls = has-success */,
 636                      xns : Roo.bootstrap,
 637                      '|xns' : 'Roo.bootstrap'
 638                     },
 639                     {
 640                      xtype : 'Input',
 641                      cls : 'has-warning',
 642                      fieldLabel : _this._strings['82a3bed694a221ef4bb4f18514b05843'] /* Input with Warning */,
 643                      placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'] /* cls = has-warning */,
 644                      xns : Roo.bootstrap,
 645                      '|xns' : 'Roo.bootstrap'
 646                     },
 647                     {
 648                      xtype : 'Input',
 649                      cls : 'has-error',
 650                      fieldLabel : _this._strings['8ac5836f3de7379d49bc60dcd36913c7'] /* Input with Error */,
 651                      placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'] /* cls = has-error */,
 652                      xns : Roo.bootstrap,
 653                      '|xns' : 'Roo.bootstrap'
 654                     },
 655                     {
 656                      xtype : 'CheckBox',
 657                      boxLabel : _this._strings['de8a19fe7b105f264a9a83909b880af3'] /* Checkbox 1 */,
 658                      xns : Roo.bootstrap,
 659                      '|xns' : 'Roo.bootstrap'
 660                     },
 661                     {
 662                      xtype : 'CheckBox',
 663                      boxLabel : _this._strings['7c230330ef184cac6b35f3c20e40dedd'] /* Checkbox weight=primary */,
 664                      checked : true,
 665                      weight : 'primary',
 666                      xns : Roo.bootstrap,
 667                      '|xns' : 'Roo.bootstrap'
 668                     },
 669                     {
 670                      xtype : 'CheckBox',
 671                      boxLabel : _this._strings['9a64581b8c734327d597d13177b4203e'] /* Checkbox Disabled */,
 672                      disabled : true,
 673                      xns : Roo.bootstrap,
 674                      '|xns' : 'Roo.bootstrap'
 675                     },
 676                     {
 677                      xtype : 'Radio',
 678                      boxLabel : _this._strings['770e06d40b8b4d64e89c24098d25fdc2'] /* Radio 1 */,
 679                      name : 'radio',
 680                      value : 1,
 681                      xns : Roo.bootstrap,
 682                      '|xns' : 'Roo.bootstrap'
 683                     },
 684                     {
 685                      xtype : 'Radio',
 686                      boxLabel : _this._strings['2638b51cce6f3ce99752fa859b9c71a8'] /* Radio (weight=danger) */,
 687                      name : 'radio',
 688                      value : 2,
 689                      weight : 'danger',
 690                      xns : Roo.bootstrap,
 691                      '|xns' : 'Roo.bootstrap'
 692                     },
 693                     {
 694                      xtype : 'Radio',
 695                      boxLabel : _this._strings['b52b5a382a07e93eb72c79ae431f3159'] /* Radio Disabled */,
 696                      disabled : true,
 697                      name : 'radio',
 698                      value : 3,
 699                      xns : Roo.bootstrap,
 700                      '|xns' : 'Roo.bootstrap'
 701                     },
 702                     {
 703                      xtype : 'ComboBox',
 704                      displayField : 'item',
 705                      editable : false,
 706                      fieldLabel : _this._strings['fd249a0c28275ebf9d4c8464ca2225cf'] /* ComboBox */,
 707                      mode : 'local',
 708                      name : 'combotest',
 709                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 710                      triggerAction : 'all',
 711                      valueField : 'item',
 712                      xns : Roo.bootstrap,
 713                      '|xns' : 'Roo.bootstrap',
 714                      store : {
 715                       xtype : 'SimpleStore',
 716                       data : [ [ 'option a'] ,[ 'option b'] ],
 717                       fields : [ 'item' ],
 718                       xns : Roo.data,
 719                       '|xns' : 'Roo.data'
 720                      }
 721                     },
 722                     {
 723                      xtype : 'ComboBox',
 724                      disabled : true,
 725                      displayField : 'item',
 726                      editable : false,
 727                      fieldLabel : _this._strings['c81c5cb4cbfa1fe7cc3ae45112da3bf8'] /* ComboBox disabled */,
 728                      mode : 'local',
 729                      name : 'combotest',
 730                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 731                      triggerAction : 'all',
 732                      valueField : 'item',
 733                      xns : Roo.bootstrap,
 734                      '|xns' : 'Roo.bootstrap',
 735                      store : {
 736                       xtype : 'SimpleStore',
 737                       data : [ [ 'option a'] ,[ 'option b'] ],
 738                       fields : [ 'item' ],
 739                       xns : Roo.data,
 740                       '|xns' : 'Roo.data'
 741                      }
 742                     },
 743                     {
 744                      xtype : 'ComboBox',
 745                      displayField : 'item',
 746                      editable : false,
 747                      fieldLabel : _this._strings['1dcae4807c06e16567efb6eff4f1296c'] /* Multiple selection */,
 748                      mode : 'local',
 749                      multiple : true,
 750                      name : 'combotest',
 751                      tpl : '<li class=\"roo-select2-result\"><b>{item}</b></div>',
 752                      triggerAction : 'all',
 753                      valueField : 'item',
 754                      xns : Roo.bootstrap,
 755                      '|xns' : 'Roo.bootstrap',
 756                      store : {
 757                       xtype : 'SimpleStore',
 758                       data : [ [ 'option a'] ,[ 'option b'] ],
 759                       fields : [ 'item' ],
 760                       xns : Roo.data,
 761                       '|xns' : 'Roo.data'
 762                      }
 763                     }
 764                    ]
 765                   }
 766                  ]
 767                 }
 768                ]
 769               }
 770              ]
 771             }
 772            ]
 773           }
 774          ]
 775         }
 776        ]
 777       }
 778      ]
 779     }
 780    ]
 781   };  }
 782 });