{
"name" : "dashboard3",
"parent" : "",
"title" : "",
"path" : "/home/alan/gitlive/roojs1/examples/bootstrap/dashboard3.bjs",
"permname" : "",
"modOrder" : "001",
"strings" : {
"1f9ff97aa2f49a79388004e1e57f2320" : "New Orders ",
"fc0d5184491559c092364744b2247373" : "first tab",
"30bd2ce65d1e43e9c498b7d5d49f3b78" : "Dashboard Example Control panel ",
"b73ce398c39f506af761d2277d853a92" : "160",
"7ef605fc8dba5425d6965fbd4c8fbe1f" : "150",
"70ce2e7a27cab2a670ca954f8362e19f" : "tab 2 content",
"f3ff0ceca73743a13990e970c318fc36" : "",
"34ae6773410925b4574e656be194f0ad" : "income",
"e864378363f435160e7c2209cc2949b7" : "",
"1d17cb9923b99f823da9f5a16dc460e5" : "Department",
"222a267cc5778206b253be35ee3ddab5" : "Current",
"75f1bb6830981ca0ce62c3eb434373ba" : "Table tabs",
"c4f5a294a273c3a1c97642a76f15c5c7" : "tab 1",
"2d0175894e0fe09186d38fe7a7160294" : "second tab",
"1b9b097340a24b31632ed601a9107832" : "This is a random string ",
"9fc10133312e352754f8ca264a3e272d" : "New Orders",
"9a7b64c98b066602b21f869ae7cd673a" : "test 1",
"58a00f6a3da23fc3821f24115493b750" : "tab 2",
"3c8d74bd7be3168fe440d9c85da42be8" : " Alert test alert",
"d80590035c13589acfbdd2b2dcb60773" : "Aspire"
},
"items" : [
{
"String cls" : "skin-blue",
"xtype" : "Body",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"String cls" : "header",
"tag" : "header",
"xtype" : "Container",
"* 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 tag" : "section",
"String cls" : "content-header",
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"xtype" : "Header",
"$ xns" : "Roo.bootstrap",
"String html" : "Dashboard Example Control panel "
}
]
},
{
"String tag" : "section",
"String cls" : "content",
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"Number md" : 3,
"xtype" : "Column",
"Number lg" : 3,
"$ xns" : "Roo.bootstrap",
"items" : [
{
"bgcolor" : "",
"String cls" : "",
"xtype" : "NumberBox",
"String headline" : 160,
"$ xns" : "Roo.bootstrap.dash",
"width" : "col-md-5",
"String title" : "New Orders ",
"String style" : "col-md-3",
"height" : 150,
"string _aformat" : "This is a random string "
}
]
},
{
"Number md" : 3,
"xtype" : "Column",
"Number lg" : 3,
"$ xns" : "Roo.bootstrap",
"items" : [
{
"bgcolor" : "green",
"String cls" : "",
"xtype" : "NumberBox",
"String headline" : 150,
"$ xns" : "Roo.bootstrap.dash",
"width" : "col-md-5",
"String title" : "New Orders",
"String style" : "col-lg-3",
"height" : 150
}
]
},
{
"Number md" : 3,
"xtype" : "Column",
"Number lg" : 3,
"$ xns" : "Roo.bootstrap",
"items" : [
{
"bgcolor" : "yellow",
"xtype" : "NumberBox",
"String headline" : 150,
"$ xns" : "Roo.bootstrap.dash",
"width" : "col-md-5",
"String title" : "New Orders",
"String style" : "col-lg-3",
"height" : 150
}
]
},
{
"Number md" : 3,
"Number lg" : 3,
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"bgcolor" : "red",
"xtype" : "NumberBox",
"String headline" : 150,
"$ xns" : "Roo.bootstrap.dash",
"width" : "",
"String title" : "New Orders",
"String style" : "col-lg-3",
"height" : 150
}
]
}
]
},
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"string alert" : "danger",
"string fa" : "ban",
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"String html" : " Alert test alert"
}
]
},
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"Number md" : 6,
"xtype" : "Column",
"Number lg" : 6,
"$ xns" : "Roo.bootstrap",
"String style" : "",
"Number sm" : 12,
"items" : [
{
"listeners" : {
"render" : "function (_self)\n{\n _this.testbox = _self;\n}"
},
"xtype" : "TabBox",
"$ xns" : "Roo.bootstrap.dash",
"String title" : "test 1",
"items" : [
{
"xtype" : "TabPane",
"$ xns" : "Roo.bootstrap.dash",
"string title" : "Table tabs",
"items" : [
{
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"listeners" : {
"cellclick" : "function (_self, el, rowIndex, columnIndex, e)\n{\n \n\n var cm = this.colModel.getColumnById(this.colModel.getColumnId(columnIndex));\n if (cm.dataIndex == 'current') {\n var rec = _this.listTable.ds.getAt(rowIndex);\n \n rec.set('current', rec.data.current * 1 ? '0' : '1');\n\n //_this.listTable.ds.fireEvent(\"datachanged\", this);\n rec.commit();\n return;\n }\n if (cm.dataIndex == 'aspire') {\n var rec = _this.listTable.ds.getAt(rowIndex);\n \n rec.set('aspire', rec.data.aspire * 1 ? '0' : '1');\n\n //_this.listTable.ds.fireEvent(\"datachanged\", this);\n rec.commit();\n return;\n }\n\n \n}",
"|render" : "function (_self)\n{\n _this.listTable = _self;\n (function() { _self.store.load({}); }).defer(100)\n}"
},
"xtype" : "Table",
"Boolean CellSelection" : true,
"$ xns" : "Roo.bootstrap",
"Boolean RowSelection" : true,
"items" : [
{
"$ Array data" : "[\n [ 'A TEST', '1', '0' ],\n \n [ 'B test', '1', '0' ],\n [ 'C test', '1', '0' ],\n [ 'D test', '1', '0' ]\n]",
"boolean isLocal" : true,
"$ Array fields" : "[ 'display_name', 'current', 'aspire' ]",
"xtype" : "SimpleStore",
"$ xns" : "Roo.data",
"* prop" : "store"
},
{
"String header" : "Department",
"String dataIndex" : "display_name",
"xtype" : "ColumnModel",
"$ xns" : "Roo.grid",
"* prop" : "cm[]"
},
{
"String header" : "Current",
"String dataIndex" : "current",
"xtype" : "ColumnModel",
"$ xns" : "Roo.grid",
"$ renderer" : "function(v) { \n\n var state = v> 0 ? '-checked' : '';\n\n return v*1 > 0 ? 'X' : '-'; \n \n }",
"* prop" : "cm[]"
},
{
"String header" : "Aspire",
"String dataIndex" : "aspire",
"xtype" : "ColumnModel",
"$ xns" : "Roo.grid",
"$ renderer" : "function(v) { \n var state = v> 0 ? '-checked' : '';\n return v*1 > 0 ? 'X' : '-'; \n }",
"* prop" : "cm[]"
}
]
}
]
}
]
},
{
"xtype" : "TabPane",
"$ xns" : "Roo.bootstrap.dash",
"string title" : "tab 2",
"items" : [
{
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"String html" : "tab 2 content"
}
]
}
]
}
]
},
{
"Number md" : 6,
"Number lg" : 6,
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"String style" : "",
"Number sm" : 12,
"items" : [
{
"String cls" : "nav-tabs-custom",
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"xtype" : "Header",
"$ xns" : "Roo.bootstrap",
"String html" : "income",
"String style" : "margin: 10,10,0,0"
}
]
}
]
}
]
},
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"Number md" : 6,
"Number lg" : 6,
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"String style" : "",
"Number sm" : 12,
"items" : [
{
"listeners" : {
"render" : "function (_self)\n{\n _this.testbox = _self;\n}"
},
"xtype" : "TabBox",
"$ xns" : "Roo.bootstrap.dash",
"String title" : "test 1",
"items" : [
{
"xtype" : "TabPane",
"$ xns" : "Roo.bootstrap.dash",
"string title" : "tab 1",
"items" : [
{
"xtype" : "Column",
"$ xns" : "Roo.bootstrap"
}
]
},
{
"xtype" : "TabPane",
"$ xns" : "Roo.bootstrap.dash",
"string title" : "tab 2",
"items" : [
{
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"String html" : "tab 2 content"
}
]
}
]
}
]
},
{
"Number md" : 6,
"xtype" : "Column",
"Number lg" : 6,
"$ xns" : "Roo.bootstrap",
"String style" : "",
"Number sm" : 12,
"items" : [
{
"String cls" : "nav-tabs-custom",
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"xtype" : "Header",
"$ xns" : "Roo.bootstrap",
"String html" : "income",
"String style" : "margin: 10,10,0,0"
}
]
}
]
}
]
},
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"listeners" : {
"render" : "function (_self)\n{\n _this.tabgroup = _self;\n}"
},
"Number lg" : 12,
"xtype" : "TabGroup",
"boolean carousel" : true,
"$ xns" : "Roo.bootstrap",
"string navId" : "#sample1",
"items" : [
{
"listeners" : {
"render" : "function (_self)\n{\n_this.tab_second = _self;\n}"
},
"Boolean active" : true,
"String cls" : "item",
"xtype" : "TabPanel",
"$ xns" : "Roo.bootstrap",
"String tabId" : "#second",
"String navId" : "#sample1",
"items" : [
{
"xtype" : "Header",
"$ xns" : "Roo.bootstrap",
"Number level" : 3,
"String html" : "first tab"
},
{
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"String well" : "md",
"String style" : "padding-left:50px;padding-right:50px;",
"items" : [
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"Number md" : 6,
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"labelAlign" : "top",
"fieldLabel" : "Some input",
"xtype" : "Input",
"allowBlank" : true,
"$ xns" : "Roo.bootstrap",
"name" : "chosen_title"
}
]
}
]
}
]
}
]
},
{
"listeners" : {
"render" : "function (_self)\n{\n_this.tab_first = _self;\n}"
},
"Boolean active" : false,
"String cls" : "item",
"xtype" : "TabPanel",
"$ xns" : "Roo.bootstrap",
"String tabId" : "#first",
"String navId" : "#sample1",
"items" : [
{
"xtype" : "Header",
"Number level" : 3,
"$ xns" : "Roo.bootstrap",
"String html" : "second tab"
},
{
"xtype" : "Container",
"$ xns" : "Roo.bootstrap",
"String well" : "md",
"String style" : "padding-left:50px;padding-right:50px;",
"items" : [
{
"xtype" : "Row",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"Number md" : 6,
"xtype" : "Column",
"$ xns" : "Roo.bootstrap",
"items" : [
{
"labelAlign" : "top",
"fieldLabel" : "This is a label",
"xtype" : "Input",
"allowBlank" : true,
"$ xns" : "Roo.bootstrap",
"name" : "chosen_title"
}
]
}
]
}
]
}
]
},
{
"listeners" : {
"click" : "function (e)\n{\n _this.tabgroup.showPanelPrev();\n}"
},
"String cls" : "carousel-control left",
"Boolean preventDefault" : true,
"xtype" : "Link",
"$ xns" : "Roo.bootstrap",
"String html" : ""
},
{
"listeners" : {
"click" : "function (e)\n{\n _this.tabgroup.showPanelNext();\n}"
},
"String cls" : "carousel-control right",
"Boolean preventDefault" : true,
"xtype" : "Link",
"$ xns" : "Roo.bootstrap",
"String html" : ""
}
]
}
]
}
]
}
]
}
]
}
]
}
]
}