[19/50] git commit: refs/heads/Health-Check-UI - Better styling of IP selection field

[bf...@apache.org]

Better styling of IP selection field


Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/53c589a6
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/53c589a6
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/53c589a6

Branch: refs/heads/Health-Check-UI
Commit: 53c589a624278d00e11d0241807bd5f6536e90c5
Parents: 03135ce
Author: Brian Federle <br...@citrix.com>
Authored: Fri Mar 8 10:51:32 2013 -0800
Committer: Brian Federle <br...@citrix.com>
Committed: Fri Mar 8 10:51:32 2013 -0800

----------------------------------------------------------------------
 ui/css/cloudstack3.css            |   27 +++++++++++++++++++++++++++
 ui/scripts/ui/widgets/listView.js |    3 +++
 2 files changed, 30 insertions(+), 0 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/53c589a6/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 634a7c1..2b7fefb 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -7311,6 +7311,33 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   background: #C3E0FC;
 }
 
+/*List-view: subselect dropdown*/
+.list-view .subselect {
+  width: 116px;
+  display: block;
+  float: left;
+  background: url(../images/bg-gradients.png) 0px -42px;
+  padding: 0;
+  margin: 8px 0 1px 7px;
+  clear: both;
+  border: 1px solid #A8A7A7;
+  /*+border-radius:4px;*/
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.list-view .subselect span {
+  margin: 4px 0 0 12px;
+}
+
+.list-view .subselect select {
+  width: 85%;
+  margin: 5px 0 4px;
+  font-size: 10px;
+}
+
 /*Multi-edit*/
 div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit thead tr th,
 div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit tbody tr td {

http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/53c589a6/ui/scripts/ui/widgets/listView.js
----------------------------------------------------------------------
diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js
index 304e035..a8f2ddb 100644
--- a/ui/scripts/ui/widgets/listView.js
+++ b/ui/scripts/ui/widgets/listView.js
@@ -1048,6 +1048,7 @@
       if (subselect) {
         var $td = $tr.find('td.first');
         var $select = $('<div></div>').addClass('subselect').append(
+          $('<span>').html('Use IP:'),
           $('<select>')
         ).hide();
         var $selectionArea = $tr.find('td:last').find('input');
@@ -1078,6 +1079,8 @@
                   } else {
                     $select.hide();
                   }
+
+                  $listView.find('.data-table').dataTable('refresh');
                 }
               }
             });