diff --git a/ui/scripts/ui-custom/vpc.js b/ui/scripts/ui-custom/vpc.js index 5d400bbedc3..7b716970ad3 100644 --- a/ui/scripts/ui-custom/vpc.js +++ b/ui/scripts/ui-custom/vpc.js @@ -12,6 +12,7 @@ var elems = { vpcConfigureTooltip: function(args) { var $browser = args.$browser; + var $chart = args.$chart; var ipAddresses = args.ipAddresses; var gateways = args.gateways; var siteToSiteVPN = args.siteToSiteVPN; @@ -57,14 +58,59 @@ }); break; case 'site-to-site-vpn': - $browser.cloudBrowser('addPanel', { - title: 'Site-to-site VPNs', - maximizeIfSelected: true, - complete: function($panel) { - //siteToSiteVPN is an object - $panel.listView(siteToSiteVPN, {context: siteToSiteVPN.context}); - } - }); + //siteToSiteVPN is an object + var addAction = siteToSiteVPN.add; + var isVPNPresent = addAction.preCheck({ context: siteToSiteVPN.context }); + var showVPNListView = function() { + $browser.cloudBrowser('addPanel', { + title: 'Site-to-site VPNs', + maximizeIfSelected: true, + complete: function($panel) { + $panel.listView(siteToSiteVPN, {context: siteToSiteVPN.context}); + } + }); + }; + + if (isVPNPresent) { + showVPNListView(); + } else { + cloudStack.dialog.confirm({ + message: 'Please confirm that you want to add a VPN gateway.', + action: function() { + var $loading = $('
').addClass('loading-overlay').appendTo($chart); + var error = function(message) { + $loading.remove(); + cloudStack.dialog.notice({ message: message }); + }; + + addAction.action({ + context: siteToSiteVPN.context, + response: { + success: function(args) { + var _custom = args._custom; + var notification = { + poll: addAction.notification.poll, + _custom: _custom, + desc: addAction.messages.notification() + }; + var success = function(args) { + if (!$chart.is(':visible')) return; + + $loading.remove(); + showVPNListView(); + }; + + cloudStack.ui.notifications.add( + notification, + success, {}, + error, {} + ); + } + } + }); + } + }); + } break; } }); @@ -92,6 +138,7 @@ }, vpcConfigureArea: function(args) { var $browser = args.$browser; + var $chart = args.$chart; var ipAddresses = args.ipAddresses; var gateways = args.gateways; var siteToSiteVPN = args.siteToSiteVPN; @@ -104,6 +151,7 @@ $configIcon.mouseover(function() { var $tooltip = elems.vpcConfigureTooltip({ $browser: $browser, + $chart: $chart, ipAddresses: ipAddresses, gateways: gateways, siteToSiteVPN: siteToSiteVPN @@ -294,6 +342,7 @@ .append( elems.vpcConfigureArea({ $browser: $browser, + $chart: $chart, ipAddresses: $.extend(ipAddresses, {context: context}), gateways: $.extend(gateways, {context: context}), siteToSiteVPN: $.extend(siteToSiteVPN, {context: context}) diff --git a/ui/scripts/vpc.js b/ui/scripts/vpc.js index 6ed045ef96e..2e65d52411c 100644 --- a/ui/scripts/vpc.js +++ b/ui/scripts/vpc.js @@ -7,103 +7,103 @@ // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and -// limitations under the License. +// limitations under the License. (function($, cloudStack) { - var aclMultiEdit = { - noSelect: true, - fields: { - 'cidrlist': { edit: true, label: 'label.cidr.list' }, - 'protocol': { - label: 'label.protocol', - select: function(args) { - args.$select.change(function() { - var $inputs = args.$form.find('input'); - var $icmpFields = $inputs.filter(function() { - var name = $(this).attr('name'); + var aclMultiEdit = { + noSelect: true, + fields: { + 'cidrlist': { edit: true, label: 'label.cidr.list' }, + 'protocol': { + label: 'label.protocol', + select: function(args) { + args.$select.change(function() { + var $inputs = args.$form.find('input'); + var $icmpFields = $inputs.filter(function() { + var name = $(this).attr('name'); - return $.inArray(name, [ - 'icmptype', - 'icmpcode' - ]) > -1; - }); - var $otherFields = $inputs.filter(function() { - var name = $(this).attr('name'); + return $.inArray(name, [ + 'icmptype', + 'icmpcode' + ]) > -1; + }); + var $otherFields = $inputs.filter(function() { + var name = $(this).attr('name'); - return name != 'icmptype' && name != 'icmpcode' && name != 'cidrlist'; - }); + return name != 'icmptype' && name != 'icmpcode' && name != 'cidrlist'; + }); - if ($(this).val() == 'icmp') { - $icmpFields.show(); - $icmpFields.attr('disabled', false); - $otherFields.attr('disabled', 'disabled'); - $otherFields.hide(); - $otherFields.parent().find('label.error').hide(); - } else { - $otherFields.show(); - $otherFields.parent().find('label.error').hide(); - $otherFields.attr('disabled', false); - $icmpFields.attr('disabled', 'disabled'); - $icmpFields.hide(); - $icmpFields.parent().find('label.error').hide(); - } - }); + if ($(this).val() == 'icmp') { + $icmpFields.show(); + $icmpFields.attr('disabled', false); + $otherFields.attr('disabled', 'disabled'); + $otherFields.hide(); + $otherFields.parent().find('label.error').hide(); + } else { + $otherFields.show(); + $otherFields.parent().find('label.error').hide(); + $otherFields.attr('disabled', false); + $icmpFields.attr('disabled', 'disabled'); + $icmpFields.hide(); + $icmpFields.parent().find('label.error').hide(); + } + }); - args.response.success({ - data: [ - { name: 'tcp', description: 'TCP' }, - { name: 'udp', description: 'UDP' }, - { name: 'icmp', description: 'ICMP' } - ] - }); - } - }, - 'startport': { edit: true, label: 'label.start.port' }, - 'endport': { edit: true, label: 'label.end.port' }, - 'icmptype': { edit: true, label: 'ICMP.type', isDisabled: true }, - 'icmpcode': { edit: true, label: 'ICMP.code', isDisabled: true }, - 'traffictype' : { - label: 'Traffic type', - select: function(args) { - args.response.success({ - data: [ - { name: 'Ingress', description: 'Ingress' }, - { name: 'Egress', description: 'Egress' } - ] - }); - } - }, - 'add-rule': { - label: 'label.add.rule', - addButton: true - } - }, + args.response.success({ + data: [ + { name: 'tcp', description: 'TCP' }, + { name: 'udp', description: 'UDP' }, + { name: 'icmp', description: 'ICMP' } + ] + }); + } + }, + 'startport': { edit: true, label: 'label.start.port' }, + 'endport': { edit: true, label: 'label.end.port' }, + 'icmptype': { edit: true, label: 'ICMP.type', isDisabled: true }, + 'icmpcode': { edit: true, label: 'ICMP.code', isDisabled: true }, + 'traffictype' : { + label: 'Traffic type', + select: function(args) { + args.response.success({ + data: [ + { name: 'Ingress', description: 'Ingress' }, + { name: 'Egress', description: 'Egress' } + ] + }); + } + }, + 'add-rule': { + label: 'label.add.rule', + addButton: true + } + }, tags: cloudStack.api.tags({ resourceType: 'NetworkACL', contextId: 'multiRule' }), add: { label: 'Add', - action: function(args) { - $.ajax({ - url: createURL('createNetworkACL'), - data: $.extend(args.data, { - networkid: args.context.networks[0].id - }), - dataType: 'json', - success: function(data) { - args.response.success({ - _custom: { - jobId: data.createnetworkaclresponse.jobid - }, - notification: { - label: 'Add ACL', - poll: pollAsyncJobResult - } - }); - }, - error: function(data) { - args.response.error(parseXMLHttpResponse(data)); - } - }); + action: function(args) { + $.ajax({ + url: createURL('createNetworkACL'), + data: $.extend(args.data, { + networkid: args.context.networks[0].id + }), + dataType: 'json', + success: function(data) { + args.response.success({ + _custom: { + jobId: data.createnetworkaclresponse.jobid + }, + notification: { + label: 'Add ACL', + poll: pollAsyncJobResult + } + }); + }, + error: function(data) { + args.response.error(parseXMLHttpResponse(data)); + } + }); } }, actions: { @@ -122,54 +122,54 @@ }, destroy: { label: 'Remove ACL', - action: function(args) { - $.ajax({ - url: createURL('deleteNetworkACL'), - data: { - id: args.context.multiRule[0].id - }, - dataType: 'json', - async: true, - success: function(data) { - var jobID = data.deletenetworkaclresponse.jobid; - args.response.success({ - _custom: { - jobId: jobID - }, - notification: { - label: 'Remove ACL', - poll: pollAsyncJobResult - } - }); - }, - error: function(data) { - args.response.error(parseXMLHttpResponse(data)); - } - }); + action: function(args) { + $.ajax({ + url: createURL('deleteNetworkACL'), + data: { + id: args.context.multiRule[0].id + }, + dataType: 'json', + async: true, + success: function(data) { + var jobID = data.deletenetworkaclresponse.jobid; + args.response.success({ + _custom: { + jobId: jobID + }, + notification: { + label: 'Remove ACL', + poll: pollAsyncJobResult + } + }); + }, + error: function(data) { + args.response.error(parseXMLHttpResponse(data)); + } + }); } } }, - dataProvider: function(args) { - $.ajax({ - url: createURL('listNetworkACLs'), - data: { - listAll: true, - networkid: args.context.networks[0].id - }, - dataType: 'json', - async: true, - success: function(json) { - args.response.success({ - data: json.listnetworkaclsresponse.networkacl - }); - }, - error: function(XMLHttpResponse) { - args.response.error(parseXMLHttpResponse(XMLHttpResponse)); - } - }); + dataProvider: function(args) { + $.ajax({ + url: createURL('listNetworkACLs'), + data: { + listAll: true, + networkid: args.context.networks[0].id + }, + dataType: 'json', + async: true, + success: function(json) { + args.response.success({ + data: json.listnetworkaclsresponse.networkacl + }); + }, + error: function(XMLHttpResponse) { + args.response.error(parseXMLHttpResponse(XMLHttpResponse)); + } + }); } }; - + cloudStack.vpc = { vmListView: { id: 'vpcTierInstances', @@ -195,362 +195,362 @@ }, // List view actions - actions: { - start: { - label: 'label.action.start.instance' , - action: function(args) { - $.ajax({ - url: createURL("startVirtualMachine&id=" + args.context.vpcTierInstances[0].id), - dataType: "json", - async: true, - success: function(json) { - var jid = json.startvirtualmachineresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.virtualmachine; - }, - getActionFilter: function() { - return cloudStack.actionFilter.vmActionFilter; - } - } - } - ); - } - }); - }, - messages: { - confirm: function(args) { - return 'message.action.start.instance'; - }, - notification: function(args) { - return 'label.action.start.instance'; - }, - complete: function(args) { - if(args.password != null) { - alert('Password of the VM is ' + args.password); - } - return 'label.action.start.instance'; - } - }, - notification: { - poll: pollAsyncJobResult - } - }, - stop: { - label: 'label.action.stop.instance', - addRow: 'false', - createForm: { - title: 'label.action.stop.instance', - desc: 'message.action.stop.instance', - fields: { - forced: { - label: 'force.stop', - isBoolean: true, - isChecked: false - } - } - }, - action: function(args) { - var array1 = []; - array1.push("&forced=" + (args.data.forced == "on")); - $.ajax({ - url: createURL("stopVirtualMachine&id=" + args.context.vpcTierInstances[0].id + array1.join("")), - dataType: "json", - async: true, - success: function(json) { - var jid = json.stopvirtualmachineresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.virtualmachine; - }, - getActionFilter: function() { - return cloudStack.actionFilter.vmActionFilter; - } - } - } - ); - } - }); - }, - messages: { - confirm: function(args) { - return 'message.action.stop.instance'; - }, + actions: { + start: { + label: 'label.action.start.instance' , + action: function(args) { + $.ajax({ + url: createURL("startVirtualMachine&id=" + args.context.vpcTierInstances[0].id), + dataType: "json", + async: true, + success: function(json) { + var jid = json.startvirtualmachineresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.virtualmachine; + }, + getActionFilter: function() { + return cloudStack.actionFilter.vmActionFilter; + } + } + } + ); + } + }); + }, + messages: { + confirm: function(args) { + return 'message.action.start.instance'; + }, + notification: function(args) { + return 'label.action.start.instance'; + }, + complete: function(args) { + if(args.password != null) { + alert('Password of the VM is ' + args.password); + } + return 'label.action.start.instance'; + } + }, + notification: { + poll: pollAsyncJobResult + } + }, + stop: { + label: 'label.action.stop.instance', + addRow: 'false', + createForm: { + title: 'label.action.stop.instance', + desc: 'message.action.stop.instance', + fields: { + forced: { + label: 'force.stop', + isBoolean: true, + isChecked: false + } + } + }, + action: function(args) { + var array1 = []; + array1.push("&forced=" + (args.data.forced == "on")); + $.ajax({ + url: createURL("stopVirtualMachine&id=" + args.context.vpcTierInstances[0].id + array1.join("")), + dataType: "json", + async: true, + success: function(json) { + var jid = json.stopvirtualmachineresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.virtualmachine; + }, + getActionFilter: function() { + return cloudStack.actionFilter.vmActionFilter; + } + } + } + ); + } + }); + }, + messages: { + confirm: function(args) { + return 'message.action.stop.instance'; + }, - notification: function(args) { - return 'label.action.stop.instance'; - } - }, - notification: { - poll: pollAsyncJobResult - } - }, - restart: { - label: 'instances.actions.reboot.label', - action: function(args) { - $.ajax({ - url: createURL("rebootVirtualMachine&id=" + args.context.vpcTierInstances[0].id), - dataType: "json", - async: true, - success: function(json) { - var jid = json.rebootvirtualmachineresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.virtualmachine; - }, - getActionFilter: function() { - return cloudStack.actionFilter.vmActionFilter; - } - } - } - ); - } - }); - }, - messages: { - confirm: function(args) { - return 'message.action.reboot.instance'; - }, - notification: function(args) { - return 'instances.actions.reboot.label'; - } - }, - notification: { - poll: pollAsyncJobResult - } - }, - destroy: { - label: 'label.action.destroy.instance', - messages: { - confirm: function(args) { - return 'message.action.destroy.instance'; - }, - notification: function(args) { - return 'label.action.destroy.instance'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("destroyVirtualMachine&id=" + args.context.vpcTierInstances[0].id), - dataType: "json", - async: true, - success: function(json) { - var jid = json.destroyvirtualmachineresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.virtualmachine; - }, - getActionFilter: function() { - return cloudStack.actionFilter.vmActionFilter; - } - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - }, - restore: { - label: 'label.action.restore.instance', - messages: { - confirm: function(args) { - return 'message.action.restore.instance'; - }, - notification: function(args) { - return 'label.action.restore.instance'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("recoverVirtualMachine&id=" + args.context.vpcTierInstances[0].id), - dataType: "json", - async: true, - success: function(json) { - var item = json.recovervirtualmachineresponse.virtualmachine; - args.response.success({data:item}); - } - }); - } - } + notification: function(args) { + return 'label.action.stop.instance'; + } + }, + notification: { + poll: pollAsyncJobResult + } + }, + restart: { + label: 'instances.actions.reboot.label', + action: function(args) { + $.ajax({ + url: createURL("rebootVirtualMachine&id=" + args.context.vpcTierInstances[0].id), + dataType: "json", + async: true, + success: function(json) { + var jid = json.rebootvirtualmachineresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.virtualmachine; + }, + getActionFilter: function() { + return cloudStack.actionFilter.vmActionFilter; + } + } + } + ); + } + }); + }, + messages: { + confirm: function(args) { + return 'message.action.reboot.instance'; + }, + notification: function(args) { + return 'instances.actions.reboot.label'; + } + }, + notification: { + poll: pollAsyncJobResult + } + }, + destroy: { + label: 'label.action.destroy.instance', + messages: { + confirm: function(args) { + return 'message.action.destroy.instance'; + }, + notification: function(args) { + return 'label.action.destroy.instance'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("destroyVirtualMachine&id=" + args.context.vpcTierInstances[0].id), + dataType: "json", + async: true, + success: function(json) { + var jid = json.destroyvirtualmachineresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.virtualmachine; + }, + getActionFilter: function() { + return cloudStack.actionFilter.vmActionFilter; + } + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + }, + restore: { + label: 'label.action.restore.instance', + messages: { + confirm: function(args) { + return 'message.action.restore.instance'; + }, + notification: function(args) { + return 'label.action.restore.instance'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("recoverVirtualMachine&id=" + args.context.vpcTierInstances[0].id), + dataType: "json", + async: true, + success: function(json) { + var item = json.recovervirtualmachineresponse.virtualmachine; + args.response.success({data:item}); + } + }); + } + } }, - dataProvider: function(args) { - var array1 = []; - if(args.filterBy != null) { - if(args.filterBy.kind != null) { - switch(args.filterBy.kind) { - case "all": - array1.push("&listAll=true"); - break; - case "mine": - if (!args.context.projects) array1.push("&domainid=" + g_domainid + "&account=" + g_account); - break; - case "running": - array1.push("&listAll=true&state=Running"); - break; - case "stopped": - array1.push("&listAll=true&state=Stopped"); - break; - case "destroyed": - array1.push("&listAll=true&state=Destroyed"); - break; - } - } - if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { - switch(args.filterBy.search.by) { - case "name": - if(args.filterBy.search.value.length > 0) - array1.push("&keyword=" + args.filterBy.search.value); - break; - } - } - } - + dataProvider: function(args) { + var array1 = []; + if(args.filterBy != null) { + if(args.filterBy.kind != null) { + switch(args.filterBy.kind) { + case "all": + array1.push("&listAll=true"); + break; + case "mine": + if (!args.context.projects) array1.push("&domainid=" + g_domainid + "&account=" + g_account); + break; + case "running": + array1.push("&listAll=true&state=Running"); + break; + case "stopped": + array1.push("&listAll=true&state=Stopped"); + break; + case "destroyed": + array1.push("&listAll=true&state=Destroyed"); + break; + } + } + if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { + switch(args.filterBy.search.by) { + case "name": + if(args.filterBy.search.value.length > 0) + array1.push("&keyword=" + args.filterBy.search.value); + break; + } + } + } + $.ajax({ url: createURL('listVirtualMachines' + array1.join("")), - data: { - networkid: args.context.networks[0].id - }, + data: { + networkid: args.context.networks[0].id + }, success: function(json) { - args.response.success({ - data: json.listvirtualmachinesresponse.virtualmachine, - actionFilter: cloudStack.actionFilter.vmActionFilter - }); + args.response.success({ + data: json.listvirtualmachinesresponse.virtualmachine, + actionFilter: cloudStack.actionFilter.vmActionFilter + }); } }); } } }, - ipAddresses: { - listView: function() { - return cloudStack.sections.network.sections.ipAddresses; - } - }, - gateways: { - listView: function() { - return { + ipAddresses: { + listView: function() { + return cloudStack.sections.network.sections.ipAddresses; + } + }, + gateways: { + listView: function() { + return { listView: { id: 'vpcGateways', - fields: { - ipaddress: { label: 'label.ip.address', validation: { required: true }}, - gateway: { label: 'label.gateway', validation: { required: true }}, - netmask: { label: 'label.netmask', validation: { required: true }}, - vlan: { label: 'label.vlan', validation: { required: true }} + fields: { + ipaddress: { label: 'label.ip.address', validation: { required: true }}, + gateway: { label: 'label.gateway', validation: { required: true }}, + netmask: { label: 'label.netmask', validation: { required: true }}, + vlan: { label: 'label.vlan', validation: { required: true }} }, actions: { add: { - label: 'Add new gateway', - preFilter: function(args) { - if(isAdmin()) - return true; - else - return false; - }, - messages: { - notification: function(args) { - return 'Add new gateway'; - } - }, + label: 'Add new gateway', + preFilter: function(args) { + if(isAdmin()) + return true; + else + return false; + }, + messages: { + notification: function(args) { + return '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 }}, - gateway: { label: 'label.gateway', validation: { required: true }}, - netmask: { label: 'label.netmask', validation: { required: true }}, - vlan: { label: 'label.vlan', validation: { required: true }} + ipaddress: { label: 'label.ip.address', validation: { required: true }}, + gateway: { label: 'label.gateway', validation: { required: true }}, + netmask: { label: 'label.netmask', validation: { required: true }}, + vlan: { label: 'label.vlan', validation: { required: true }} } }, - action: function(args) { - $.ajax({ - url: createURL('createPrivateGateway'), - data: { - vpcid: args.context.vpc[0].id, - ipaddress: args.data.ipaddress, - gateway: args.data.gateway, - netmask: args.data.netmask, - vlan: args.data.vlan - }, - success: function(json) { - var jid = json.createprivategatewayresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.privategateway; - } - } - } - ); - }, - error: function(json) { + action: function(args) { + $.ajax({ + url: createURL('createPrivateGateway'), + data: { + vpcid: args.context.vpc[0].id, + ipaddress: args.data.ipaddress, + gateway: args.data.gateway, + netmask: args.data.netmask, + vlan: args.data.vlan + }, + success: function(json) { + var jid = json.createprivategatewayresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.privategateway; + } + } + } + ); + }, + error: function(json) { args.response.error(parseXMLHttpResponse(json)); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } + } + }); + }, + notification: { + poll: pollAsyncJobResult + } } }, - dataProvider: function(args) { - $.ajax({ - url: createURL('listPrivateGateways'), - data: { - vpcid: args.context.vpc[0].id, - listAll: true - }, - success: function(json) { - var items = json.listprivategatewaysresponse.privategateway; - args.response.success({ data: items }); - } - }); + dataProvider: function(args) { + $.ajax({ + url: createURL('listPrivateGateways'), + data: { + vpcid: args.context.vpc[0].id, + listAll: true + }, + success: function(json) { + var items = json.listprivategatewaysresponse.privategateway; + args.response.success({ data: items }); + } + }); }, detailView: { name: 'Gateway details', - actions: { - remove: { - label: 'delete gateway', - messages: { - confirm: function(args) { - return 'Please confirm you want to delete the gateway'; - }, - notification: function(args) { - return 'delete gateway'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("deletePrivateGateway&id=" + args.context.vpcGateways[0].id), - dataType: "json", - async: true, - success: function(json) { - var jid = json.deleteprivategatewayresponse.jobid; - args.response.success( - {_custom: - { - jobId: jid - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - } - }, + actions: { + remove: { + label: 'delete gateway', + messages: { + confirm: function(args) { + return 'Please confirm you want to delete the gateway'; + }, + notification: function(args) { + return 'delete gateway'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("deletePrivateGateway&id=" + args.context.vpcGateways[0].id), + dataType: "json", + async: true, + success: function(json) { + var jid = json.deleteprivategatewayresponse.jobid; + args.response.success( + {_custom: + { + jobId: jid + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + } + }, tabs: { details: { title: 'label.details', @@ -558,38 +558,38 @@ { ipaddress: { label: 'label.ip.address' } }, - { - gateway: { label: 'label.gateway' }, - netmask: { label: 'label.netmask'}, - vlan: { label: 'label.vlan' }, - state: { label: 'label.state' }, - id: { label: 'label.id' }, - zonename: { label: 'label.zone' }, - domain: { label: 'label.domain' }, - account: { label: 'label.account' } + { + gateway: { label: 'label.gateway' }, + netmask: { label: 'label.netmask'}, + vlan: { label: 'label.vlan' }, + state: { label: 'label.state' }, + id: { label: 'label.id' }, + zonename: { label: 'label.zone' }, + domain: { label: 'label.domain' }, + account: { label: 'label.account' } } ], - dataProvider: function(args) { - $.ajax({ - url: createURL('listPrivateGateways'), - data: { - id: args.context.vpcGateways[0].id, - listAll: true - }, - success: function(json) { - var item = json.listprivategatewaysresponse.privategateway[0]; - args.response.success({ - data: item, + dataProvider: function(args) { + $.ajax({ + url: createURL('listPrivateGateways'), + data: { + id: args.context.vpcGateways[0].id, + listAll: true + }, + success: function(json) { + var item = json.listprivategatewaysresponse.privategateway[0]; + args.response.success({ + data: item, actionFilter: function(args) { - var allowedActions = []; - if(isAdmin()) { - allowedActions.push("remove"); - } - return allowedActions; - } - }); - } - }); + var allowedActions = []; + if(isAdmin()) { + allowedActions.push("remove"); + } + return allowedActions; + } + }); + } + }); } }, staticRoutes: { @@ -601,22 +601,22 @@ fields: { cidr: { edit: true, label: 'label.cidr' }, 'add-rule': { - label: 'Add route', - addButton: true - } + label: 'Add route', + addButton: true + } }, tags: cloudStack.api.tags({ resourceType: 'StaticRoute', contextId: 'multiRule' }), - + add: { label: 'Add', - action: function(args) { - $.ajax({ - url: createURL('createStaticRoute'), - data: { - gatewayid: args.context.vpcGateways[0].id, - cidr: args.data.cidr - }, + action: function(args) { + $.ajax({ + url: createURL('createStaticRoute'), + data: { + gatewayid: args.context.vpcGateways[0].id, + cidr: args.data.cidr + }, success: function(data) { args.response.success({ _custom: { @@ -630,8 +630,8 @@ }, error: function(data) { args.response.error(parseXMLHttpResponse(data)); - } - }); + } + }); } }, actions: { @@ -650,10 +650,10 @@ }, destroy: { label: 'Remove static route', - action: function(args) { + action: function(args) { $.ajax({ url: createURL('deleteStaticRoute'), - data: { + data: { id: args.context.multiRule[0].id }, dataType: 'json', @@ -672,20 +672,20 @@ }); } }); - } + } } }, - dataProvider: function(args) { - $.ajax({ - url: createURL('listStaticRoutes'), - data: { - gatewayid: args.context.vpcGateways[0].id - }, - success: function(json) { - var items = json.liststaticroutesresponse.staticroute; - args.response.success({ data: items }); - } - }); + dataProvider: function(args) { + $.ajax({ + url: createURL('listStaticRoutes'), + data: { + gatewayid: args.context.vpcGateways[0].id + }, + success: function(json) { + var items = json.liststaticroutesresponse.staticroute; + args.response.success({ data: items }); + } + }); } }); } @@ -694,198 +694,219 @@ } } }; - } - }, - siteToSiteVPN: { - title: 'site-to-site VPN', - id: 'siteToSiteVpn', - sectionSelect: { - preFilter: function(args) { - return ["vpnGateway", "vpnConnection"]; - }, - label: 'label.select-view' - }, - sections: { - vpnGateway: { - type: 'select', - title: 'VPN Gateway', - listView: { - id: 'vpnGateway', - label: 'VPN Gateway', - fields: { - publicip: { label: 'label.ip.address' }, - account: { label: 'label.account' }, - domain: { label: 'label.domain' } - }, - - actions: { - add: { - label: 'Add VPN Gateway', - messages: { - notification: function(args) { - return 'Add VPN Gateway'; + } + }, + siteToSiteVPN: { + title: 'site-to-site VPN', + id: 'siteToSiteVpn', + sectionSelect: { + preFilter: function(args) { + return ["vpnGateway", "vpnConnection"]; + }, + label: 'label.select-view' + }, + + // This is a custom add function -- does not show in list view + add: { + // Check if VPN gateways exist + // -- if false, don't show list view + preCheck: function(args) { + var items; + + $.ajax({ + url: createURL('listVpnGateways&listAll=true'), + data: { + vpcid: args.context.vpc[0].id + }, + async: false, + success: function(json) { + items = json.listvpngatewaysresponse.vpngateway; + } + }); + + if (items && items.length) { + return true; + } + + return false; + }, + label: 'Add VPN Gateway', + messages: { + notification: function(args) { + return 'Add VPN Gateway'; + } + }, + createForm: { + title: 'Add VPN Gateway', + desc: 'Please confirm that you want to add a VPN Gateway', + fields: {} + }, + action: function(args) { + $.ajax({ + url: createURL("createVpnGateway"), + data: { + vpcid: args.context.vpc[0].id + }, + success: function(json) { + var jid = json.createvpngatewayresponse.jobid; + args.response.success( + {_custom: + { + jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.vpngateway; + } + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + }, + + sections: { + vpnGateway: { + type: 'select', + title: 'VPN Gateway', + listView: { + id: 'vpnGateway', + label: 'VPN Gateway', + fields: { + publicip: { label: 'label.ip.address' }, + account: { label: 'label.account' }, + domain: { label: 'label.domain' } + }, + dataProvider: function(args) { + var array1 = []; + if(args.filterBy != null) { + if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { + switch(args.filterBy.search.by) { + case "name": + if(args.filterBy.search.value.length > 0) + array1.push("&keyword=" + args.filterBy.search.value); + break; } + } + } + $.ajax({ + url: createURL("listVpnGateways&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("")), + data: { + vpcid: args.context.vpc[0].id }, - createForm: { - title: 'Add VPN Gateway', - desc: 'Please confirm that you want to add a VPN Gateway', - fields: {} - }, - action: function(args) { - $.ajax({ - url: createURL("createVpnGateway"), - data: { - vpcid: args.context.vpc[0].id - }, - success: function(json) { - var jid = json.createvpngatewayresponse.jobid; - args.response.success( - {_custom: - { - jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.vpngateway; + async: false, + success: function(json) { + var items = json.listvpngatewaysresponse.vpngateway; + args.response.success({data: items}); + } + }); + }, + detailView: { + name: 'label.details', + actions: { + remove: { + label: 'delete VPN Gateway', + messages: { + confirm: function(args) { + return 'Please confirm that you want to delete this VPN Gateway'; + }, + notification: function(args) { + return 'delete VPN Gateway'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("deleteVpnGateway"), + data: { + id: args.context.vpnGateway[0].id + }, + success: function(json) { + var jid = json.deletevpngatewayresponse.jobid; + args.response.success( + {_custom: + { + jobId: jid } } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } } - } - }, - - dataProvider: function(args) { - var array1 = []; - if(args.filterBy != null) { - if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { - switch(args.filterBy.search.by) { - case "name": - if(args.filterBy.search.value.length > 0) - array1.push("&keyword=" + args.filterBy.search.value); - break; - } - } - } - $.ajax({ - url: createURL("listVpnGateways&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("")), - data: { - vpcid: args.context.vpc[0].id - }, - async: false, - success: function(json) { - var items = json.listvpngatewaysresponse.vpngateway; - args.response.success({data: items}); - } - }); - }, - detailView: { - name: 'label.details', - actions: { - remove: { - label: 'delete VPN Gateway', - messages: { - confirm: function(args) { - return 'Please confirm that you want to delete this VPN Gateway'; - }, - notification: function(args) { - return 'delete VPN Gateway'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("deleteVpnGateway"), - data: { - id: args.context.vpnGateway[0].id - }, - success: function(json) { - var jid = json.deletevpngatewayresponse.jobid; - args.response.success( - {_custom: - { - jobId: jid - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - } - }, - tabs: { - details: { - title: 'label.details', - fields: [ - { - publicip: { label: 'label.ip.address' } + }, + tabs: { + details: { + title: 'label.details', + fields: [ + { + publicip: { label: 'label.ip.address' } }, - { - id: { label: 'label.id' }, - domain: { label: 'label.domain' }, - account: { label: 'label.account' } - } - ], - dataProvider: function(args) { - $.ajax({ - url: createURL("listVpnGateways"), - data: { - id: args.context.vpnGateway[0].id - }, - async: true, - success: function(json) { - var item = json.listvpngatewaysresponse.vpngateway[0]; - args.response.success({data: item}); - } - }); - } - } - } - } - } - }, - vpnConnection: { - type: 'select', - title: 'VPN Connection', - listView: { - id: 'vpnConnection', - label: 'VPN Connection', - fields: { - publicip: { label: 'label.ip.address' }, - gateway: { label: 'label.gateway' }, - cidrlist: { label: 'CIDR list' }, - ipsecpsk: { label: 'IPsec Preshared-Key' }, - ikepolicy: { label: 'IKE policy' }, - esppolicy: { label: 'ESP policy' } - }, - dataProvider: function(args) { - var array1 = []; - if(args.filterBy != null) { - if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { - switch(args.filterBy.search.by) { - case "name": - if(args.filterBy.search.value.length > 0) - array1.push("&keyword=" + args.filterBy.search.value); - break; - } - } - } - $.ajax({ - url: createURL("listVpnConnections&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("")), - data: { - vpcid: args.context.vpc[0].id - }, - success: function(json) { - var items = json.listvpnconnectionsresponse.vpnconnection; - args.response.success({data:items}); - } - }); - }, + { + id: { label: 'label.id' }, + domain: { label: 'label.domain' }, + account: { label: 'label.account' } + } + ], + dataProvider: function(args) { + $.ajax({ + url: createURL("listVpnGateways"), + data: { + id: args.context.vpnGateway[0].id + }, + async: true, + success: function(json) { + var item = json.listvpngatewaysresponse.vpngateway[0]; + args.response.success({data: item}); + } + }); + } + } + } + } + } + }, + vpnConnection: { + type: 'select', + title: 'VPN Connection', + listView: { + id: 'vpnConnection', + label: 'VPN Connection', + fields: { + publicip: { label: 'label.ip.address' }, + gateway: { label: 'label.gateway' }, + cidrlist: { label: 'CIDR list' }, + ipsecpsk: { label: 'IPsec Preshared-Key' }, + ikepolicy: { label: 'IKE policy' }, + esppolicy: { label: 'ESP policy' } + }, + dataProvider: function(args) { + var array1 = []; + if(args.filterBy != null) { + if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) { + switch(args.filterBy.search.by) { + case "name": + if(args.filterBy.search.value.length > 0) + array1.push("&keyword=" + args.filterBy.search.value); + break; + } + } + } + $.ajax({ + url: createURL("listVpnConnections&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("")), + data: { + vpcid: args.context.vpc[0].id + }, + success: function(json) { + var items = json.listvpnconnectionsresponse.vpnconnection; + args.response.success({data:items}); + } + }); + }, actions:{ add: { @@ -894,16 +915,16 @@ notification:function(args) { return 'add VPN connection'; - } + } }, createForm: { - title:'add VPN connection', - fields: { - zoneid: { + title:'add VPN connection', + fields: { + zoneid: { label:'Zone', - validation:{required:true}, - select: function(args) { + validation:{required:true}, + select: function(args) { $.ajax({ url: createURL('listZones'), data: { @@ -924,10 +945,10 @@ } }, - vpcid:{ - label:'VPC', + vpcid:{ + label:'VPC', validation:{ required:true}, - dependsOn: 'zoneid', + dependsOn: 'zoneid', select: function(args) { $.ajax({ url: createURL('listVPCs'), @@ -935,886 +956,886 @@ zoneid: args.zoneid, listAll: true }, - success: function(json) { + success: function(json) { var items = json.listvpcsresponse.vpc; var data; if(items != null && items.length > 0) { - data = $.map(items, function(item) { + data = $.map(items, function(item) { return { id: item.id, description: item.name } - }); + }); } args.response.success({ data: data }); } }); } - } - } - }, + } + } + }, action:function(args) { // Code for passing the customer gateway ID and VPN id - + } - } + } }, - - detailView: { - name: 'label.details', - tabs: { - details: { - title: 'label.details', - fields: [ - { - id: { label: 'label.id' }, - - //s2svpngatewayid: { label: 'VPN gateway ID' }, - publicip: { label: 'label.ip.address' }, - - //s2scustomergatewayid: { label: 'Customer gateway ID' }, - gateway: { label: 'label.gateway' }, - cidrlist: { label: 'CIDR list' }, - ipsecpsk: { label: 'IPsec Preshared-Key' }, - ikepolicy: { label: 'IKE policy' }, - esppolicy: { label: 'ESP policy' }, - lifetime: { label: 'Lifetime (second)' }, - state: {label: 'State' }, - created: { label: 'label.date', converter: cloudStack.converters.toLocalDate } - } - ], - - dataProvider: function(args) { - $.ajax({ - url: createURL("listVpnConnections&id=" + args.context.vpnConnection[0].id), - dataType: "json", - async: true, - success: function(json) { - var item = json.listvpnconnectionsresponse.vpnconnection[0]; - args.response.success({data: item}); - } - }); - } - } - }, - actions: { - restart: { - label: 'Reset VPN connection', - messages: { - confirm: function(args) { - return 'Please confirm that you want to reset VPN connection' ; - }, - notification: function(args) { - return 'Reset VPN connection'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("resetVpnConnection"), - data: { - id: args.context.vpnConnection[0].id - }, - dataType: "json", - async: true, - success: function(json) { - var jid = json.resetvpnconnectionresponse.jobid; - args.response.success( - {_custom: - { - jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.vpnconnection; - } - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - }, - - remove: { - label: 'delete VPN connection', - messages: { - confirm: function(args) { - return 'Please confirm that you want to delete VPN connection'; - }, - notification: function(args) { - return 'delete VPN connection'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("deleteVpnConnection"), - dataType: "json", - data: { - id: args.context.vpnConnection[0].id - }, - async: true, - success: function(json) { - var jid = json.deletevpnconnectionresponse.jobid; - args.response.success( - {_custom: - { - jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.vpnconnection; - } - } - } - ); - } - }); - }, + + detailView: { + name: 'label.details', + tabs: { + details: { + title: 'label.details', + fields: [ + { + id: { label: 'label.id' }, + + //s2svpngatewayid: { label: 'VPN gateway ID' }, + publicip: { label: 'label.ip.address' }, + + //s2scustomergatewayid: { label: 'Customer gateway ID' }, + gateway: { label: 'label.gateway' }, + cidrlist: { label: 'CIDR list' }, + ipsecpsk: { label: 'IPsec Preshared-Key' }, + ikepolicy: { label: 'IKE policy' }, + esppolicy: { label: 'ESP policy' }, + lifetime: { label: 'Lifetime (second)' }, + state: {label: 'State' }, + created: { label: 'label.date', converter: cloudStack.converters.toLocalDate } + } + ], + + dataProvider: function(args) { + $.ajax({ + url: createURL("listVpnConnections&id=" + args.context.vpnConnection[0].id), + dataType: "json", + async: true, + success: function(json) { + var item = json.listvpnconnectionsresponse.vpnconnection[0]; + args.response.success({data: item}); + } + }); + } + } + }, + actions: { + restart: { + label: 'Reset VPN connection', + messages: { + confirm: function(args) { + return 'Please confirm that you want to reset VPN connection' ; + }, + notification: function(args) { + return 'Reset VPN connection'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("resetVpnConnection"), + data: { + id: args.context.vpnConnection[0].id + }, + dataType: "json", + async: true, + success: function(json) { + var jid = json.resetvpnconnectionresponse.jobid; + args.response.success( + {_custom: + { + jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.vpnconnection; + } + } + } + ); + } + }); + }, notification: { - poll: pollAsyncJobResult - } - } - } - } - } - } - } + poll: pollAsyncJobResult + } + }, + + remove: { + label: 'delete VPN connection', + messages: { + confirm: function(args) { + return 'Please confirm that you want to delete VPN connection'; + }, + notification: function(args) { + return 'delete VPN connection'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("deleteVpnConnection"), + dataType: "json", + data: { + id: args.context.vpnConnection[0].id + }, + async: true, + success: function(json) { + var jid = json.deletevpnconnectionresponse.jobid; + args.response.success( + {_custom: + { + jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.vpnconnection; + } + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + } + } + } + } + } + } }, - + tiers: { - detailView: { //duplicate from cloudStack.sections.network.sections.networks.listView.detailView (begin) - name: 'Guest network details', - viewAll: { - path: 'network.ipAddresses', - label: 'label.menu.ipaddresses', - preFilter: function(args) { - if (args.context.networks[0].state == 'Destroyed') - return false; + detailView: { //duplicate from cloudStack.sections.network.sections.networks.listView.detailView (begin) + name: 'Guest network details', + viewAll: { + path: 'network.ipAddresses', + label: 'label.menu.ipaddresses', + preFilter: function(args) { + if (args.context.networks[0].state == 'Destroyed') + return false; - var services = args.context.networks[0].service; - if(services == null) - return false; + var services = args.context.networks[0].service; + if(services == null) + return false; - if(args.context.networks[0].type == "Isolated") { - for(var i=0; i < services.length; i++) { - var service = services[i]; - if(service.name == "SourceNat") { - return true; - } - } - } - else if(args.context.networks[0].type == "Shared") { - var havingSecurityGroupService = false; - var havingElasticIpCapability = false; - var havingElasticLbCapability = false; + if(args.context.networks[0].type == "Isolated") { + for(var i=0; i < services.length; i++) { + var service = services[i]; + if(service.name == "SourceNat") { + return true; + } + } + } + else if(args.context.networks[0].type == "Shared") { + var havingSecurityGroupService = false; + var havingElasticIpCapability = false; + var havingElasticLbCapability = false; - for(var i=0; i < services.length; i++) { - var service = services[i]; - if(service.name == "SecurityGroup") { - havingSecurityGroupService = true; - } - else if(service.name == "StaticNat") { - $(service.capability).each(function(){ - if(this.name == "ElasticIp" && this.value == "true") { - havingElasticIpCapability = true; - return false; //break $.each() loop - } - }); - } - else if(service.name == "Lb") { - $(service.capability).each(function(){ - if(this.name == "ElasticLb" && this.value == "true") { - havingElasticLbCapability = true; - return false; //break $.each() loop - } - }); - } - } + for(var i=0; i < services.length; i++) { + var service = services[i]; + if(service.name == "SecurityGroup") { + havingSecurityGroupService = true; + } + else if(service.name == "StaticNat") { + $(service.capability).each(function(){ + if(this.name == "ElasticIp" && this.value == "true") { + havingElasticIpCapability = true; + return false; //break $.each() loop + } + }); + } + else if(service.name == "Lb") { + $(service.capability).each(function(){ + if(this.name == "ElasticLb" && this.value == "true") { + havingElasticLbCapability = true; + return false; //break $.each() loop + } + }); + } + } - if(havingSecurityGroupService == true && havingElasticIpCapability == true && havingElasticLbCapability == true) - return true; - else - return false; - } + if(havingSecurityGroupService == true && havingElasticIpCapability == true && havingElasticLbCapability == true) + return true; + else + return false; + } - return false; - } - }, - actions: { - edit: { - label: 'label.edit', - messages: { - notification: function(args) { - return 'label.edit.network.details'; - } - }, - action: function(args) { - var array1 = []; - array1.push("&name=" + todb(args.data.name)); - array1.push("&displaytext=" + todb(args.data.displaytext)); + return false; + } + }, + actions: { + edit: { + label: 'label.edit', + messages: { + notification: function(args) { + return 'label.edit.network.details'; + } + }, + action: function(args) { + var array1 = []; + array1.push("&name=" + todb(args.data.name)); + array1.push("&displaytext=" + todb(args.data.displaytext)); - //args.data.networkdomain is null when networkdomain field is hidden - if(args.data.networkdomain != null && args.data.networkdomain != args.context.networks[0].networkdomain) - array1.push("&networkdomain=" + todb(args.data.networkdomain)); + //args.data.networkdomain is null when networkdomain field is hidden + if(args.data.networkdomain != null && args.data.networkdomain != args.context.networks[0].networkdomain) + array1.push("&networkdomain=" + todb(args.data.networkdomain)); - //args.data.networkofferingid is null when networkofferingid field is hidden - if(args.data.networkofferingid != null && args.data.networkofferingid != args.context.networks[0].networkofferingid) { - array1.push("&networkofferingid=" + todb(args.data.networkofferingid)); + //args.data.networkofferingid is null when networkofferingid field is hidden + if(args.data.networkofferingid != null && args.data.networkofferingid != args.context.networks[0].networkofferingid) { + array1.push("&networkofferingid=" + todb(args.data.networkofferingid)); - if(args.context.networks[0].type == "Isolated") { //Isolated network - cloudStack.dialog.confirm({ - message: 'Do you want to keep the current guest network CIDR unchanged?', - action: function() { //"Yes" button is clicked - array1.push("&changecidr=false"); - $.ajax({ - url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), - dataType: "json", - success: function(json) { - var jid = json.updatenetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - var item = json.queryasyncjobresultresponse.jobresult.network; - return {data: item}; - } - } - } - ); - } - }); - }, - cancelAction: function() { //"Cancel" button is clicked - array1.push("&changecidr=true"); - $.ajax({ - url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), - dataType: "json", - success: function(json) { - var jid = json.updatenetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - var item = json.queryasyncjobresultresponse.jobresult.network; - return {data: item}; - } - } - } - ); - } - }); - } - }); - return; - } - } + if(args.context.networks[0].type == "Isolated") { //Isolated network + cloudStack.dialog.confirm({ + message: 'Do you want to keep the current guest network CIDR unchanged?', + action: function() { //"Yes" button is clicked + array1.push("&changecidr=false"); + $.ajax({ + url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), + dataType: "json", + success: function(json) { + var jid = json.updatenetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + var item = json.queryasyncjobresultresponse.jobresult.network; + return {data: item}; + } + } + } + ); + } + }); + }, + cancelAction: function() { //"Cancel" button is clicked + array1.push("&changecidr=true"); + $.ajax({ + url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), + dataType: "json", + success: function(json) { + var jid = json.updatenetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + var item = json.queryasyncjobresultresponse.jobresult.network; + return {data: item}; + } + } + } + ); + } + }); + } + }); + return; + } + } - $.ajax({ - url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), - dataType: "json", - success: function(json) { - var jid = json.updatenetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - var item = json.queryasyncjobresultresponse.jobresult.network; - return {data: item}; - } - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - }, + $.ajax({ + url: createURL("updateNetwork&id=" + args.context.networks[0].id + array1.join("")), + dataType: "json", + success: function(json) { + var jid = json.updatenetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + var item = json.queryasyncjobresultresponse.jobresult.network; + return {data: item}; + } + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + }, - 'restart': { - label: 'label.restart.network', - createForm: { - title: 'label.restart.network', - desc: 'message.restart.network', - preFilter: function(args) { - var zoneObj; - $.ajax({ - url: createURL("listZones&id=" + args.context.networks[0].zoneid), - dataType: "json", - async: false, - success: function(json){ - zoneObj = json.listzonesresponse.zone[0]; - } - }); - if(zoneObj.networktype == "Basic") { - args.$form.find('.form-item[rel=cleanup]').find('input').removeAttr('checked'); //unchecked - args.$form.find('.form-item[rel=cleanup]').hide(); //hidden - } - else { - args.$form.find('.form-item[rel=cleanup]').find('input').attr('checked', 'checked'); //checked - args.$form.find('.form-item[rel=cleanup]').css('display', 'inline-block'); //shown - } - }, - fields: { - cleanup: { - label: 'label.clean.up', - isBoolean: true - } - } - }, - messages: { - notification: function(args) { - return 'label.restart.network'; - } - }, - action: function(args) { - var array1 = []; - array1.push("&cleanup=" + (args.data.cleanup == "on")); - $.ajax({ - url: createURL("restartNetwork&id=" + args.context.networks[0].id + array1.join("")), - dataType: "json", - async: true, - success: function(json) { - var jid = json.restartnetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid, - getUpdatedItem: function(json) { - return json.queryasyncjobresultresponse.jobresult.network; - } - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - }, + 'restart': { + label: 'label.restart.network', + createForm: { + title: 'label.restart.network', + desc: 'message.restart.network', + preFilter: function(args) { + var zoneObj; + $.ajax({ + url: createURL("listZones&id=" + args.context.networks[0].zoneid), + dataType: "json", + async: false, + success: function(json){ + zoneObj = json.listzonesresponse.zone[0]; + } + }); + if(zoneObj.networktype == "Basic") { + args.$form.find('.form-item[rel=cleanup]').find('input').removeAttr('checked'); //unchecked + args.$form.find('.form-item[rel=cleanup]').hide(); //hidden + } + else { + args.$form.find('.form-item[rel=cleanup]').find('input').attr('checked', 'checked'); //checked + args.$form.find('.form-item[rel=cleanup]').css('display', 'inline-block'); //shown + } + }, + fields: { + cleanup: { + label: 'label.clean.up', + isBoolean: true + } + } + }, + messages: { + notification: function(args) { + return 'label.restart.network'; + } + }, + action: function(args) { + var array1 = []; + array1.push("&cleanup=" + (args.data.cleanup == "on")); + $.ajax({ + url: createURL("restartNetwork&id=" + args.context.networks[0].id + array1.join("")), + dataType: "json", + async: true, + success: function(json) { + var jid = json.restartnetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid, + getUpdatedItem: function(json) { + return json.queryasyncjobresultresponse.jobresult.network; + } + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + }, - remove: { - label: 'label.action.delete.network', - messages: { - confirm: function(args) { - return 'message.action.delete.network'; - }, - notification: function(args) { - return 'label.action.delete.network'; - } - }, - action: function(args) { - $.ajax({ - url: createURL("deleteNetwork&id=" + args.context.networks[0].id), - dataType: "json", - async: true, - success: function(json) { - var jid = json.deletenetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid - } - } - ); - } - }); - }, - notification: { - poll: pollAsyncJobResult - } - } - }, + remove: { + label: 'label.action.delete.network', + messages: { + confirm: function(args) { + return 'message.action.delete.network'; + }, + notification: function(args) { + return 'label.action.delete.network'; + } + }, + action: function(args) { + $.ajax({ + url: createURL("deleteNetwork&id=" + args.context.networks[0].id), + dataType: "json", + async: true, + success: function(json) { + var jid = json.deletenetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid + } + } + ); + } + }); + }, + notification: { + poll: pollAsyncJobResult + } + } + }, - tabFilter: function(args) { - var networkOfferingHavingELB = false; - $.ajax({ - url: createURL("listNetworkOfferings&id=" + args.context.networks[0].networkofferingid), - dataType: "json", - async: false, - success: function(json) { - var networkoffering = json.listnetworkofferingsresponse.networkoffering[0]; - $(networkoffering.service).each(function(){ - var thisService = this; - if(thisService.name == "Lb") { - $(thisService.capability).each(function(){ - if(this.name == "ElasticLb" && this.value == "true") { - networkOfferingHavingELB = true; - return false; //break $.each() loop - } - }); - return false; //break $.each() loop - } - }); - } - }); + tabFilter: function(args) { + var networkOfferingHavingELB = false; + $.ajax({ + url: createURL("listNetworkOfferings&id=" + args.context.networks[0].networkofferingid), + dataType: "json", + async: false, + success: function(json) { + var networkoffering = json.listnetworkofferingsresponse.networkoffering[0]; + $(networkoffering.service).each(function(){ + var thisService = this; + if(thisService.name == "Lb") { + $(thisService.capability).each(function(){ + if(this.name == "ElasticLb" && this.value == "true") { + networkOfferingHavingELB = true; + return false; //break $.each() loop + } + }); + return false; //break $.each() loop + } + }); + } + }); - var hiddenTabs = []; - if(networkOfferingHavingELB == false) - hiddenTabs.push("addloadBalancer"); - return hiddenTabs; - }, + var hiddenTabs = []; + if(networkOfferingHavingELB == false) + hiddenTabs.push("addloadBalancer"); + return hiddenTabs; + }, - isMaximized: true, - tabs: { - details: { - title: 'label.details', - preFilter: function(args) { - var hiddenFields = []; - var zone; + isMaximized: true, + tabs: { + details: { + title: 'label.details', + preFilter: function(args) { + var hiddenFields = []; + var zone; - $.ajax({ - url: createURL('listZones'), - data: { - id: args.context.networks[0].zoneid - }, - async: false, - success: function(json) { - zone = json.listzonesresponse.zone[0]; - } - }); + $.ajax({ + url: createURL('listZones'), + data: { + id: args.context.networks[0].zoneid + }, + async: false, + success: function(json) { + zone = json.listzonesresponse.zone[0]; + } + }); - if(zone.networktype == "Basic") { - hiddenFields.push("account"); - hiddenFields.push("gateway"); - hiddenFields.push("vlan"); - hiddenFields.push("cidr"); - //hiddenFields.push("netmask"); - } + if(zone.networktype == "Basic") { + hiddenFields.push("account"); + hiddenFields.push("gateway"); + hiddenFields.push("vlan"); + hiddenFields.push("cidr"); + //hiddenFields.push("netmask"); + } - if(args.context.networks[0].type == "Isolated") { - hiddenFields.push("networkofferingdisplaytext"); - hiddenFields.push("networkdomaintext"); - hiddenFields.push("gateway"); - hiddenFields.push("networkofferingname"); - //hiddenFields.push("netmask"); - } - else { //selectedGuestNetworkObj.type == "Shared" - hiddenFields.push("networkofferingid"); - hiddenFields.push("networkdomain"); - } - return hiddenFields; - }, - fields: [ - { - name: { - label: 'label.name', - isEditable: true - } - }, - { - id: { label: 'label.id' }, - zonename: { label: 'label.zone' }, - displaytext: { - label: 'label.description', - isEditable: true - }, - type: { - label: 'label.type' - }, - state: { - label: 'label.state' - }, - restartrequired: { - label: 'label.restart.required', - converter: function(booleanValue) { - if(booleanValue == true) - return "Yes"; - else if(booleanValue == false) - return "No"; - } - }, - vlan: { label: 'VLAN ID' }, + if(args.context.networks[0].type == "Isolated") { + hiddenFields.push("networkofferingdisplaytext"); + hiddenFields.push("networkdomaintext"); + hiddenFields.push("gateway"); + hiddenFields.push("networkofferingname"); + //hiddenFields.push("netmask"); + } + else { //selectedGuestNetworkObj.type == "Shared" + hiddenFields.push("networkofferingid"); + hiddenFields.push("networkdomain"); + } + return hiddenFields; + }, + fields: [ + { + name: { + label: 'label.name', + isEditable: true + } + }, + { + id: { label: 'label.id' }, + zonename: { label: 'label.zone' }, + displaytext: { + label: 'label.description', + isEditable: true + }, + type: { + label: 'label.type' + }, + state: { + label: 'label.state' + }, + restartrequired: { + label: 'label.restart.required', + converter: function(booleanValue) { + if(booleanValue == true) + return "Yes"; + else if(booleanValue == false) + return "No"; + } + }, + vlan: { label: 'VLAN ID' }, - networkofferingname: { label: 'label.network.offering' }, + networkofferingname: { label: 'label.network.offering' }, - networkofferingid: { - label: 'label.network.offering', - isEditable: true, - select: function(args){ - if (args.context.networks[0].state == 'Destroyed') { - args.response.success({ data: [] }); - return; - } + networkofferingid: { + label: 'label.network.offering', + isEditable: true, + select: function(args){ + if (args.context.networks[0].state == 'Destroyed') { + args.response.success({ data: [] }); + return; + } - var items = []; - $.ajax({ - url: createURL("listNetworkOfferings&networkid=" + args.context.networks[0].id), - dataType: "json", - async: false, - success: function(json) { - var networkOfferingObjs = json.listnetworkofferingsresponse.networkoffering; - $(networkOfferingObjs).each(function() { - items.push({id: this.id, description: this.displaytext}); - }); - } - }); - $.ajax({ - url: createURL("listNetworkOfferings&id=" + args.context.networks[0].networkofferingid), //include currently selected network offeirng to dropdown - dataType: "json", - async: false, - success: function(json) { - var networkOfferingObjs = json.listnetworkofferingsresponse.networkoffering; - $(networkOfferingObjs).each(function() { - items.push({id: this.id, description: this.displaytext}); - }); - } - }); - args.response.success({data: items}); - } - }, + var items = []; + $.ajax({ + url: createURL("listNetworkOfferings&networkid=" + args.context.networks[0].id), + dataType: "json", + async: false, + success: function(json) { + var networkOfferingObjs = json.listnetworkofferingsresponse.networkoffering; + $(networkOfferingObjs).each(function() { + items.push({id: this.id, description: this.displaytext}); + }); + } + }); + $.ajax({ + url: createURL("listNetworkOfferings&id=" + args.context.networks[0].networkofferingid), //include currently selected network offeirng to dropdown + dataType: "json", + async: false, + success: function(json) { + var networkOfferingObjs = json.listnetworkofferingsresponse.networkoffering; + $(networkOfferingObjs).each(function() { + items.push({id: this.id, description: this.displaytext}); + }); + } + }); + args.response.success({data: items}); + } + }, - gateway: { label: 'label.gateway' }, + gateway: { label: 'label.gateway' }, - //netmask: { label: 'Netmask' }, - cidr: { label: 'CIDR' }, + //netmask: { label: 'Netmask' }, + cidr: { label: 'CIDR' }, - networkdomaintext: { - label: 'label.network.domain.text' - }, - networkdomain: { - label: 'label.network.domain', - isEditable: true - }, + networkdomaintext: { + label: 'label.network.domain.text' + }, + networkdomain: { + label: 'label.network.domain', + isEditable: true + }, - domain: { label: 'label.domain' }, - account: { label: 'label.account' } - } - ], - dataProvider: function(args) { - $.ajax({ - url: createURL("listNetworks&id=" + args.context.networks[0].id + "&listAll=true"), //pass "&listAll=true" to "listNetworks&id=xxxxxxxx" for now before API gets fixed. - data: { listAll: true }, - dataType: "json", - async: true, - success: function(json) { - var jsonObj = json.listnetworksresponse.network[0]; - args.response.success( - { - actionFilter: cloudStack.actionFilter.guestNetwork, - data: jsonObj - } - ); - } - }); - } - }, + domain: { label: 'label.domain' }, + account: { label: 'label.account' } + } + ], + dataProvider: function(args) { + $.ajax({ + url: createURL("listNetworks&id=" + args.context.networks[0].id + "&listAll=true"), //pass "&listAll=true" to "listNetworks&id=xxxxxxxx" for now before API gets fixed. + data: { listAll: true }, + dataType: "json", + async: true, + success: function(json) { + var jsonObj = json.listnetworksresponse.network[0]; + args.response.success( + { + actionFilter: cloudStack.actionFilter.guestNetwork, + data: jsonObj + } + ); + } + }); + } + }, - addloadBalancer: { - title: 'label.add.load.balancer', - custom: function(args) { - var context = args.context; + addloadBalancer: { + title: 'label.add.load.balancer', + custom: function(args) { + var context = args.context; - return $('
').multiEdit( - { - context: context, - listView: $.extend(true, {}, cloudStack.sections.instances, { - listView: { - dataProvider: function(args) { - var networkid; - if('vpc' in args.context) - networkid = args.context.multiData.tier; - else - networkid = args.context.ipAddresses[0].associatednetworkid; - - var data = { - page: args.page, - pageSize: pageSize, - networkid: networkid, - listAll: true - }; - - $.ajax({ - url: createURL('listVirtualMachines'), - data: data, - dataType: 'json', - async: true, - success: function(data) { - args.response.success({ - data: $.grep( - data.listvirtualmachinesresponse.virtualmachine ? - data.listvirtualmachinesresponse.virtualmachine : [], - function(instance) { - return $.inArray(instance.state, [ - 'Destroyed' - ]) == -1; - } - ) - }); - }, - error: function(data) { - args.response.error(parseXMLHttpResponse(data)); - } - }); - } - } - }), - multipleAdd: true, - fields: { - 'name': { edit: true, label: 'label.name' }, - 'publicport': { edit: true, label: 'label.public.port' }, - 'privateport': { edit: true, label: 'label.private.port' }, - 'algorithm': { - label: 'label.algorithm', - select: function(args) { - args.response.success({ - data: [ - { name: 'roundrobin', description: _l('label.round.robin') }, - { name: 'leastconn', description: _l('label.least.connections') }, - { name: 'source', description: _l('label.source') } - ] - }); - } - }, - 'sticky': { - label: 'label.stickiness', - custom: { - buttonLabel: 'label.configure', - action: cloudStack.lbStickyPolicy.dialog() - } - }, - 'add-vm': { - label: 'label.add.vms', - addButton: true - } - }, - add: { - label: 'label.add.vms', - action: function(args) { - var data = { - algorithm: args.data.algorithm, - name: args.data.name, - privateport: args.data.privateport, - publicport: args.data.publicport, - openfirewall: false, - domainid: g_domainid, - account: g_account - }; - - if('vpc' in args.context) { //from VPC section - if(args.data.tier == null) { - args.response.error('Tier is required'); - return; - } - $.extend(data, { - networkid: args.data.tier - }); - } - else { //from Guest Network section - $.extend(data, { - networkid: args.context.networks[0].id - }); - } - - var stickyData = $.extend(true, {}, args.data.sticky); - - $.ajax({ - url: createURL('createLoadBalancerRule'), - data: data, - dataType: 'json', - async: true, - success: function(data) { - var itemData = args.itemData; - var jobID = data.createloadbalancerruleresponse.jobid; + return $('
').multiEdit( + { + context: context, + listView: $.extend(true, {}, cloudStack.sections.instances, { + listView: { + dataProvider: function(args) { + var networkid; + if('vpc' in args.context) + networkid = args.context.multiData.tier; + else + networkid = args.context.ipAddresses[0].associatednetworkid; - $.ajax({ - url: createURL('assignToLoadBalancerRule'), - data: { - id: data.createloadbalancerruleresponse.id, - virtualmachineids: $.map(itemData, function(elem) { - return elem.id; - }).join(',') - }, - dataType: 'json', - async: true, - success: function(data) { - var lbCreationComplete = false; + var data = { + page: args.page, + pageSize: pageSize, + networkid: networkid, + listAll: true + }; - args.response.success({ - _custom: { - jobId: jobID - }, - notification: { - label: 'label.add.load.balancer', - poll: function(args) { - var complete = args.complete; - var error = args.error; + $.ajax({ + url: createURL('listVirtualMachines'), + data: data, + dataType: 'json', + async: true, + success: function(data) { + args.response.success({ + data: $.grep( + data.listvirtualmachinesresponse.virtualmachine ? + data.listvirtualmachinesresponse.virtualmachine : [], + function(instance) { + return $.inArray(instance.state, [ + 'Destroyed' + ]) == -1; + } + ) + }); + }, + error: function(data) { + args.response.error(parseXMLHttpResponse(data)); + } + }); + } + } + }), + multipleAdd: true, + fields: { + 'name': { edit: true, label: 'label.name' }, + 'publicport': { edit: true, label: 'label.public.port' }, + 'privateport': { edit: true, label: 'label.private.port' }, + 'algorithm': { + label: 'label.algorithm', + select: function(args) { + args.response.success({ + data: [ + { name: 'roundrobin', description: _l('label.round.robin') }, + { name: 'leastconn', description: _l('label.least.connections') }, + { name: 'source', description: _l('label.source') } + ] + }); + } + }, + 'sticky': { + label: 'label.stickiness', + custom: { + buttonLabel: 'label.configure', + action: cloudStack.lbStickyPolicy.dialog() + } + }, + 'add-vm': { + label: 'label.add.vms', + addButton: true + } + }, + add: { + label: 'label.add.vms', + action: function(args) { + var data = { + algorithm: args.data.algorithm, + name: args.data.name, + privateport: args.data.privateport, + publicport: args.data.publicport, + openfirewall: false, + domainid: g_domainid, + account: g_account + }; - pollAsyncJobResult({ - _custom: args._custom, - complete: function(args) { - if (lbCreationComplete) { - return; - } + if('vpc' in args.context) { //from VPC section + if(args.data.tier == null) { + args.response.error('Tier is required'); + return; + } + $.extend(data, { + networkid: args.data.tier + }); + } + else { //from Guest Network section + $.extend(data, { + networkid: args.context.networks[0].id + }); + } - lbCreationComplete = true; - cloudStack.dialog.notice({ - message: _l('message.add.load.balancer.under.ip') + - args.data.loadbalancer.publicip - }); + var stickyData = $.extend(true, {}, args.data.sticky); + + $.ajax({ + url: createURL('createLoadBalancerRule'), + data: data, + dataType: 'json', + async: true, + success: function(data) { + var itemData = args.itemData; + var jobID = data.createloadbalancerruleresponse.jobid; + + $.ajax({ + url: createURL('assignToLoadBalancerRule'), + data: { + id: data.createloadbalancerruleresponse.id, + virtualmachineids: $.map(itemData, function(elem) { + return elem.id; + }).join(',') + }, + dataType: 'json', + async: true, + success: function(data) { + var lbCreationComplete = false; + + args.response.success({ + _custom: { + jobId: jobID + }, + notification: { + label: 'label.add.load.balancer', + poll: function(args) { + var complete = args.complete; + var error = args.error; + + pollAsyncJobResult({ + _custom: args._custom, + complete: function(args) { + if (lbCreationComplete) { + return; + } + + lbCreationComplete = true; + cloudStack.dialog.notice({ + message: _l('message.add.load.balancer.under.ip') + + args.data.loadbalancer.publicip + }); + + if (stickyData && + stickyData.methodname && + stickyData.methodname != 'None') { + cloudStack.lbStickyPolicy.actions.add( + args.data.loadbalancer.id, + stickyData, + complete, // Complete + complete // Error + ); + } else { + complete(); + } + }, + error: error + }); + } + } + }); + }, + error: function(data) { + args.response.error(parseXMLHttpResponse(data)); + } + }); + }, + error: function(data) { + args.response.error(parseXMLHttpResponse(data)); + } + }); + } + }, + dataProvider: function(args) { + args.response.success({ //no LB listing in AddLoadBalancer tab + data: [] + }); + } + } + ); + } + } + } + }, //duplicate from cloudStack.sections.network.sections.networks.listView.detailView (begin) - if (stickyData && - stickyData.methodname && - stickyData.methodname != 'None') { - cloudStack.lbStickyPolicy.actions.add( - args.data.loadbalancer.id, - stickyData, - complete, // Complete - complete // Error - ); - } else { - complete(); - } - }, - error: error - }); - } - } - }); - }, - error: function(data) { - args.response.error(parseXMLHttpResponse(data)); - } - }); - }, - error: function(data) { - args.response.error(parseXMLHttpResponse(data)); - } - }); - } - }, - dataProvider: function(args) { - args.response.success({ //no LB listing in AddLoadBalancer tab - data: [] - }); - } - } - ); - } - } - } - }, //duplicate from cloudStack.sections.network.sections.networks.listView.detailView (begin) - actionPreFilter: function(args) { var tier = args.context.networks[0]; var state = tier.state; return state == 'Running' ? ['start'] : ['stop']; }, - actions: { + actions: { add: { - label: 'Add new tier', - createForm: { - title: 'Add new tier', - fields: { - name: { label: 'label.name', - validation: { required: true } - }, - networkOfferingId: { - label: 'label.network.offering', - validation: { required: true }, - dependsOn: 'zoneId', - select: function(args) { - var networkSupportingLbExists = false; - $.ajax({ - url: createURL('listNetworks'), - data: { - vpcid: args.context.vpc[0].id, - supportedservices: 'LB' - }, - success: function(json) { - var networkSupportingLbExists; - if(json.listnetworksresponse.network != null && json.listnetworksresponse.network.length > 0) - networkSupportingLbExists = true; - else - networkSupportingLbExists = false; - - $.ajax({ - url: createURL('listNetworkOfferings'), - data: { - forvpc: true, - zoneid: args.zoneId, - guestiptype: 'Isolated', - supportedServices: 'SourceNat', - specifyvlan: false, - state: 'Enabled' - }, - success: function(json) { - var networkOfferings = json.listnetworkofferingsresponse.networkoffering; - - var items; - if(networkSupportingLbExists == true) { - items = $.grep(networkOfferings, function(networkOffering) { - var includingLbService = false; - $(networkOffering.service).each(function(){ - var thisService = this; - if(thisService.name == "Lb") { - includingLbService = true; - return false; //break $.each() loop - } - }); - return !includingLbService; - }); - } - else { - items = networkOfferings; - } - - args.response.success({ - data: $.map(items, function(item) { - return { - id: item.id, - description: item.name - }; - }) - }); - } - }); - } - }); - } - }, - gateway: { - label: 'label.gateway', - validation: { required: true } - }, - netmask: { - label: 'label.netmask', - validation: { required: true } - } - } - }, - action: function(args) { - var dataObj = { - vpcid: args.context.vpc[0].id, - zoneId: args.context.vpc[0].zoneid, - networkOfferingId: args.data.networkOfferingId, - name: args.data.name, - displayText: args.data.name, - gateway: args.data.gateway, - netmask: args.data.netmask - }; - - $.ajax({ - url: createURL('createNetwork'), - dataType: 'json', - data: dataObj, - success: function(json) { - args.response.success({ - data: json.createnetworkresponse.network - }); - }, - error: function(XMLHttpResponse) { - args.response.error(parseXMLHttpResponse(XMLHttpResponse)); - } - }); - }, - messages: { - notification: function() { return 'Add new tier'; } - } - }, - - /* + label: 'Add new tier', + createForm: { + title: 'Add new tier', + fields: { + name: { label: 'label.name', + validation: { required: true } + }, + networkOfferingId: { + label: 'label.network.offering', + validation: { required: true }, + dependsOn: 'zoneId', + select: function(args) { + var networkSupportingLbExists = false; + $.ajax({ + url: createURL('listNetworks'), + data: { + vpcid: args.context.vpc[0].id, + supportedservices: 'LB' + }, + success: function(json) { + var networkSupportingLbExists; + if(json.listnetworksresponse.network != null && json.listnetworksresponse.network.length > 0) + networkSupportingLbExists = true; + else + networkSupportingLbExists = false; + + $.ajax({ + url: createURL('listNetworkOfferings'), + data: { + forvpc: true, + zoneid: args.zoneId, + guestiptype: 'Isolated', + supportedServices: 'SourceNat', + specifyvlan: false, + state: 'Enabled' + }, + success: function(json) { + var networkOfferings = json.listnetworkofferingsresponse.networkoffering; + + var items; + if(networkSupportingLbExists == true) { + items = $.grep(networkOfferings, function(networkOffering) { + var includingLbService = false; + $(networkOffering.service).each(function(){ + var thisService = this; + if(thisService.name == "Lb") { + includingLbService = true; + return false; //break $.each() loop + } + }); + return !includingLbService; + }); + } + else { + items = networkOfferings; + } + + args.response.success({ + data: $.map(items, function(item) { + return { + id: item.id, + description: item.name + }; + }) + }); + } + }); + } + }); + } + }, + gateway: { + label: 'label.gateway', + validation: { required: true } + }, + netmask: { + label: 'label.netmask', + validation: { required: true } + } + } + }, + action: function(args) { + var dataObj = { + vpcid: args.context.vpc[0].id, + zoneId: args.context.vpc[0].zoneid, + networkOfferingId: args.data.networkOfferingId, + name: args.data.name, + displayText: args.data.name, + gateway: args.data.gateway, + netmask: args.data.netmask + }; + + $.ajax({ + url: createURL('createNetwork'), + dataType: 'json', + data: dataObj, + success: function(json) { + args.response.success({ + data: json.createnetworkresponse.network + }); + }, + error: function(XMLHttpResponse) { + args.response.error(parseXMLHttpResponse(XMLHttpResponse)); + } + }); + }, + messages: { + notification: function() { return 'Add new tier'; } + } + }, + + /* start: { label: 'Start tier', shortLabel: 'Start', @@ -1825,9 +1846,9 @@ poll: function(args) { args.complete({ data: { state: 'Running' } }); } } }, - */ - - /* + */ + + /* stop: { label: 'Stop tier', shortLabel: 'Stop', @@ -1838,48 +1859,48 @@ poll: function(args) { args.complete({ data: { state: 'Stopped' } }); } } }, - */ - + */ + addVM: { label: 'Add VM to tier', shortLabel: 'Add VM', - action: cloudStack.uiCustom.instanceWizard( - $.extend(true, {}, cloudStack.instanceWizard, { - pluginForm: { - name: 'vpcTierInstanceWizard' - } - }) + action: cloudStack.uiCustom.instanceWizard( + $.extend(true, {}, cloudStack.instanceWizard, { + pluginForm: { + name: 'vpcTierInstanceWizard' + } + }) ), notification: { poll: pollAsyncJobResult } }, - + acl: { label: 'Configure ACL for tier', shortLabel: 'ACL', multiEdit: aclMultiEdit }, - + remove: { label: 'Remove tier', - action: function(args) { - $.ajax({ - url: createURL('deleteNetwork'), - dataType: "json", - data: { - id: args.context.networks[0].id - }, - success: function(json) { - var jid = json.deletenetworkresponse.jobid; - args.response.success( - {_custom: - {jobId: jid - } - } - ); - } - }); + action: function(args) { + $.ajax({ + url: createURL('deleteNetwork'), + dataType: "json", + data: { + id: args.context.networks[0].id + }, + success: function(json) { + var jid = json.deletenetworkresponse.jobid; + args.response.success( + {_custom: + {jobId: jid + } + } + ); + } + }); }, notification: { poll: pollAsyncJobResult @@ -1888,38 +1909,38 @@ }, // Get tiers - dataProvider: function(args) { - $.ajax({ - url: createURL("listNetworks"), - dataType: "json", - data: { - vpcid: args.context.vpc[0].id, - //listAll: true, //do not pass listAll to listNetworks under VPC - domainid: args.context.vpc[0].domainid, - account: args.context.vpc[0].account - }, - async: true, - success: function(json) { - var networks = json.listnetworksresponse.network; - if(networks != null && networks.length > 0) { - for(var i = 0; i < networks.length; i++) { - $.ajax({ - url: createURL("listVirtualMachines"), - dataType: "json", - data: { - networkid: networks[i].id, - listAll: true - }, - async: false, - success: function(json) { - networks[i].virtualMachines = json.listvirtualmachinesresponse.virtualmachine; - } - }); - } - } - args.response.success({ tiers: networks }); - } - }); + dataProvider: function(args) { + $.ajax({ + url: createURL("listNetworks"), + dataType: "json", + data: { + vpcid: args.context.vpc[0].id, + //listAll: true, //do not pass listAll to listNetworks under VPC + domainid: args.context.vpc[0].domainid, + account: args.context.vpc[0].account + }, + async: true, + success: function(json) { + var networks = json.listnetworksresponse.network; + if(networks != null && networks.length > 0) { + for(var i = 0; i < networks.length; i++) { + $.ajax({ + url: createURL("listVirtualMachines"), + dataType: "json", + data: { + networkid: networks[i].id, + listAll: true + }, + async: false, + success: function(json) { + networks[i].virtualMachines = json.listvirtualmachinesresponse.virtualmachine; + } + }); + } + } + args.response.success({ tiers: networks }); + } + }); } } };