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