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