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                      "string tooltip" : "A button"
171                     }
172                    ]
173                   }
174                  ]
175                 }
176                ]
177               },
178               {
179                "String cls" : "box box-success",
180                "xtype" : "Container",
181                "$ xns" : "Roo.bootstrap",
182                "items" : [
183                 {
184                  "String cls" : "box-header",
185                  "xtype" : "Container",
186                  "$ xns" : "Roo.bootstrap",
187                  "items" : [
188                   {
189                    "String cls" : "box-title",
190                    "xtype" : "Header",
191                    "$ xns" : "Roo.bootstrap",
192                    "Number level" : 3,
193                    "String html" : "Different Height"
194                   }
195                  ]
196                 },
197                 {
198                  "xtype" : "Form",
199                  "String labelAlign" : "top",
200                  "$ xns" : "Roo.bootstrap",
201                  "items" : [
202                   {
203                    "String cls" : "box-body",
204                    "xtype" : "Container",
205                    "$ xns" : "Roo.bootstrap",
206                    "items" : [
207                     {
208                      "xtype" : "Input",
209                      "string placeholder" : "size lg",
210                      "$ xns" : "Roo.bootstrap",
211                      "string size" : "lg"
212                     },
213                     {
214                      "xtype" : "Input",
215                      "string placeholder" : "size md",
216                      "$ xns" : "Roo.bootstrap",
217                      "string size" : "md"
218                     },
219                     {
220                      "xtype" : "Input",
221                      "string placeholder" : "size sm",
222                      "$ xns" : "Roo.bootstrap",
223                      "string size" : "sm"
224                     }
225                    ]
226                   }
227                  ]
228                 }
229                ]
230               },
231               {
232                "String cls" : "box box-danger",
233                "xtype" : "Container",
234                "$ xns" : "Roo.bootstrap",
235                "items" : [
236                 {
237                  "String cls" : "box-header",
238                  "xtype" : "Container",
239                  "$ xns" : "Roo.bootstrap",
240                  "items" : [
241                   {
242                    "String cls" : "box-title",
243                    "xtype" : "Header",
244                    "$ xns" : "Roo.bootstrap",
245                    "Number level" : 3,
246                    "String html" : "Different Width"
247                   }
248                  ]
249                 },
250                 {
251                  "xtype" : "Form",
252                  "String labelAlign" : "top",
253                  "$ xns" : "Roo.bootstrap",
254                  "items" : [
255                   {
256                    "String cls" : "box-body",
257                    "xtype" : "Container",
258                    "$ xns" : "Roo.bootstrap",
259                    "items" : [
260                     {
261                      "xtype" : "Row",
262                      "$ xns" : "Roo.bootstrap",
263                      "items" : [
264                       {
265                        "Number md" : 3,
266                        "xtype" : "Input",
267                        "string placeholder" : "md 3",
268                        "$ xns" : "Roo.bootstrap",
269                        "string size" : "md"
270                       },
271                       {
272                        "Number md" : 3,
273                        "xtype" : "Input",
274                        "string placeholder" : "md 4",
275                        "$ xns" : "Roo.bootstrap",
276                        "string size" : "md"
277                       },
278                       {
279                        "Number md" : 5,
280                        "xtype" : "Input",
281                        "string placeholder" : "md 3",
282                        "$ xns" : "Roo.bootstrap",
283                        "string size" : "md"
284                       }
285                      ]
286                     }
287                    ]
288                   }
289                  ]
290                 }
291                ]
292               },
293               {
294                "String cls" : "box box-info",
295                "xtype" : "Container",
296                "$ xns" : "Roo.bootstrap",
297                "items" : [
298                 {
299                  "String cls" : "box-header",
300                  "xtype" : "Container",
301                  "$ xns" : "Roo.bootstrap",
302                  "items" : [
303                   {
304                    "String cls" : "box-title",
305                    "xtype" : "Header",
306                    "$ xns" : "Roo.bootstrap",
307                    "Number level" : 3,
308                    "String html" : "Input Addon"
309                   }
310                  ]
311                 },
312                 {
313                  "xtype" : "Form",
314                  "String labelAlign" : "top",
315                  "$ xns" : "Roo.bootstrap",
316                  "items" : [
317                   {
318                    "String cls" : "box-body",
319                    "xtype" : "Container",
320                    "$ xns" : "Roo.bootstrap",
321                    "items" : [
322                     {
323                      "xtype" : "Input",
324                      "string placeholder" : "before : @",
325                      "$ xns" : "Roo.bootstrap",
326                      "string before" : "@",
327                      "string size" : "md"
328                     },
329                     {
330                      "xtype" : "Input",
331                      "string placeholder" : "after: .00",
332                      "$ xns" : "Roo.bootstrap",
333                      "string size" : "md",
334                      "string after" : 0
335                     },
336                     {
337                      "xtype" : "Input",
338                      "string placeholder" : "before $, after: .00",
339                      "$ xns" : "Roo.bootstrap",
340                      "string before" : "$",
341                      "string size" : "md",
342                      "string after" : 0
343                     },
344                     {
345                      "xtype" : "Header",
346                      "$ xns" : "Roo.bootstrap",
347                      "Number level" : 4,
348                      "String html" : "With Icons"
349                     },
350                     {
351                      "xtype" : "Input",
352                      "string placeholder" : "before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt;",
353                      "$ xns" : "Roo.bootstrap",
354                      "string before" : "<i class=\"fa fa-envelope\"></i>",
355                      "string size" : "md"
356                     },
357                     {
358                      "xtype" : "Input",
359                      "string placeholder" : "after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;",
360                      "$ xns" : "Roo.bootstrap",
361                      "string size" : "md",
362                      "string after" : "<i class=\"fa fa-check\"></i>"
363                     },
364                     {
365                      "xtype" : "Input",
366                      "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;",
367                      "$ xns" : "Roo.bootstrap",
368                      "string before" : "<i class=\"fa fa-dollar\"></i>",
369                      "string size" : "md",
370                      "string after" : "<i class=\"fa fa-ambulance\"></i>"
371                     },
372                     {
373                      "xtype" : "Header",
374                      "Number level" : 4,
375                      "$ xns" : "Roo.bootstrap",
376                      "String html" : "With checkbox and radio"
377                     },
378                     {
379                      "xtype" : "Row",
380                      "$ xns" : "Roo.bootstrap",
381                      "items" : [
382                       {
383                        "Number md" : 6,
384                        "xtype" : "Input",
385                        "string placeholder" : "?",
386                        "$ xns" : "Roo.bootstrap",
387                        "string before" : "fixme",
388                        "string size" : "md"
389                       },
390                       {
391                        "Number md" : 6,
392                        "xtype" : "Input",
393                        "string placeholder" : "md 4",
394                        "$ xns" : "Roo.bootstrap",
395                        "string size" : "md"
396                       }
397                      ]
398                     },
399                     {
400                      "xtype" : "Header",
401                      "$ xns" : "Roo.bootstrap",
402                      "Number level" : 4,
403                      "String html" : "With buttons"
404                     },
405                     {
406                      "xtype" : "Input",
407                      "string placeholder" : "before :  - an object...    ",
408                      "$ xns" : "Roo.bootstrap",
409                      "string size" : "md",
410                      "items" : [
411                       {
412                        "listeners" : {
413                         "render" : "function (_self)\n{\n    _this.httpButton = _self;\n}"
414                        },
415                        "String weight" : "primary",
416                        "xtype" : "Button",
417                        "$ xns" : "Roo.bootstrap",
418                        "String html" : "http://",
419                        "* prop" : "before",
420                        "items" : [
421                         {
422                          "xtype" : "Menu",
423                          "$ xns" : "Roo.bootstrap",
424                          "* prop" : "menu",
425                          "items" : [
426                           {
427                            "listeners" : {
428                             "click" : "function (e)\n{\n    _this.httpButton.setText(\"http://\");\n}"
429                            },
430                            "xtype" : "MenuItem",
431                            "$ xns" : "Roo.bootstrap",
432                            "String html" : "http://"
433                           },
434                           {
435                            "listeners" : {
436                             "click" : "function (e)\n{\n    _this.httpButton.setText(\"https://\");\n}"
437                            },
438                            "xtype" : "MenuItem",
439                            "$ xns" : "Roo.bootstrap",
440                            "String html" : "https://"
441                           }
442                          ]
443                         }
444                        ]
445                       }
446                      ]
447                     },
448                     {
449                      "xtype" : "Input",
450                      "string placeholder" : "after - a button",
451                      "$ xns" : "Roo.bootstrap",
452                      "string size" : "md",
453                      "items" : [
454                       {
455                        "String weight" : "success",
456                        "xtype" : "Button",
457                        "$ xns" : "Roo.bootstrap",
458                        "String html" : "Go",
459                        "* prop" : "after"
460                       }
461                      ]
462                     }
463                    ]
464                   }
465                  ]
466                 }
467                ]
468               }
469              ]
470             },
471             {
472              "Number md" : 6,
473              "xtype" : "Column",
474              "$ xns" : "Roo.bootstrap",
475              "Number sm" : 12,
476              "items" : [
477               {
478                "String cls" : "box box-warning",
479                "xtype" : "Container",
480                "$ xns" : "Roo.bootstrap",
481                "items" : [
482                 {
483                  "String cls" : "box-header",
484                  "xtype" : "Container",
485                  "$ xns" : "Roo.bootstrap",
486                  "items" : [
487                   {
488                    "String cls" : "box-title",
489                    "xtype" : "Header",
490                    "$ xns" : "Roo.bootstrap",
491                    "Number level" : 3,
492                    "String html" : "General Elements"
493                   }
494                  ]
495                 },
496                 {
497                  "xtype" : "Form",
498                  "String labelAlign" : "top",
499                  "$ xns" : "Roo.bootstrap",
500                  "items" : [
501                   {
502                    "String cls" : "box-body",
503                    "xtype" : "Container",
504                    "$ xns" : "Roo.bootstrap",
505                    "items" : [
506                     {
507                      "xtype" : "Input",
508                      "string placeholder" : "Enter ...",
509                      "String fieldLabel" : "Text",
510                      "$ xns" : "Roo.bootstrap"
511                     },
512                     {
513                      "xtype" : "Input",
514                      "string placeholder" : "disabled = true",
515                      "Boolean disabled" : true,
516                      "String fieldLabel" : "Text",
517                      "$ xns" : "Roo.bootstrap"
518                     },
519                     {
520                      "xtype" : "TextArea",
521                      "$ xns" : "Roo.bootstrap",
522                      "String fieldLabel" : "Textarea"
523                     },
524                     {
525                      "xtype" : "TextArea",
526                      "string placeholder" : "disabled=true",
527                      "Boolean disabled" : true,
528                      "$ xns" : "Roo.bootstrap",
529                      "String fieldLabel" : "Textarea"
530                     },
531                     {
532                      "String cls" : "has-success",
533                      "xtype" : "Input",
534                      "string placeholder" : "cls = has-success",
535                      "String fieldLabel" : "Input with Success",
536                      "$ xns" : "Roo.bootstrap"
537                     },
538                     {
539                      "String cls" : "has-warning",
540                      "xtype" : "Input",
541                      "string placeholder" : "cls = has-warning",
542                      "String fieldLabel" : "Input with Warning",
543                      "$ xns" : "Roo.bootstrap"
544                     },
545                     {
546                      "String cls" : "has-error",
547                      "xtype" : "Input",
548                      "string placeholder" : "cls = has-error",
549                      "String fieldLabel" : "Input with Error",
550                      "$ xns" : "Roo.bootstrap"
551                     },
552                     {
553                      "xtype" : "CheckBox",
554                      "String boxLabel" : "Checkbox 1",
555                      "$ xns" : "Roo.bootstrap"
556                     },
557                     {
558                      "Boolean checked" : true,
559                      "String weight" : "primary",
560                      "xtype" : "CheckBox",
561                      "String boxLabel" : "Checkbox weight=primary",
562                      "$ xns" : "Roo.bootstrap"
563                     },
564                     {
565                      "xtype" : "CheckBox",
566                      "String boxLabel" : "Checkbox Disabled",
567                      "Boolean disabled" : true,
568                      "$ xns" : "Roo.bootstrap"
569                     },
570                     {
571                      "String name" : "radio",
572                      "xtype" : "Radio",
573                      "String boxLabel" : "Radio 1",
574                      "$ xns" : "Roo.bootstrap",
575                      "string value" : 1
576                     },
577                     {
578                      "String name" : "radio",
579                      "xtype" : "Radio",
580                      "String boxLabel" : "Radio (weight=danger)",
581                      "$ xns" : "Roo.bootstrap",
582                      "string value" : 2,
583                      "string weight" : "danger"
584                     },
585                     {
586                      "String name" : "radio",
587                      "xtype" : "Radio",
588                      "String boxLabel" : "Radio Disabled",
589                      "Boolean disabled" : true,
590                      "$ xns" : "Roo.bootstrap",
591                      "string value" : 3
592                     },
593                     {
594                      "String mode" : "local",
595                      "String name" : "combotest",
596                      "String valueField" : "item",
597                      "xtype" : "ComboBox",
598                      "String triggerAction" : "all",
599                      "Boolean editable" : false,
600                      "String fieldLabel" : "ComboBox",
601                      "$ xns" : "Roo.bootstrap",
602                      "String/Roo.Template tpl" : "<li class=\"select2-result\"><b>{item}</b></div>",
603                      "String displayField" : "item",
604                      "items" : [
605                       {
606                        "$ Array fields" : "[ 'item' ]",
607                        "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]",
608                        "xtype" : "SimpleStore",
609                        "$ xns" : "Roo.data",
610                        "* prop" : "store"
611                       }
612                      ]
613                     },
614                     {
615                      "String mode" : "local",
616                      "String name" : "combotest",
617                      "String valueField" : "item",
618                      "xtype" : "ComboBox",
619                      "String triggerAction" : "all",
620                      "Boolean editable" : false,
621                      "Boolean disabled" : true,
622                      "String fieldLabel" : "ComboBox disabled",
623                      "$ xns" : "Roo.bootstrap",
624                      "String/Roo.Template tpl" : "<li class=\"select2-result\"><b>{item}</b></div>",
625                      "String displayField" : "item",
626                      "items" : [
627                       {
628                        "$ Array fields" : "[ 'item' ]",
629                        "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]",
630                        "xtype" : "SimpleStore",
631                        "$ xns" : "Roo.data",
632                        "* prop" : "store"
633                       }
634                      ]
635                     },
636                     {
637                      "String mode" : "local",
638                      "String name" : "combotest",
639                      "String valueField" : "item",
640                      "xtype" : "ComboBox",
641                      "String triggerAction" : "all",
642                      "Boolean editable" : false,
643                      "String fieldLabel" : "Multiple selection",
644                      "$ xns" : "Roo.bootstrap",
645                      "String/Roo.Template tpl" : "<li class=\"select2-result\"><b>{item}</b></div>",
646                      "Boolean multiple" : true,
647                      "String displayField" : "item",
648                      "items" : [
649                       {
650                        "$ Array fields" : "[ 'item' ]",
651                        "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]",
652                        "xtype" : "SimpleStore",
653                        "$ xns" : "Roo.data",
654                        "* prop" : "store"
655                       }
656                      ]
657                     }
658                    ]
659                   }
660                  ]
661                 }
662                ]
663               }
664              ]
665             }
666            ]
667           }
668          ]
669         }
670        ]
671       }
672      ]
673     }
674    ]
675   }
676  ]
677 }