Updated Branches: refs/heads/ui-list-view-multiple-actions [created] 5a6c6467c
Add header toolbar, show/hide ability Add new method to dataTable, 'toggleExpandToolbar', which show/hides a top header toolbar. Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/5a6c6467 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/5a6c6467 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/5a6c6467 Branch: refs/heads/ui-list-view-multiple-actions Commit: 5a6c6467c189d46371900f9dcfcd78774f85e530 Parents: f9e9487 Author: Brian Federle <[email protected]> Authored: Tue Mar 5 13:26:51 2013 -0800 Committer: Brian Federle <[email protected]> Committed: Tue Mar 5 13:26:51 2013 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 20 ++++++++++++++++++++ ui/scripts/ui/widgets/dataTable.js | 8 ++++++++ 2 files changed, 28 insertions(+), 0 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/5a6c6467/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index cb1debc..0aebfea 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -259,6 +259,26 @@ table th div.ui-resizable-handle { float: right; } +.data-table .sub-header { + width: 755px; + height: 27px; + background: url(../images/bg-gradients.png) repeat-x 0px 0px; + /*+placement:shift 0px 50px;*/ + position: relative; + left: 0px; + top: 50px; + position: absolute; + display: none; +} + +.data-table.expanded .sub-header { + display: block; +} + +.data-table.expanded table.body { + margin-top: 77px !important; +} + /** Header, misc*/ #header, #navigation { http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/5a6c6467/ui/scripts/ui/widgets/dataTable.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/dataTable.js b/ui/scripts/ui/widgets/dataTable.js index 1b3ea82..8d04149 100644 --- a/ui/scripts/ui/widgets/dataTable.js +++ b/ui/scripts/ui/widgets/dataTable.js @@ -90,6 +90,10 @@ var $theadTable = $('<table>').appendTo($theadContainer).attr('nowrap', 'nowrap'); var $thead = $table.find('thead').remove().appendTo($theadTable); + $theadContainer.append( + $('<div>').addClass('sub-header') + ); + return $thead; }; @@ -228,6 +232,10 @@ $row.siblings().removeClass('selected'); $row.addClass('selected'); + }, + + toggleExpandToolbar: function() { + $table.toggleClass('expanded'); } };
