apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-11-02 20:02:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add tier detail view

Browse Source
This commit is contained in:
Brian Federle 2013-05-10 15:41:44 -07:00
parent 55ac9c1b0f
commit daf392685a
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/modules/vpc/vpc.js
View File

@ -2,13 +2,15 @@
var elems = { var elems = {
tier: function(args) { tier: function(args) {
var tier = args.tier; var tier = args.tier;
var context = args.context;
var dashboardItems = args.dashboardItems; var dashboardItems = args.dashboardItems;
var $tier = $('<div>').addClass('tier-item'); var $tier = $('<div>').addClass('tier-item');
var $header = $('<div>').addClass('header'); var $header = $('<div>').addClass('header');
var $title = $('<div>').addClass('title').append($('<span>')); var $title = $('<div>').addClass('title').append($('<span>'));
var $content = $('<div>').addClass('content'); var $content = $('<div>').addClass('content');
var $browser = $('#browser .container');
var $dashboard = elems.dashboard({ var $dashboard = elems.dashboard({
context: args.context, context: context,
dashboardItems: dashboardItems dashboardItems: dashboardItems
}); });
var $detailLink = $('<div>').addClass('detail-link'); var $detailLink = $('<div>').addClass('detail-link');
@ -16,6 +18,24 @@
var $cidrLabel = $('<span>').addClass('cidr-label'); var $cidrLabel = $('<span>').addClass('cidr-label');
var $cidr = $('<span>').addClass('cidr'); 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: '); $cidrLabel.html('CIDR: ');
$cidr.html(tier.cidr); $cidr.html(tier.cidr);
$title.find('span').html(tier.displayname ? tier.displayname : tier.name); $title.find('span').html(tier.displayname ? tier.displayname : tier.name);
@ -104,7 +124,9 @@
var vpcItem = context.vpc[0]; var vpcItem = context.vpc[0];
var $chart = $('<div>').addClass('vpc-network-chart'); var $chart = $('<div>').addClass('vpc-network-chart');
var $tiers = $('<div>').addClass('tiers'); var $tiers = $('<div>').addClass('tiers');
var $toolbar = $('<div>').addClass('toolbar');
$toolbar.appendTo($chart);
$tiers.appendTo($chart); $tiers.appendTo($chart);
// Get tiers // Get tiers