javascriptextjs
diff --git a/‎ui/modules/vpc/vpc.js‎
Lines changed: 6 additions & 5 deletions b/‎ui/modules/vpc/vpc.js‎
Lines changed: 6 additions & 5 deletions
diff --git a/‎ui/scripts/instances.js‎
Lines changed: 8 additions & 0 deletions b/‎ui/scripts/instances.js‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎ui/scripts/vpc.js‎
Lines changed: 20 additions & 0 deletions b/‎ui/scripts/vpc.js‎
Lines changed: 20 additions & 0 deletions
@@ -18,7 +18,9 @@
   var elems = {
     tier: function(args) {
       var tier = args.tier;
-      var context = args.context;
+      var context = $.extend(true, {}, args.context, {
+        networks: [tier]
+      });
       var dashboardItems = args.dashboardItems;
       var $tier = $('<div>').addClass('tier-item');
       var $header = $('<div>').addClass('header');
@@ -41,9 +43,7 @@
             var $detailView = $('<div>').detailView(
               $.extend(true, {}, cloudStack.vpc.tiers.detailView, {
                 $browser: $browser,
-                context: $.extend(true, {}, context, {
-                  networks: [tier]
-                }),
+                context: context,
                 onActionComplete: function() {
                   $tier.closest('.vpc-network-chart').trigger('reload');
                 }
@@ -153,6 +153,7 @@
     dashboard: function(args) {
       var $dashboard = $('<div>').addClass('dashboard');
       var context = args.context;
+      var tier = context.networks[0];
 
       $(args.dashboardItems).map(function(index, dashboardItem) {
         var $dashboardItem = $('<div>').addClass('dashboard-item');
@@ -167,7 +168,7 @@
 
         $dashboardItem.click(function() {
           $('#browser .container').cloudBrowser('addPanel', {
-            title: dashboardItem.name,
+            title: tier.name + ' - ' + dashboardItem.name,
             maximizeIfSelected: true,
             complete: function($panel) {
               var section = cloudStack.vpc.sections[id];
 
@@ -204,6 +204,14 @@
 					  affinitygroupid: args.context.affinityGroups[0].id
 					});		
 				}
+
+        if("vpc" in args.context &&
+           "networks" in args.context) {
+          $.extend(data, {
+            vpcid: args.context.vpc[0].id,
+            networkid: args.context.networks[0].id
+          });
+        }
 
         $.ajax({
           url: createURL('listVirtualMachines'),
 
@@ -294,6 +294,26 @@
   cloudStack.vpc = {
     // nTier sections
     sections: {
+      tierVMs: function() {
+        var list = $.extend(true, {}, cloudStack.sections.instances);
+
+        list.listView.actions.add.action.custom = cloudStack.uiCustom.instanceWizard(
+          $.extend(true, {}, cloudStack.instanceWizard, {
+            pluginForm: { name: 'vpcTierInstanceWizard' }
+          })
+        );
+        
+        return list;
+      },
+
+      tierPortForwarders: function() {
+        return cloudStack.vpc.ipAddresses.listView();
+      },
+
+      tierStaticNATs: function() {
+        return cloudStack.vpc.ipAddresses.listView();
+      },
+      
       // Internal load balancers
       tierLoadBalancers: {
         listView: {