etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add VPC gateway config UI 

-Add a list view which lists gateways associated with a VPC

-Add detail view with ability to edit a gateway's static routes

** Note: this currently uses dummy content
This commit is contained in:
Brian Federle 2012-07-11 10:21:31 -07:00
parent b94fe2dedb
commit c33aeb43e5
2 changed files with 117 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/scripts/ui-custom/vpc.js
View File

@ -47,6 +47,14 @@
});
break;
case 'gateways':
$browser.cloudBrowser('addPanel', {
title: 'Gateways',
maximizeIfSelected: true,
complete: function($panel) {
//ipAddresses.listView is a function
$panel.listView(gateways.listView(), {context: gateways.context});
}
});
break;
case 'site-to-site-vpn':
$browser.cloudBrowser('addPanel', {

110
ui/scripts/vpc.js
View File

@ -421,7 +421,115 @@
}
},
gateways: {
listView: function() {
return {
listView: {
id: 'vpcGateways',
fields: {
ipAddress: { label: 'label.ip.address' },
vlan: { label: 'label.vlan' },
cidr: { label: 'label.cidr' }
},
actions: {
add: {
label: 'Add new gateway',
createForm: {
title: 'Add new gateway',
desc: 'Please specify the information to add a new gateway to this VPC.',
fields: {
ipAddress: { label: 'label.ip.address', validation: { required: true } },
vlan: { label: 'label.vlan', validation: { required: true }},
cidr: { label: 'label.cidr', validation: { required: true }}
}
},
action: function(args) {
args.response.success();
},
messages: {
notification: function() { return 'Add gateway to VPC'; }
}
}
},
dataProvider: function(args) {
args.response.success({ data: [{
ipAddress: '10.0.0.1',
vlan: '123',
cidr: '10.0.0.0/24'
}] }); // Dummy data
},
detailView: {
name: 'Gateway details',
tabs: {
details: {
title: 'label.details',
fields: [
{
tierId: { label: 'Tier ID' }
},
{
ipAddress: { label: 'label.ip.address', validation: { required: true } },
vlan: { label: 'label.vlan', validation: { required: true }},
cidr: { label: 'label.cidr', validation: { required: true }}
}
],
dataProvider: function(args) {
args.response.success({ data: args.context.vpcGateways[0] });
}
},
staticRoutes: {
title: 'Static Routes',
custom: function(args) {
return $('<div>').multiEdit({
noSelect: true,
context: args.context,
fields: {
cidr: { edit: true, label: 'label.cidr' },
'add-rule': {
label: 'Add route',
addButton: true
}
},
add: {
label: 'Add',
action: function(args) {
args.response.success({
notification: {
label: 'Add static route to gateway',
poll: function(args) { args.complete(); }
}
});
}
},
actions: {
destroy: {
label: 'Remove ACL',
action: function(args) {
args.response.success({
notification: {
label: 'Remove static route from gateway',
poll: function(args) { args.complete(); }
}
});
}
}
},
dataProvider: function(args) {
setTimeout(function() {
args.response.success({
data: [
{ cidr: '10.2.2.0/24' }
]
});
}, 500);
}
});
}
}
}
}
}
};
}
},
siteToSiteVPN: {//start siteToSiteVPN
type: 'select',