From 4ee0715d992420fe5e0c9b364d5dde5bf0ee0b20 Mon Sep 17 00:00:00 2001 From: Alan Knowles Date: Wed, 22 Apr 2015 11:00:12 +0800 Subject: [PATCH] examples/bootstrap/dashboard1.bjs examples/bootstrap/dashboard1.js --- examples/bootstrap/dashboard1.bjs | 1291 ++++++++++++------------ examples/bootstrap/dashboard1.js | 1563 +++++++++++++++-------------- 2 files changed, 1469 insertions(+), 1385 deletions(-) diff --git a/examples/bootstrap/dashboard1.bjs b/examples/bootstrap/dashboard1.bjs index 6721355a4b..bec7778a3e 100644 --- a/examples/bootstrap/dashboard1.bjs +++ b/examples/bootstrap/dashboard1.bjs @@ -1,635 +1,676 @@ { - "name" : "dashboard1", - "parent" : "", - "title" : "", - "path" : "/home/alan/gitlive/roojs1/examples/bootstrap/dashboard1.bjs", - "permname" : "", - "modOrder" : "001", - "items" : [ + "name" : "dashboard1", + "parent" : "", + "title" : "", + "path" : "/home/alan/gitlive/roojs1/examples/bootstrap/dashboard1.bjs", + "permname" : "", + "modOrder" : "001", + "strings" : { + "dbd7790bcd23fde7607101ef6a633779" : "http://", + "680e083786e18d3b9bd07bffd61dc5dc" : "after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>", + "f6b6d9142474aba10b39e88cf4e06f6e" : "before : @", + "7c4d0cf56e05ed67ec50246c517e149b" : "md 3", + "cb6b36c6d62d94b76628a4543517f89b" : "md 4", + "1d042703152e2b45f3b2ee38610b9a07" : "General Elements", + "fe65c0ed916a464efda8e6b69b846d09" : "cls = has-error", + "5f075ae3e1f9d0382bb8c4632991f96f" : "Go", + "69165cb5e53db90fd85e2b0a98f1d77b" : "size sm", + "a1e27e67ca3c6c3198c36a32e416a65f" : "General Form Elements Preview ", + "c3d8baf1b9da3d6922aea0057717a0b7" : "Enter email", + "b85c1bc6f73a44489045c76aafbab96c" : "With checkbox and radio", + "ac8f3751f51c35383892f7a1684e35ea" : "disabled = true", + "cb76b3c00a2436a2a0d57f1282cbd66a" : "after : <i class="fa fa-after"></i>", + "5485e0b19975fe1d4400e35162a7c099" : "Quick Example", + "c4ca4238a0b923820dcc509a6f75849b" : "1", + "e7ef9c258353d78ca676588bd59ec915" : "cls = has-warning", + "c81e728d9d4c2f636f067f89cc14862c" : "2", + "483bc24d842fe8f3ec3a6f92fbd31922" : "Enter password", + "2c5c51fe5216e88d91a0a29c8c22b26f" : "before : <i class="fa fa-envelope"></i>", + "8d71e1fffea14ff1d8b7acbe0ded4305" : "With buttons", + "eccbc87e4b5ce2fe28308fd9f2a7baf3" : "3", + "5f7a612768f22e04c0a0c4bb0c24ce91" : "size md", + "08583f18f5ab76dcb709f7b34eb59104" : "Different Height", + "7099e6d377281665976e57e80ba5fe0d" : "before $, after: .00", + "088eb66998a403897b60aa8ee9115c91" : "cls = has-success", + "343f7d4e4b503d9b9cb282205a4d5858" : "after: .00", + "3b545ecbbdf3673f195c5a692fefa928" : "disabled=true", + "221fd7bbd5b513f2c2db2939fcefec96" : "after - a button", + "76946ef61117810371fa41415c86a2ed" : "size lg", + "71f30e09efd6fac81e65a32a32a1c6ac" : "With Icons", + "f8eae6750519389e078e1eb1bcb3d708" : "https://", + "1d74eaa01575d5f21d7a8e54154126e3" : "before : - an object... ", + "2f24bf395be7b31a10b6d501801d4099" : "Input Addon", + "6f0e2583dbfc8eab280b4709a8c87b4b" : "Different Width", + "d1457b72c3fb323a2671125aef3eab5d" : "?", + "4c3d0e43b52db64c94f842da7fc7224c" : "Enter ...", + "a4d3b161ce1309df1c4e25df28694b7b" : "Submit" + }, + "items" : [ + { + "String cls" : "skin-blue", + "xtype" : "Body", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "header", + "xtype" : "Container", + "tag" : "header", + "* xinclude" : "Dashboard.Header1", + "$ xns" : "Roo.bootstrap" + }, + { + "String cls" : "wrapper row-offcanvas row-offcanvas-left", + "xtype" : "Container", + "flexy:include" : "Sidebar.html", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String tag" : "aside", + "String cls" : "left-side sidebar-offcanvas", + "xtype" : "Container", + "* xinclude" : "Dashboard.Sidebar2", + "$ xns" : "Roo.bootstrap" + }, + { + "String tag" : "aside", + "String cls" : "right-side", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ { - "String cls" : "skin-blue", - "xtype" : "Body", - "$ xns" : "Roo.bootstrap", - "items" : [ + "String tag" : "section", + "String cls" : "content-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "String html" : "General Form Elements Preview " + } + ] + }, + { + "String tag" : "section", + "String cls" : "content", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Row", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "Number md" : 6, + "xtype" : "Column", + "$ xns" : "Roo.bootstrap", + "Number sm" : 12, + "items" : [ + { + "String cls" : "box box-primary", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ { - "String cls" : "header", - "tag" : "header", - "xtype" : "Container", - "* xinclude" : "Dashboard.Header1", - "$ xns" : "Roo.bootstrap" + "String cls" : "box-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-title", + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 3, + "String html" : "Quick Example" + }, + { + "xtype" : "Input", + "string placeholder" : "Enter password", + "String inputType" : "password", + "String fieldLabel" : "Password", + "$ xns" : "Roo.bootstrap", + "string tooltip" : "Hello world" + } + ] }, { - "String cls" : "wrapper row-offcanvas row-offcanvas-left", - "xtype" : "Container", - "flexy:include" : "Sidebar.html", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String tag" : "aside", - "String cls" : "left-side sidebar-offcanvas", - "xtype" : "Container", - "* xinclude" : "Dashboard.Sidebar2", - "$ xns" : "Roo.bootstrap" - }, + "xtype" : "Form", + "String labelAlign" : "top", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-body", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Input", + "string placeholder" : "Enter email", + "String fieldLabel" : "Email Address", + "$ xns" : "Roo.bootstrap", + "String vtype" : "email" + }, + { + "xtype" : "Input", + "string placeholder" : "Enter email", + "String inputType" : "file", + "String fieldLabel" : "File Input", + "$ xns" : "Roo.bootstrap" + }, + { + "xtype" : "CheckBox", + "String boxLabel" : "checkbox", + "$ xns" : "Roo.bootstrap" + }, + { + "String weight" : "primary", + "xtype" : "Button", + "$ xns" : "Roo.bootstrap", + "String html" : "Submit" + } + ] + } + ] + } + ] + }, + { + "String cls" : "box box-success", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-title", + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 3, + "String html" : "Different Height" + } + ] + }, + { + "xtype" : "Form", + "String labelAlign" : "top", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-body", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Input", + "string placeholder" : "size lg", + "$ xns" : "Roo.bootstrap", + "string size" : "lg" + }, + { + "xtype" : "Input", + "string placeholder" : "size md", + "$ xns" : "Roo.bootstrap", + "string size" : "md" + }, + { + "xtype" : "Input", + "string placeholder" : "size sm", + "$ xns" : "Roo.bootstrap", + "string size" : "sm" + } + ] + } + ] + } + ] + }, + { + "String cls" : "box box-danger", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-title", + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 3, + "String html" : "Different Width" + } + ] + }, + { + "xtype" : "Form", + "String labelAlign" : "top", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-body", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Row", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "Number md" : 3, + "xtype" : "Input", + "string placeholder" : "md 3", + "$ xns" : "Roo.bootstrap", + "string size" : "md" + }, + { + "Number md" : 3, + "xtype" : "Input", + "string placeholder" : "md 4", + "$ xns" : "Roo.bootstrap", + "string size" : "md" + }, + { + "Number md" : 5, + "xtype" : "Input", + "string placeholder" : "md 3", + "$ xns" : "Roo.bootstrap", + "string size" : "md" + } + ] + } + ] + } + ] + } + ] + }, + { + "String cls" : "box box-info", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-title", + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 3, + "String html" : "Input Addon" + } + ] + }, + { + "xtype" : "Form", + "String labelAlign" : "top", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-body", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Input", + "string placeholder" : "before : @", + "$ xns" : "Roo.bootstrap", + "string before" : "@", + "string size" : "md" + }, + { + "xtype" : "Input", + "string placeholder" : "after: .00", + "$ xns" : "Roo.bootstrap", + "string size" : "md", + "string after" : 0 + }, + { + "xtype" : "Input", + "string placeholder" : "before $, after: .00", + "$ xns" : "Roo.bootstrap", + "string before" : "$", + "string size" : "md", + "string after" : 0 + }, + { + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 4, + "String html" : "With Icons" + }, + { + "xtype" : "Input", + "string placeholder" : "before : <i class="fa fa-envelope"></i>", + "$ xns" : "Roo.bootstrap", + "string before" : "", + "string size" : "md" + }, + { + "xtype" : "Input", + "string placeholder" : "after : <i class="fa fa-after"></i>", + "$ xns" : "Roo.bootstrap", + "string size" : "md", + "string after" : "" + }, + { + "xtype" : "Input", + "string placeholder" : "after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>", + "$ xns" : "Roo.bootstrap", + "string before" : "", + "string size" : "md", + "string after" : "" + }, + { + "xtype" : "Header", + "Number level" : 4, + "$ xns" : "Roo.bootstrap", + "String html" : "With checkbox and radio" + }, + { + "xtype" : "Row", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "Number md" : 6, + "xtype" : "Input", + "string placeholder" : "?", + "$ xns" : "Roo.bootstrap", + "string before" : "fixme", + "string size" : "md" + }, + { + "Number md" : 6, + "xtype" : "Input", + "string placeholder" : "md 4", + "$ xns" : "Roo.bootstrap", + "string size" : "md" + } + ] + }, + { + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 4, + "String html" : "With buttons" + }, + { + "xtype" : "Input", + "string placeholder" : "before : - an object... ", + "$ xns" : "Roo.bootstrap", + "string size" : "md", + "items" : [ + { + "listeners" : { + "render" : "function (_self)\n{\n _this.httpButton = _self;\n}" + }, + "String weight" : "primary", + "xtype" : "Button", + "$ xns" : "Roo.bootstrap", + "String html" : "http://", + "* prop" : "before", + "items" : [ { - "String tag" : "aside", - "String cls" : "right-side", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String tag" : "section", - "String cls" : "content-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "String html" : "General Form Elements Preview " - } - ] - }, - { - "String tag" : "section", - "String cls" : "content", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Row", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "Number md" : 6, - "xtype" : "Column", - "$ xns" : "Roo.bootstrap", - "Number sm" : 12, - "items" : [ - { - "String cls" : "box box-primary", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-title", - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 3, - "String html" : "Quick Example" - }, - { - "xtype" : "Input", - "string placeholder" : "Enter password", - "String inputType" : "password", - "String fieldLabel" : "Password", - "$ xns" : "Roo.bootstrap" - } - ] - }, - { - "xtype" : "Form", - "String labelAlign" : "top", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-body", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Input", - "string placeholder" : "Enter email", - "String fieldLabel" : "Email Address", - "$ xns" : "Roo.bootstrap", - "String vtype" : "email" - }, - { - "xtype" : "Input", - "string placeholder" : "Enter email", - "String inputType" : "file", - "String fieldLabel" : "File Input", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "CheckBox", - "String boxLabel" : "checkbox", - "$ xns" : "Roo.bootstrap" - }, - { - "String weight" : "primary", - "xtype" : "Button", - "$ xns" : "Roo.bootstrap", - "String html" : "Submit" - } - ] - } - ] - } - ] - }, - { - "String cls" : "box box-success", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-title", - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 3, - "String html" : "Different Height" - } - ] - }, - { - "xtype" : "Form", - "String labelAlign" : "top", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-body", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Input", - "string placeholder" : "size lg", - "$ xns" : "Roo.bootstrap", - "string size" : "lg" - }, - { - "xtype" : "Input", - "string placeholder" : "size md", - "$ xns" : "Roo.bootstrap", - "string size" : "md" - }, - { - "xtype" : "Input", - "string placeholder" : "size sm", - "$ xns" : "Roo.bootstrap", - "string size" : "sm" - } - ] - } - ] - } - ] - }, - { - "String cls" : "box box-danger", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-title", - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 3, - "String html" : "Different Width" - } - ] - }, - { - "xtype" : "Form", - "String labelAlign" : "top", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-body", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Row", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "Number md" : 3, - "xtype" : "Input", - "string placeholder" : "md 3", - "$ xns" : "Roo.bootstrap", - "string size" : "md" - }, - { - "Number md" : 3, - "xtype" : "Input", - "string placeholder" : "md 4", - "$ xns" : "Roo.bootstrap", - "string size" : "md" - }, - { - "Number md" : 5, - "xtype" : "Input", - "string placeholder" : "md 3", - "$ xns" : "Roo.bootstrap", - "string size" : "md" - } - ] - } - ] - } - ] - } - ] - }, - { - "String cls" : "box box-info", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-title", - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 3, - "String html" : "Input Addon" - } - ] - }, - { - "xtype" : "Form", - "String labelAlign" : "top", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-body", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Input", - "string placeholder" : "before : @", - "$ xns" : "Roo.bootstrap", - "string before" : "@", - "string size" : "md" - }, - { - "xtype" : "Input", - "string placeholder" : "after: .00", - "$ xns" : "Roo.bootstrap", - "string size" : "md", - "string after" : 0 - }, - { - "xtype" : "Input", - "string placeholder" : "before $, after: .00", - "$ xns" : "Roo.bootstrap", - "string before" : "$", - "string size" : "md", - "string after" : 0 - }, - { - "xtype" : "Header", - "Number level" : 4, - "$ xns" : "Roo.bootstrap", - "String html" : "With Icons" - }, - { - "xtype" : "Input", - "string placeholder" : "before : <i class="fa fa-envelope"></i>", - "$ xns" : "Roo.bootstrap", - "string before" : "", - "string size" : "md" - }, - { - "xtype" : "Input", - "string placeholder" : "after : <i class="fa fa-after"></i>", - "$ xns" : "Roo.bootstrap", - "string size" : "md", - "string after" : "" - }, - { - "xtype" : "Input", - "string placeholder" : "after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>", - "$ xns" : "Roo.bootstrap", - "string before" : "", - "string size" : "md", - "string after" : "" - }, - { - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 4, - "String html" : "With checkbox and radio" - }, - { - "xtype" : "Row", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "Number md" : 6, - "xtype" : "Input", - "string placeholder" : "?", - "$ xns" : "Roo.bootstrap", - "string before" : "fixme", - "string size" : "md" - }, - { - "Number md" : 6, - "xtype" : "Input", - "string placeholder" : "md 4", - "$ xns" : "Roo.bootstrap", - "string size" : "md" - } - ] - }, - { - "xtype" : "Header", - "Number level" : 4, - "$ xns" : "Roo.bootstrap", - "String html" : "With buttons" - }, - { - "xtype" : "Input", - "string placeholder" : "before : - an object... ", - "$ xns" : "Roo.bootstrap", - "string size" : "md", - "items" : [ - { - "listeners" : { - "render" : "function (_self)\n{\n _this.httpButton = _self;\n}" - }, - "String weight" : "primary", - "xtype" : "Button", - "$ xns" : "Roo.bootstrap", - "String html" : "http://", - "* prop" : "before", - "items" : [ - { - "xtype" : "Menu", - "$ xns" : "Roo.bootstrap", - "* prop" : "menu", - "items" : [ - { - "listeners" : { - "click" : "function (e)\n{\n _this.httpButton.setText(\"http://\");\n}" - }, - "xtype" : "MenuItem", - "$ xns" : "Roo.bootstrap", - "String html" : "http://" - }, - { - "listeners" : { - "click" : "function (e)\n{\n _this.httpButton.setText(\"https://\");\n}" - }, - "xtype" : "MenuItem", - "$ xns" : "Roo.bootstrap", - "String html" : "https://" - } - ] - } - ] - } - ] - }, - { - "xtype" : "Input", - "string placeholder" : "after - a button", - "$ xns" : "Roo.bootstrap", - "string size" : "md", - "items" : [ - { - "String weight" : "success", - "xtype" : "Button", - "$ xns" : "Roo.bootstrap", - "String html" : "Go", - "* prop" : "after" - } - ] - } - ] - } - ] - } - ] - } - ] - }, - { - "Number md" : 6, - "xtype" : "Column", - "$ xns" : "Roo.bootstrap", - "Number sm" : 12, - "items" : [ - { - "String cls" : "box box-warning", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-header", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-title", - "xtype" : "Header", - "$ xns" : "Roo.bootstrap", - "Number level" : 3, - "String html" : "General Elements" - } - ] - }, - { - "xtype" : "Form", - "String labelAlign" : "top", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "String cls" : "box-body", - "xtype" : "Container", - "$ xns" : "Roo.bootstrap", - "items" : [ - { - "xtype" : "Input", - "string placeholder" : "Enter ...", - "String fieldLabel" : "Text", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "Input", - "string placeholder" : "disabled = true", - "Boolean disabled" : true, - "String fieldLabel" : "Text", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "TextArea", - "String fieldLabel" : "Textarea", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "TextArea", - "string placeholder" : "disabled=true", - "Boolean disabled" : true, - "$ xns" : "Roo.bootstrap", - "String fieldLabel" : "Textarea" - }, - { - "String cls" : "has-success", - "xtype" : "Input", - "string placeholder" : "cls = has-success", - "String fieldLabel" : "Input with Success", - "$ xns" : "Roo.bootstrap" - }, - { - "String cls" : "has-warning", - "xtype" : "Input", - "string placeholder" : "cls = has-warning", - "String fieldLabel" : "Input with Warning", - "$ xns" : "Roo.bootstrap" - }, - { - "String cls" : "has-error", - "xtype" : "Input", - "string placeholder" : "cls = has-error", - "String fieldLabel" : "Input with Error", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "CheckBox", - "String boxLabel" : "Checkbox 1", - "$ xns" : "Roo.bootstrap" - }, - { - "Boolean checked" : true, - "String weight" : "primary", - "xtype" : "CheckBox", - "String boxLabel" : "Checkbox weight=primary", - "$ xns" : "Roo.bootstrap" - }, - { - "xtype" : "CheckBox", - "String boxLabel" : "Checkbox Disabled", - "Boolean disabled" : true, - "$ xns" : "Roo.bootstrap" - }, - { - "String name" : "radio", - "xtype" : "Radio", - "String boxLabel" : "Radio 1", - "$ xns" : "Roo.bootstrap", - "string value" : 1 - }, - { - "String name" : "radio", - "xtype" : "Radio", - "String boxLabel" : "Radio (weight=danger)", - "$ xns" : "Roo.bootstrap", - "string value" : 2, - "string weight" : "danger" - }, - { - "String name" : "radio", - "xtype" : "Radio", - "String boxLabel" : "Radio Disabled", - "Boolean disabled" : true, - "$ xns" : "Roo.bootstrap", - "string value" : 3 - }, - { - "String mode" : "local", - "String name" : "combotest", - "String valueField" : "item", - "xtype" : "ComboBox", - "String triggerAction" : "all", - "Boolean editable" : false, - "String fieldLabel" : "ComboBox", - "$ xns" : "Roo.bootstrap", - "String/Roo.Template tpl" : "
  • {item}", - "String displayField" : "item", - "items" : [ - { - "$ Array fields" : "[ 'item' ]", - "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", - "xtype" : "SimpleStore", - "$ xns" : "Roo.data", - "* prop" : "store" - } - ] - }, - { - "String mode" : "local", - "String name" : "combotest", - "String valueField" : "item", - "xtype" : "ComboBox", - "String triggerAction" : "all", - "Boolean editable" : false, - "Boolean disabled" : true, - "String fieldLabel" : "ComboBox disabled", - "$ xns" : "Roo.bootstrap", - "String/Roo.Template tpl" : "
  • {item}", - "String displayField" : "item", - "items" : [ - { - "$ Array fields" : "[ 'item' ]", - "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", - "xtype" : "SimpleStore", - "$ xns" : "Roo.data", - "* prop" : "store" - } - ] - }, - { - "String mode" : "local", - "String name" : "combotest", - "String valueField" : "item", - "xtype" : "ComboBox", - "String triggerAction" : "all", - "Boolean editable" : false, - "String fieldLabel" : "Multiple selection", - "$ xns" : "Roo.bootstrap", - "String/Roo.Template tpl" : "
  • {item}", - "Boolean multiple" : true, - "String displayField" : "item", - "items" : [ - { - "$ Array fields" : "[ 'item' ]", - "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", - "xtype" : "SimpleStore", - "$ xns" : "Roo.data", - "* prop" : "store" - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] - } - ] + "xtype" : "Menu", + "$ xns" : "Roo.bootstrap", + "* prop" : "menu", + "items" : [ + { + "listeners" : { + "click" : "function (e)\n{\n _this.httpButton.setText(\"http://\");\n}" + }, + "xtype" : "MenuItem", + "$ xns" : "Roo.bootstrap", + "String html" : "http://" + }, + { + "listeners" : { + "click" : "function (e)\n{\n _this.httpButton.setText(\"https://\");\n}" + }, + "xtype" : "MenuItem", + "$ xns" : "Roo.bootstrap", + "String html" : "https://" + } + ] } - ] + ] + } + ] + }, + { + "xtype" : "Input", + "string placeholder" : "after - a button", + "$ xns" : "Roo.bootstrap", + "string size" : "md", + "items" : [ + { + "String weight" : "success", + "xtype" : "Button", + "$ xns" : "Roo.bootstrap", + "String html" : "Go", + "* prop" : "after" + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "Number md" : 6, + "xtype" : "Column", + "$ xns" : "Roo.bootstrap", + "Number sm" : 12, + "items" : [ + { + "String cls" : "box box-warning", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-header", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-title", + "xtype" : "Header", + "$ xns" : "Roo.bootstrap", + "Number level" : 3, + "String html" : "General Elements" + } + ] + }, + { + "xtype" : "Form", + "String labelAlign" : "top", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "String cls" : "box-body", + "xtype" : "Container", + "$ xns" : "Roo.bootstrap", + "items" : [ + { + "xtype" : "Input", + "string placeholder" : "Enter ...", + "String fieldLabel" : "Text", + "$ xns" : "Roo.bootstrap" + }, + { + "xtype" : "Input", + "string placeholder" : "disabled = true", + "Boolean disabled" : true, + "String fieldLabel" : "Text", + "$ xns" : "Roo.bootstrap" + }, + { + "xtype" : "TextArea", + "$ xns" : "Roo.bootstrap", + "String fieldLabel" : "Textarea" + }, + { + "xtype" : "TextArea", + "string placeholder" : "disabled=true", + "Boolean disabled" : true, + "$ xns" : "Roo.bootstrap", + "String fieldLabel" : "Textarea" + }, + { + "String cls" : "has-success", + "xtype" : "Input", + "string placeholder" : "cls = has-success", + "String fieldLabel" : "Input with Success", + "$ xns" : "Roo.bootstrap" + }, + { + "String cls" : "has-warning", + "xtype" : "Input", + "string placeholder" : "cls = has-warning", + "String fieldLabel" : "Input with Warning", + "$ xns" : "Roo.bootstrap" + }, + { + "String cls" : "has-error", + "xtype" : "Input", + "string placeholder" : "cls = has-error", + "String fieldLabel" : "Input with Error", + "$ xns" : "Roo.bootstrap" + }, + { + "xtype" : "CheckBox", + "String boxLabel" : "Checkbox 1", + "$ xns" : "Roo.bootstrap" + }, + { + "Boolean checked" : true, + "String weight" : "primary", + "xtype" : "CheckBox", + "String boxLabel" : "Checkbox weight=primary", + "$ xns" : "Roo.bootstrap" + }, + { + "xtype" : "CheckBox", + "String boxLabel" : "Checkbox Disabled", + "Boolean disabled" : true, + "$ xns" : "Roo.bootstrap" + }, + { + "String name" : "radio", + "xtype" : "Radio", + "String boxLabel" : "Radio 1", + "$ xns" : "Roo.bootstrap", + "string value" : 1 + }, + { + "String name" : "radio", + "xtype" : "Radio", + "String boxLabel" : "Radio (weight=danger)", + "$ xns" : "Roo.bootstrap", + "string value" : 2, + "string weight" : "danger" + }, + { + "String name" : "radio", + "xtype" : "Radio", + "String boxLabel" : "Radio Disabled", + "Boolean disabled" : true, + "$ xns" : "Roo.bootstrap", + "string value" : 3 + }, + { + "String mode" : "local", + "String name" : "combotest", + "String valueField" : "item", + "xtype" : "ComboBox", + "String triggerAction" : "all", + "Boolean editable" : false, + "String fieldLabel" : "ComboBox", + "$ xns" : "Roo.bootstrap", + "String/Roo.Template tpl" : "
  • {item}", + "String displayField" : "item", + "items" : [ + { + "$ Array fields" : "[ 'item' ]", + "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", + "xtype" : "SimpleStore", + "$ xns" : "Roo.data", + "* prop" : "store" + } + ] + }, + { + "String mode" : "local", + "String name" : "combotest", + "String valueField" : "item", + "xtype" : "ComboBox", + "String triggerAction" : "all", + "Boolean editable" : false, + "Boolean disabled" : true, + "String fieldLabel" : "ComboBox disabled", + "$ xns" : "Roo.bootstrap", + "String/Roo.Template tpl" : "
  • {item}", + "String displayField" : "item", + "items" : [ + { + "$ Array fields" : "[ 'item' ]", + "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", + "xtype" : "SimpleStore", + "$ xns" : "Roo.data", + "* prop" : "store" + } + ] + }, + { + "String mode" : "local", + "String name" : "combotest", + "String valueField" : "item", + "xtype" : "ComboBox", + "String triggerAction" : "all", + "Boolean editable" : false, + "String fieldLabel" : "Multiple selection", + "$ xns" : "Roo.bootstrap", + "String/Roo.Template tpl" : "
  • {item}", + "Boolean multiple" : true, + "String displayField" : "item", + "items" : [ + { + "$ Array fields" : "[ 'item' ]", + "$ Array data" : "[ [ 'option a'] ,[ 'option b'] ]", + "xtype" : "SimpleStore", + "$ xns" : "Roo.data", + "* prop" : "store" + } + ] + } + ] + } + ] } - ] + ] + } + ] + } + ] + } + ] } - ] + ] + } + ] + } + ] + } + ] } \ No newline at end of file diff --git a/examples/bootstrap/dashboard1.js b/examples/bootstrap/dashboard1.js index 7e8469ac46..45c79abb17 100644 --- a/examples/bootstrap/dashboard1.js +++ b/examples/bootstrap/dashboard1.js @@ -3,770 +3,813 @@ // Auto generated file - created by app.Builder.js- do not edit directly (at present!) dashboard1 = new Roo.XComponent({ - part : ["bootstrap", "dashboard1" ], - order : '001-dashboard-', - region : 'center', - parent : false, - name : "unnamed module", - disabled : false, - permname : '', - _tree : function() + + _strings : { + 'dbd7790bcd23fde7607101ef6a633779' :"http://", + '680e083786e18d3b9bd07bffd61dc5dc' :"after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>", + 'f6b6d9142474aba10b39e88cf4e06f6e' :"before : @", + '7c4d0cf56e05ed67ec50246c517e149b' :"md 3", + 'cb6b36c6d62d94b76628a4543517f89b' :"md 4", + '1d042703152e2b45f3b2ee38610b9a07' :"General Elements", + 'fe65c0ed916a464efda8e6b69b846d09' :"cls = has-error", + '5f075ae3e1f9d0382bb8c4632991f96f' :"Go", + '69165cb5e53db90fd85e2b0a98f1d77b' :"size sm", + 'a1e27e67ca3c6c3198c36a32e416a65f' :"General Form Elements Preview ", + 'c3d8baf1b9da3d6922aea0057717a0b7' :"Enter email", + 'b85c1bc6f73a44489045c76aafbab96c' :"With checkbox and radio", + 'ac8f3751f51c35383892f7a1684e35ea' :"disabled = true", + 'cb76b3c00a2436a2a0d57f1282cbd66a' :"after : <i class="fa fa-after"></i>", + '5485e0b19975fe1d4400e35162a7c099' :"Quick Example", + 'c4ca4238a0b923820dcc509a6f75849b' :"1", + 'e7ef9c258353d78ca676588bd59ec915' :"cls = has-warning", + 'c81e728d9d4c2f636f067f89cc14862c' :"2", + '483bc24d842fe8f3ec3a6f92fbd31922' :"Enter password", + '2c5c51fe5216e88d91a0a29c8c22b26f' :"before : <i class="fa fa-envelope"></i>", + '8d71e1fffea14ff1d8b7acbe0ded4305' :"With buttons", + 'eccbc87e4b5ce2fe28308fd9f2a7baf3' :"3", + '5f7a612768f22e04c0a0c4bb0c24ce91' :"size md", + '08583f18f5ab76dcb709f7b34eb59104' :"Different Height", + '7099e6d377281665976e57e80ba5fe0d' :"before $, after: .00", + '088eb66998a403897b60aa8ee9115c91' :"cls = has-success", + '343f7d4e4b503d9b9cb282205a4d5858' :"after: .00", + '3b545ecbbdf3673f195c5a692fefa928' :"disabled=true", + '221fd7bbd5b513f2c2db2939fcefec96' :"after - a button", + '76946ef61117810371fa41415c86a2ed' :"size lg", + '71f30e09efd6fac81e65a32a32a1c6ac' :"With Icons", + 'f8eae6750519389e078e1eb1bcb3d708' :"https://", + '1d74eaa01575d5f21d7a8e54154126e3' :"before : - an object... ", + '2f24bf395be7b31a10b6d501801d4099' :"Input Addon", + '6f0e2583dbfc8eab280b4709a8c87b4b' :"Different Width", + 'd1457b72c3fb323a2671125aef3eab5d' :"?", + '4c3d0e43b52db64c94f842da7fc7224c' :"Enter ...", + 'a4d3b161ce1309df1c4e25df28694b7b' :"Submit" + }, + + part : ["bootstrap", "dashboard1" ], + order : '001-dashboard-', + region : 'center', + parent : false, + name : "unnamed module", + disabled : false, + permname : '', + _tree : function() + { + var _this = this; + var MODULE = this; + return { + '|xns' : 'Roo.bootstrap', + cls : 'skin-blue', + xns : Roo.bootstrap, + xtype : 'Body', + items : [ + Roo.apply(Dashboard.Header1._tree(), { + '|xns' : 'Roo.bootstrap', + cls : 'header', + tag : 'header', + xns : Roo.bootstrap, + xtype : 'Container' + }), { - var _this = this; - var MODULE = this; - return { - '|xns' : 'Roo.bootstrap', - cls : 'skin-blue', - xtype : 'Body', - xns : Roo.bootstrap, - items : [ - Roo.apply(Dashboard.Header1._tree(), { - '|xns' : 'Roo.bootstrap', - cls : 'header', - tag : 'header', - xtype : 'Container', - xns : Roo.bootstrap - }), - { - '|xns' : 'Roo.bootstrap', - cls : 'wrapper row-offcanvas row-offcanvas-left', - xtype : 'Container', - 'flexy:include' : 'Sidebar.html', - xns : Roo.bootstrap, - items : [ - Roo.apply(Dashboard.Sidebar2._tree(), { - '|xns' : 'Roo.bootstrap', - tag : 'aside', - cls : 'left-side sidebar-offcanvas', - xtype : 'Container', - xns : Roo.bootstrap - }), - { - '|xns' : 'Roo.bootstrap', - tag : 'aside', - cls : 'right-side', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - tag : 'section', - cls : 'content-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Header', - xns : Roo.bootstrap, - html : 'General Form Elements Preview ' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - tag : 'section', - cls : 'content', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Row', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - md : 6, - xtype : 'Column', - xns : Roo.bootstrap, - sm : 12, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box box-primary', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-title', - xtype : 'Header', - xns : Roo.bootstrap, - level : 3, - html : 'Quick Example' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'Enter password', - inputType : 'password', - fieldLabel : 'Password', - xns : Roo.bootstrap - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Form', - labelAlign : 'top', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-body', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'Enter email', - fieldLabel : 'Email Address', - xns : Roo.bootstrap, - vtype : 'email' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'Enter email', - inputType : 'file', - fieldLabel : 'File Input', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'CheckBox', - boxLabel : 'checkbox', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - weight : 'primary', - xtype : 'Button', - xns : Roo.bootstrap, - html : 'Submit' - } - ] - - } - ] - - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'box box-success', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-title', - xtype : 'Header', - xns : Roo.bootstrap, - level : 3, - html : 'Different Height' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Form', - labelAlign : 'top', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-body', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'size lg', - xns : Roo.bootstrap, - size : 'lg' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'size md', - xns : Roo.bootstrap, - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'size sm', - xns : Roo.bootstrap, - size : 'sm' - } - ] - - } - ] - - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'box box-danger', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-title', - xtype : 'Header', - xns : Roo.bootstrap, - level : 3, - html : 'Different Width' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Form', - labelAlign : 'top', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-body', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Row', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - md : 3, - xtype : 'Input', - placeholder : 'md 3', - xns : Roo.bootstrap, - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - md : 3, - xtype : 'Input', - placeholder : 'md 4', - xns : Roo.bootstrap, - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - md : 5, - xtype : 'Input', - placeholder : 'md 3', - xns : Roo.bootstrap, - size : 'md' - } - ] - - } - ] - - } - ] - - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'box box-info', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-title', - xtype : 'Header', - xns : Roo.bootstrap, - level : 3, - html : 'Input Addon' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Form', - labelAlign : 'top', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-body', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'before : @', - xns : Roo.bootstrap, - before : '@', - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'after: .00', - xns : Roo.bootstrap, - size : 'md', - after : 0 - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'before $, after: .00', - xns : Roo.bootstrap, - before : '$', - size : 'md', - after : 0 - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Header', - level : 4, - xns : Roo.bootstrap, - html : 'With Icons' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'before : <i class="fa fa-envelope"></i>', - xns : Roo.bootstrap, - before : '', - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'after : <i class="fa fa-after"></i>', - xns : Roo.bootstrap, - size : 'md', - after : '' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'after : <i class="fa fa-ambulance"></i> before : <i class="fa fa-dollar"></i>', - xns : Roo.bootstrap, - before : '', - size : 'md', - after : '' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Header', - xns : Roo.bootstrap, - level : 4, - html : 'With checkbox and radio' - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Row', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - md : 6, - xtype : 'Input', - placeholder : '?', - xns : Roo.bootstrap, - before : 'fixme', - size : 'md' - }, - { - '|xns' : 'Roo.bootstrap', - md : 6, - xtype : 'Input', - placeholder : 'md 4', - xns : Roo.bootstrap, - size : 'md' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Header', - level : 4, - xns : Roo.bootstrap, - html : 'With buttons' - }, - { - before : { - menu : { - '|xns' : 'Roo.bootstrap', - xtype : 'Menu', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'MenuItem', - xns : Roo.bootstrap, - html : 'http://', - listeners : { - click : function (e) - { - _this.httpButton.setText("http://"); - } - } - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'MenuItem', - xns : Roo.bootstrap, - html : 'https://', - listeners : { - click : function (e) - { - _this.httpButton.setText("https://"); - } - } - } - ] - - }, - '|xns' : 'Roo.bootstrap', - weight : 'primary', - xtype : 'Button', - xns : Roo.bootstrap, - html : 'http://', - listeners : { - render : function (_self) - { - _this.httpButton = _self; - } - }, - items : [ - - ] - - }, - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'before : - an object... ', - xns : Roo.bootstrap, - size : 'md', - items : [ - - ] - - }, - { - after : { - '|xns' : 'Roo.bootstrap', - weight : 'success', - xtype : 'Button', - xns : Roo.bootstrap, - html : 'Go' - }, - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'after - a button', - xns : Roo.bootstrap, - size : 'md', - items : [ - - ] - - } - ] - - } - ] - - } - ] - - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - md : 6, - xtype : 'Column', - xns : Roo.bootstrap, - sm : 12, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box box-warning', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-header', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-title', - xtype : 'Header', - xns : Roo.bootstrap, - level : 3, - html : 'General Elements' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Form', - labelAlign : 'top', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - cls : 'box-body', - xtype : 'Container', - xns : Roo.bootstrap, - items : [ - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'Enter ...', - fieldLabel : 'Text', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'Input', - placeholder : 'disabled = true', - disabled : true, - fieldLabel : 'Text', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'TextArea', - fieldLabel : 'Textarea', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'TextArea', - placeholder : 'disabled=true', - disabled : true, - xns : Roo.bootstrap, - fieldLabel : 'Textarea' - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'has-success', - xtype : 'Input', - placeholder : 'cls = has-success', - fieldLabel : 'Input with Success', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'has-warning', - xtype : 'Input', - placeholder : 'cls = has-warning', - fieldLabel : 'Input with Warning', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - cls : 'has-error', - xtype : 'Input', - placeholder : 'cls = has-error', - fieldLabel : 'Input with Error', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'CheckBox', - boxLabel : 'Checkbox 1', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - checked : true, - weight : 'primary', - xtype : 'CheckBox', - boxLabel : 'Checkbox weight=primary', - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - xtype : 'CheckBox', - boxLabel : 'Checkbox Disabled', - disabled : true, - xns : Roo.bootstrap - }, - { - '|xns' : 'Roo.bootstrap', - name : 'radio', - xtype : 'Radio', - boxLabel : 'Radio 1', - xns : Roo.bootstrap, - value : 1 - }, - { - '|xns' : 'Roo.bootstrap', - name : 'radio', - xtype : 'Radio', - boxLabel : 'Radio (weight=danger)', - xns : Roo.bootstrap, - value : 2, - weight : 'danger' - }, - { - '|xns' : 'Roo.bootstrap', - name : 'radio', - xtype : 'Radio', - boxLabel : 'Radio Disabled', - disabled : true, - xns : Roo.bootstrap, - value : 3 - }, - { - store : { - '|xns' : 'Roo.data', - fields : [ 'item' ], - data : [ [ 'option a'] ,[ 'option b'] ], - xtype : 'SimpleStore', - xns : Roo.data - }, - '|xns' : 'Roo.bootstrap', - mode : 'local', - name : 'combotest', - valueField : 'item', - xtype : 'ComboBox', - triggerAction : 'all', - editable : false, - fieldLabel : 'ComboBox', - xns : Roo.bootstrap, - tpl : '
  • {item}', - displayField : 'item', - items : [ - - ] - - }, - { - store : { - '|xns' : 'Roo.data', - fields : [ 'item' ], - data : [ [ 'option a'] ,[ 'option b'] ], - xtype : 'SimpleStore', - xns : Roo.data - }, - '|xns' : 'Roo.bootstrap', - mode : 'local', - name : 'combotest', - valueField : 'item', - xtype : 'ComboBox', - triggerAction : 'all', - editable : false, - disabled : true, - fieldLabel : 'ComboBox disabled', - xns : Roo.bootstrap, - tpl : '
  • {item}', - displayField : 'item', - items : [ - - ] - - }, - { - store : { - '|xns' : 'Roo.data', - fields : [ 'item' ], - data : [ [ 'option a'] ,[ 'option b'] ], - xtype : 'SimpleStore', - xns : Roo.data - }, - '|xns' : 'Roo.bootstrap', - mode : 'local', - name : 'combotest', - valueField : 'item', - xtype : 'ComboBox', - triggerAction : 'all', - editable : false, - fieldLabel : 'Multiple selection', - xns : Roo.bootstrap, - tpl : '
  • {item}', - multiple : true, - displayField : 'item', - items : [ - - ] - - } - ] - - } - ] - - } - ] - - } - ] - - } - ] - - } - ] - - } - ] + '|xns' : 'Roo.bootstrap', + cls : 'wrapper row-offcanvas row-offcanvas-left', + 'flexy:include' : 'Sidebar.html', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + Roo.apply(Dashboard.Sidebar2._tree(), { + '|xns' : 'Roo.bootstrap', + cls : 'left-side sidebar-offcanvas', + tag : 'aside', + xns : Roo.bootstrap, + xtype : 'Container' + }), + { + '|xns' : 'Roo.bootstrap', + cls : 'right-side', + tag : 'aside', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'content-header', + tag : 'section', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['a1e27e67ca3c6c3198c36a32e416a65f'], + xns : Roo.bootstrap, + xtype : 'Header' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'content', + tag : 'section', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + xns : Roo.bootstrap, + xtype : 'Row', + items : [ + { + '|xns' : 'Roo.bootstrap', + md : 6, + sm : 12, + xns : Roo.bootstrap, + xtype : 'Column', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box box-primary', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-header', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-title', + html : _this._strings['5485e0b19975fe1d4400e35162a7c099'], + level : 3, + xns : Roo.bootstrap, + xtype : 'Header' + }, + { + '|xns' : 'Roo.bootstrap', + fieldLabel : 'Password', + inputType : 'password', + placeholder : _this._strings['483bc24d842fe8f3ec3a6f92fbd31922'], + tooltip : 'Hello world', + xns : Roo.bootstrap, + xtype : 'Input' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + labelAlign : 'top', + xns : Roo.bootstrap, + xtype : 'Form', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-body', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + fieldLabel : 'Email Address', + placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'], + vtype : 'email', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + fieldLabel : 'File Input', + inputType : 'file', + placeholder : _this._strings['c3d8baf1b9da3d6922aea0057717a0b7'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'checkbox', + xns : Roo.bootstrap, + xtype : 'CheckBox' + }, + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['a4d3b161ce1309df1c4e25df28694b7b'], + weight : 'primary', + xns : Roo.bootstrap, + xtype : 'Button' + } + ] + + } + ] + + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'box box-success', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-header', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-title', + html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'], + level : 3, + xns : Roo.bootstrap, + xtype : 'Header' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + labelAlign : 'top', + xns : Roo.bootstrap, + xtype : 'Form', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-body', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'], + size : 'lg', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'], + size : 'sm', + xns : Roo.bootstrap, + xtype : 'Input' + } + ] + + } + ] + + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'box box-danger', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-header', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-title', + html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'], + level : 3, + xns : Roo.bootstrap, + xtype : 'Header' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + labelAlign : 'top', + xns : Roo.bootstrap, + xtype : 'Form', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-body', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + xns : Roo.bootstrap, + xtype : 'Row', + items : [ + { + '|xns' : 'Roo.bootstrap', + md : 3, + placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + md : 3, + placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + md : 5, + placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + } + ] + + } + ] + + } + ] + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'box box-info', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-header', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-title', + html : _this._strings['2f24bf395be7b31a10b6d501801d4099'], + level : 3, + xns : Roo.bootstrap, + xtype : 'Header' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + labelAlign : 'top', + xns : Roo.bootstrap, + xtype : 'Form', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-body', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + before : '@', + placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + after : 0, + placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + after : 0, + before : '$', + placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'], + level : 4, + xns : Roo.bootstrap, + xtype : 'Header' + }, + { + '|xns' : 'Roo.bootstrap', + before : '', + placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + after : '', + placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + after : '', + before : '', + placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'], + level : 4, + xns : Roo.bootstrap, + xtype : 'Header' + }, + { + '|xns' : 'Roo.bootstrap', + xns : Roo.bootstrap, + xtype : 'Row', + items : [ + { + '|xns' : 'Roo.bootstrap', + before : 'fixme', + md : 6, + placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + md : 6, + placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'], + level : 4, + xns : Roo.bootstrap, + xtype : 'Header' + }, + { + before : { + menu : { + '|xns' : 'Roo.bootstrap', + xns : Roo.bootstrap, + xtype : 'Menu', + items : [ + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['dbd7790bcd23fde7607101ef6a633779'], + xns : Roo.bootstrap, + xtype : 'MenuItem', + listeners : { + click : function (e) + { + _this.httpButton.setText("http://"); + } + } + }, + { + '|xns' : 'Roo.bootstrap', + html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'], + xns : Roo.bootstrap, + xtype : 'MenuItem', + listeners : { + click : function (e) + { + _this.httpButton.setText("https://"); + } + } } - ] + ] + + }, + '|xns' : 'Roo.bootstrap', + html : _this._strings['dbd7790bcd23fde7607101ef6a633779'], + weight : 'primary', + xns : Roo.bootstrap, + xtype : 'Button', + listeners : { + render : function (_self) + { + _this.httpButton = _self; + } + }, + items : [ + + ] + + }, + '|xns' : 'Roo.bootstrap', + placeholder : _this._strings['1d74eaa01575d5f21d7a8e54154126e3'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input', + items : [ + + ] + + }, + { + after : { + '|xns' : 'Roo.bootstrap', + html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'], + weight : 'success', + xns : Roo.bootstrap, + xtype : 'Button' + }, + '|xns' : 'Roo.bootstrap', + placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'], + size : 'md', + xns : Roo.bootstrap, + xtype : 'Input', + items : [ + + ] + + } + ] + + } + ] } - ] + ] + + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + md : 6, + sm : 12, + xns : Roo.bootstrap, + xtype : 'Column', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box box-warning', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-header', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-title', + html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'], + level : 3, + xns : Roo.bootstrap, + xtype : 'Header' + } + ] + + }, + { + '|xns' : 'Roo.bootstrap', + labelAlign : 'top', + xns : Roo.bootstrap, + xtype : 'Form', + items : [ + { + '|xns' : 'Roo.bootstrap', + cls : 'box-body', + xns : Roo.bootstrap, + xtype : 'Container', + items : [ + { + '|xns' : 'Roo.bootstrap', + fieldLabel : 'Text', + placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + disabled : true, + fieldLabel : 'Text', + placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + fieldLabel : 'Textarea', + xns : Roo.bootstrap, + xtype : 'TextArea' + }, + { + '|xns' : 'Roo.bootstrap', + disabled : true, + fieldLabel : 'Textarea', + placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'], + xns : Roo.bootstrap, + xtype : 'TextArea' + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'has-success', + fieldLabel : 'Input with Success', + placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'has-warning', + fieldLabel : 'Input with Warning', + placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + cls : 'has-error', + fieldLabel : 'Input with Error', + placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'], + xns : Roo.bootstrap, + xtype : 'Input' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Checkbox 1', + xns : Roo.bootstrap, + xtype : 'CheckBox' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Checkbox weight=primary', + checked : true, + weight : 'primary', + xns : Roo.bootstrap, + xtype : 'CheckBox' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Checkbox Disabled', + disabled : true, + xns : Roo.bootstrap, + xtype : 'CheckBox' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Radio 1', + name : 'radio', + value : 1, + xns : Roo.bootstrap, + xtype : 'Radio' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Radio (weight=danger)', + name : 'radio', + value : 2, + weight : 'danger', + xns : Roo.bootstrap, + xtype : 'Radio' + }, + { + '|xns' : 'Roo.bootstrap', + boxLabel : 'Radio Disabled', + disabled : true, + name : 'radio', + value : 3, + xns : Roo.bootstrap, + xtype : 'Radio' + }, + { + store : { + '|xns' : 'Roo.data', + data : [ [ 'option a'] ,[ 'option b'] ], + fields : [ 'item' ], + xns : Roo.data, + xtype : 'SimpleStore' + }, + '|xns' : 'Roo.bootstrap', + displayField : 'item', + editable : false, + fieldLabel : 'ComboBox', + mode : 'local', + name : 'combotest', + tpl : '
  • {item}', + triggerAction : 'all', + valueField : 'item', + xns : Roo.bootstrap, + xtype : 'ComboBox', + items : [ + + ] + + }, + { + store : { + '|xns' : 'Roo.data', + data : [ [ 'option a'] ,[ 'option b'] ], + fields : [ 'item' ], + xns : Roo.data, + xtype : 'SimpleStore' + }, + '|xns' : 'Roo.bootstrap', + disabled : true, + displayField : 'item', + editable : false, + fieldLabel : 'ComboBox disabled', + mode : 'local', + name : 'combotest', + tpl : '
  • {item}', + triggerAction : 'all', + valueField : 'item', + xns : Roo.bootstrap, + xtype : 'ComboBox', + items : [ + + ] + + }, + { + store : { + '|xns' : 'Roo.data', + data : [ [ 'option a'] ,[ 'option b'] ], + fields : [ 'item' ], + xns : Roo.data, + xtype : 'SimpleStore' + }, + '|xns' : 'Roo.bootstrap', + displayField : 'item', + editable : false, + fieldLabel : 'Multiple selection', + mode : 'local', + multiple : true, + name : 'combotest', + tpl : '
  • {item}', + triggerAction : 'all', + valueField : 'item', + xns : Roo.bootstrap, + xtype : 'ComboBox', + items : [ + + ] + + } + ] + + } + ] + + } + ] + + } + ] + + } + ] + + } + ] + + } + ] + + } + ] + + } + ] - }; } + }; } }); -- 2.39.2