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