cloudstack-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From bfede...@apache.org
Subject [2/3] git commit: updated refs/heads/ui-vpc-redesign to 9c68b09
Date Tue, 07 May 2013 22:45:13 GMT
Add tier placeholder box


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

Branch: refs/heads/ui-vpc-redesign
Commit: 9c68b09376df5c98c4e5001840acd25f61a1c3a0
Parents: 3c96328
Author: Brian Federle <brian.federle@citrix.com>
Authored: Tue May 7 15:44:41 2013 -0700
Committer: Brian Federle <brian.federle@citrix.com>
Committed: Tue May 7 15:44:41 2013 -0700

----------------------------------------------------------------------
 ui/modules/vpc/vpc.css |   45 +++++++++++++++++++++++++++++++++++++++++++
 ui/modules/vpc/vpc.js  |   11 ++++++++++
 2 files changed, 56 insertions(+), 0 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c68b093/ui/modules/vpc/vpc.css
----------------------------------------------------------------------
diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css
index f84cbf0..d5ad6b2 100644
--- a/ui/modules/vpc/vpc.css
+++ b/ui/modules/vpc/vpc.css
@@ -21,6 +21,7 @@
 }
 
 .vpc-network-chart .tiers {
+  margin: 40px 46px 0 0;
   width: 362px;
   float: right;
 }
@@ -153,3 +154,47 @@
   text-shadow: 0px 1px #C7D8E9;
 }
 
+.vpc-network-chart .tier-placeholder {
+  cursor: pointer;
+  background: #EFEFEF;
+  border: 4px dotted #B1B1B1;
+  /*+border-radius:8px;*/
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -khtml-border-radius: 8px;
+  border-radius: 8px;
+  width: 325px;
+  text-align: center;
+  padding: 57px 0 55px;
+  margin: 0 0 0 18px;
+}
+
+.vpc-network-chart .tier-placeholder:hover {
+  background: #DCDCDC;
+  /*+border-radius:8px;*/
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -khtml-border-radius: 8px;
+  border-radius: 8px;
+  /*+box-shadow:inset 0px 1px 4px #000000;*/
+  -moz-box-shadow: inset 0px 1px 4px #000000;
+  -webkit-box-shadow: inset 0px 1px 4px #000000;
+  -o-box-shadow: inset 0px 1px 4px #000000;
+  box-shadow: inset 0px 1px 4px #000000;
+  /*+text-shadow:0px 1px #FFFFFF;*/
+  -moz-text-shadow: 0px 1px #FFFFFF;
+  -webkit-text-shadow: 0px 1px #FFFFFF;
+  -o-text-shadow: 0px 1px #FFFFFF;
+  text-shadow: 0px 1px #FFFFFF;
+}
+
+.vpc-network-chart .tier-placeholder:hover span {
+  color: #535353;
+}
+
+.vpc-network-chart .tier-placeholder span {
+  color: #AFAFAF;
+  font-size: 24px;
+  font-weight: 200;
+}
+

http://git-wip-us.apache.org/repos/asf/cloudstack/blob/9c68b093/ui/modules/vpc/vpc.js
----------------------------------------------------------------------
diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js
index 68f1419..ee9e148 100644
--- a/ui/modules/vpc/vpc.js
+++ b/ui/modules/vpc/vpc.js
@@ -25,6 +25,14 @@
       return $tier;
     },
 
+    tierPlaceholder: function() {
+      var $placeholder = $('<div>').addClass('tier-placeholder');
+
+      $placeholder.append($('<span>').append('Create network'));
+      
+      return $placeholder;
+    },
+
     dashboard: function(args) {
       var $dashboard = $('<div>').addClass('dashboard');
 
@@ -89,6 +97,9 @@
 
               $tier.appendTo($tiers);
             });
+
+            // Add placeholder tier
+            $tiers.append(elems.tierPlaceholder());
           }
         }
       });


Mime
View raw message