git commit: refs/heads/ui-list-view-multiple-actions - Add header toolbar, show/hide ability

[bf...@apache.org]

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 <br...@citrix.com>
Authored: Tue Mar 5 13:26:51 2013 -0800
Committer: Brian Federle <br...@citrix.com>
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');
       }
     };