From 22a546628910a46b6bdbaee7f63250d30e20e966 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Tue, 7 May 2013 16:27:03 -0700
Subject: [PATCH] WIP: VPC router chart item

---
 ui/modules/vpc/vpc.css | 46 ++++++++++++++++++++++++++++++++++++++++++
 ui/modules/vpc/vpc.js  | 35 ++++++++++++++++++++++++++++++++
 2 files changed, 81 insertions(+)

diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css
index 95f01111357..f6ede66bd9b 100644
--- a/ui/modules/vpc/vpc.css
+++ b/ui/modules/vpc/vpc.css
@@ -18,6 +18,9 @@
 * under the License.
 */
 .vpc-network-chart {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
 }
 
 .vpc-network-chart .tiers {
@@ -232,3 +235,46 @@
   font-weight: 200;
 }
 
+.vpc-network-chart .tier-item.router {
+  width: 258px;
+  height: 218px;
+  background: #BDBDBD;
+  border: 1px solid #808080;
+  float: left;
+  /*+placement:shift 10px 176px;*/
+  position: relative;
+  left: 10px;
+  top: 176px;
+}
+
+.vpc-network-chart .tier-item.router .header {
+  background: #908F8F;
+  padding: 15px 0 14px;
+  border-bottom: 1px solid #808080;
+}
+
+.vpc-network-chart .tier-item.router .header .title {
+  width: 212px;
+}
+
+.vpc-network-chart .tier-item.router .header .title span {
+  padding: 0 0 0 32px;
+}
+
+.vpc-network-chart .tier-item.router .dashboard-item {
+  width: 100px;
+  /*[empty]margin:;*/
+  padding: 0px 2px 0px 6px;
+  height: 73px;
+  background: #A7A7A7;
+}
+
+.vpc-network-chart .tier-item.router .dashboard-item span {
+  color: #FFFFFF;
+  /*+text-shadow:0px 1px #000000;*/
+  -moz-text-shadow: 0px 1px #000000;
+  -webkit-text-shadow: 0px 1px #000000;
+  -o-text-shadow: 0px 1px #000000;
+  text-shadow: 0px 1px #000000;
+}
+
diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js
index 69cf795252b..4a3d6493aa5 100644
--- a/ui/modules/vpc/vpc.js
+++ b/ui/modules/vpc/vpc.js
@@ -26,6 +26,19 @@
       return $tier;
     },
 
+    router: function(args) {
+      var $router = elems.tier({
+        tier: {
+          name: 'Router',
+        },
+        dashboardItems: args.dashboardItems
+      }).addClass('router');
+      
+      $router.find('.info').remove();
+      
+      return $router;
+    },
+
     tierPlaceholder: function() {
       var $placeholder = $('<div>').addClass('tier-placeholder');
 
@@ -104,6 +117,28 @@
           }
         }
       });
+
+      // Router
+      $router = elems.router({
+        dashboardItems: [
+          {
+            name: 'Private gateways',
+            total: 1
+          },
+          {
+            name: 'Public IP addresses',
+            total: 2
+          },
+          {
+            name: 'Site-to-site VPNs',
+            total: 3
+          },
+          {
+            name: 'Network ACL lists',
+            total: 2
+          }
+        ]
+      }).appendTo($chart);
       
       $('#browser .container').cloudBrowser('addPanel', {
         title: vpcItem.displaytext ? vpcItem.displaytext : vpcItem.name,