X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=examples%2Fbootstrap%2Fdashboard4.js;h=2bbba6594a15a07df7504e38b35e59420cae3969;hp=10e3b85b752b38cc2fd3f87a5aea875f3a67b84f;hb=405704c45feb8165614b274cf3797b4e1291dd45;hpb=b8be64407618c1435368a52ad7dba2e05e9e0806 diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js index 10e3b85b75..2bbba6594a 100644 --- a/examples/bootstrap/dashboard4.js +++ b/examples/bootstrap/dashboard4.js @@ -10,7 +10,6 @@ dashboard4 = new Roo.XComponent({ '0d61f8370cad1d412f80b84d143e1257' :"C", 'f623e75af30e62bbd73d6df5b50bb7b5' :"D", '3a3ea00cfc35332cedf6e5e9a32e94da' :"E", - '30bd2ce65d1e43e9c498b7d5d49f3b78' :"Dashboard Example Control panel ", '70ce2e7a27cab2a670ca954f8362e19f' :"tab 2 content", '800618943025315f869e4e1f09471012' :"F", '18327168fcb401af02b4615b43d637ad' :"Pick from list", @@ -24,211 +23,158 @@ dashboard4 = new Roo.XComponent({ name : "unnamed module", disabled : false, permname : '', - _tree : function() + _tree : function(_data) { var _this = this; var MODULE = this; return { - '|xns' : 'Roo.bootstrap', + xtype : 'Body', 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' - }), + '|xns' : 'Roo.bootstrap', + 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' - }), + cls : 'content', + tag : 'section', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ { - '|xns' : 'Roo.bootstrap', - cls : 'right-side', - tag : 'aside', + xtype : 'Row', xns : Roo.bootstrap, - xtype : 'Container', - items : [ + '|xns' : 'Roo.bootstrap', + items : [ { - '|xns' : 'Roo.bootstrap', - cls : 'content-header', - tag : 'section', + xtype : 'Column', + lg : 6, + md : 6, + sm : 12, + style : '', xns : Roo.bootstrap, - xtype : 'Container', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['30bd2ce65d1e43e9c498b7d5d49f3b78'], - xns : Roo.bootstrap, - xtype : 'Header' - } - ] - - }, - { '|xns' : 'Roo.bootstrap', - cls : 'content', - tag : 'section', - xns : Roo.bootstrap, - xtype : 'Container', - items : [ + items : [ { - '|xns' : 'Roo.bootstrap', - xns : Roo.bootstrap, - xtype : 'Row', - items : [ + xtype : 'TabBox', + title : _this._strings['18327168fcb401af02b4615b43d637ad'] /* Pick from list */, + listeners : { + render : function (_self) + { + _this.testbox = _self; + } + }, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ { - '|xns' : 'Roo.bootstrap', - lg : 6, - md : 6, - sm : 12, - style : '', - xns : Roo.bootstrap, - xtype : 'Column', - items : [ + xtype : 'TabPane', + title : _this._strings['7fc56270e7a70fa81a5935b72eacbe29'] /* A */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['18327168fcb401af02b4615b43d637ad'], - xns : Roo.bootstrap.dash, - xtype : 'TabBox', - listeners : { - render : function (_self) - { - _this.testbox = _self; - } - }, - items : [ - { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['7fc56270e7a70fa81a5935b72eacbe29'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - xns : Roo.bootstrap, - xtype : 'Column', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['9db5682a4d778ca2cb79580bdb67083f'], - size : 'sm', - xns : Roo.bootstrap, - xtype : 'Button' - } - ] - - } - ] - - }, - { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['9d5ed678fe57bcca610140957afab571'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'], - xns : Roo.bootstrap, - xtype : 'Column' - } - ] - - }, + xtype : 'Column', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['0d61f8370cad1d412f80b84d143e1257'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'], - xns : Roo.bootstrap, - xtype : 'Column' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['f623e75af30e62bbd73d6df5b50bb7b5'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'], - xns : Roo.bootstrap, - xtype : 'Column' - } - ] - + xtype : 'Button', + html : _this._strings['9db5682a4d778ca2cb79580bdb67083f'] /* Some text */, + size : 'sm', + weight : 'warning', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' }, { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['3a3ea00cfc35332cedf6e5e9a32e94da'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'], - xns : Roo.bootstrap, - xtype : 'Column' - } - ] - - }, - { - '|xns' : 'Roo.bootstrap.dash', - title : _this._strings['800618943025315f869e4e1f09471012'], - xns : Roo.bootstrap.dash, - xtype : 'TabPane', - items : [ - { - '|xns' : 'Roo.bootstrap', - html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'], - xns : Roo.bootstrap, - xtype : 'Column' - } - ] - + xtype : 'Button', + html : _this._strings['9db5682a4d778ca2cb79580bdb67083f'] /* Some text */, + size : 'sm', + weight : 'warning', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' } ] - } ] - + }, + { + xtype : 'TabPane', + title : _this._strings['9d5ed678fe57bcca610140957afab571'] /* B */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ + { + xtype : 'Column', + html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + }, + { + xtype : 'TabPane', + title : _this._strings['0d61f8370cad1d412f80b84d143e1257'] /* C */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ + { + xtype : 'Column', + html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + }, + { + xtype : 'TabPane', + title : _this._strings['f623e75af30e62bbd73d6df5b50bb7b5'] /* D */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ + { + xtype : 'Column', + html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + }, + { + xtype : 'TabPane', + title : _this._strings['3a3ea00cfc35332cedf6e5e9a32e94da'] /* E */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ + { + xtype : 'Column', + html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + }, + { + xtype : 'TabPane', + title : _this._strings['800618943025315f869e4e1f09471012'] /* F */, + xns : Roo.bootstrap.dash, + '|xns' : 'Roo.bootstrap.dash', + items : [ + { + xtype : 'Column', + html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'] /* tab 2 content */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] } ] - } ] - } ] - } ] - } ] - }; } });