From daf392685ae5cb4afb5ade906e7eed0a088d2817 Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Fri, 10 May 2013 15:41:44 -0700
Subject: [PATCH] Add tier detail view

---
 ui/modules/vpc/vpc.js | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js
index ac596266d05..cb712bc0254 100644
--- a/ui/modules/vpc/vpc.js
+++ b/ui/modules/vpc/vpc.js
@@ -2,13 +2,15 @@
   var elems = {
     tier: function(args) {
       var tier = args.tier;
+      var context = args.context;
       var dashboardItems = args.dashboardItems;
       var $tier = $('<div>').addClass('tier-item');
       var $header = $('<div>').addClass('header');
       var $title = $('<div>').addClass('title').append($('<span>'));
       var $content = $('<div>').addClass('content');
+      var $browser = $('#browser .container');
       var $dashboard = elems.dashboard({
-        context: args.context,
+        context: context,
         dashboardItems: dashboardItems
       });
       var $detailLink = $('<div>').addClass('detail-link');
@@ -16,6 +18,24 @@
       var $cidrLabel = $('<span>').addClass('cidr-label');
       var $cidr = $('<span>').addClass('cidr');
 
+      $detailLink.click(function() {
+        $browser.cloudBrowser('addPanel', {
+          title: tier.displayname ? tier.displayname : tier.name,
+          complete: function($panel) {
+            var $detailView = $('<div>').detailView(
+              $.extend(true, {}, cloudStack.vpc.tiers.detailView, {
+                $browser: $browser,
+                context: $.extend(true, {}, context, {
+                  networks: [tier]
+                })
+              })
+            );
+
+            $detailView.appendTo($panel);
+          }
+        });
+      });
+
       $cidrLabel.html('CIDR: ');
       $cidr.html(tier.cidr);
       $title.find('span').html(tier.displayname ? tier.displayname : tier.name);
@@ -104,7 +124,9 @@
       var vpcItem = context.vpc[0];
       var $chart = $('<div>').addClass('vpc-network-chart');
       var $tiers = $('<div>').addClass('tiers');
+      var $toolbar = $('<div>').addClass('toolbar');
 
+      $toolbar.appendTo($chart);
       $tiers.appendTo($chart);
       
       // Get tiers