summaryrefslogtreecommitdiffstats
path: root/openo-portal/portal-lifecyclemgr
diff options
context:
space:
mode:
authorLuji7 <lu.ji3@zte.com.cn>2016-09-29 18:44:33 +0800
committerLuji7 <lu.ji3@zte.com.cn>2016-09-29 18:44:33 +0800
commitcce126789f4b61a074fc1467dfb5cebb39f2d460 (patch)
treed12b31a20d0bc5ef40528ce2267c1acf5ac54622 /openo-portal/portal-lifecyclemgr
parentf58cce8d5398868d4d7735f33774b86ffa258d69 (diff)
Changes for the new portal LCM pages.
Change-Id: Ibc34356a5d6e98ce8f5df6393ca124db02ebeac0 Signed-off-by: Luji7 <lu.ji3@zte.com.cn>
Diffstat (limited to 'openo-portal/portal-lifecyclemgr')
-rw-r--r--openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/gsolcm.js184
1 files changed, 84 insertions, 100 deletions
diff --git a/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/gsolcm.js b/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/gsolcm.js
index 42a5aa7f..bd906821 100644
--- a/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/gsolcm.js
+++ b/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/gsolcm.js
@@ -14,31 +14,31 @@
* limitations under the License.
*/
var templateParameters = {
- templateName: '',
+ changed: true,
parameters: []
};
-var service_instance_insert_index = 0;
-
var lcmHandler = function () {
this._addOwnEvents();
};
lcmHandler.prototype = {
_addOwnEvents: function () {
- $('a[data-toggle="tab"]').on('show.bs.tab', this.beforeParameterTabShow);
$('#createNS').click(this.okAction);
},
- beforeParameterTabShow: function (event) {
- renderTemplateParametersTab();
- },
- okAction: function (event) {
+ okAction: function () {
+ var vimLocation = $('#vim_location').val();
+ if(vimLocation == undefined || vimLocation == 'select') {
+ alert('Location must be selected in Template Parameters');
+ return;
+ }
+
var serviceInstance = {
- serviceTemplateId: $('#svcTempl').val(),
+ serviceTemplateId: $("#svcTempl").val(),
serviceName: $('#svcName').val(),
- serviceDescription: $('#svcDesc').val(),
- serviceParameters: collectServiceParameters(templateParameters.parameters),
- vimLocation: $('#vim_location').val()
+ description: $('#svcDesc').val(),
+ inputParameters: collectServiceParameters(templateParameters.parameters),
+ vimLocation: vimLocation
};
var gatewayService = 'http://localhost:8080/openoapi/servicegateway/v1/services';
$.when(
@@ -46,6 +46,7 @@ lcmHandler.prototype = {
).then(
function(template) {
serviceInstance.templateName = template.name;
+ serviceInstance.serviceType = template.serviceType;
return createNetworkServiceInstance(template, serviceInstance, gatewayService);
}
).then(
@@ -57,17 +58,23 @@ lcmHandler.prototype = {
}
};
-function renderTemplateParametersTab() {
+function initParameterTab() {
+ if (!templateParameters.changed) {
+ return;
+ }
+ var svcTempl = $("#svcTempl").val();
+ if ('select' === svcTempl) {
+ document.getElementById("templateParameterTab").innerHTML = '';
+ return;
+ }
$.when(
fetchTemplateParameterDefinitions(templateParameters),
fetchVimInfo()
- ).then(function(templateParameterResponse, vimsInfoResponse) {
+ ).then(function (templateParameterResponse, vimsInfoResponse) {
templateParameters = translateToTemplateParameters(templateParameterResponse[0].inputs);
var vims = translateToVimInfo(vimsInfoResponse[0]);
- var components = transfromToComponents(templateParameters.parameters, vims);
-
- //TODO need to address the issue of the dynamic loading of parameter tab,,,
- // document.getElementById("parameterTab").innerHTML = components;
+ var components = transformToComponents(templateParameters.parameters, vims);
+ document.getElementById("templateParameterTab").innerHTML = components;
});
}
@@ -102,7 +109,7 @@ function translateToTemplateParameters(inputs) {
value: inputs[i].defaultValue
};
}
- return {name: $("#svcTempl").val(), parameters: inputParameters};
+ return {changed: false, parameters: inputParameters};
}
function translateToVimInfo(vims) {
@@ -118,11 +125,11 @@ function translateToVimInfo(vims) {
return result;
}
-function transfromToComponents(parameters, vims) {
+function transformToComponents(parameters, vims) {
var components = '';
var i;
for (i = 0; i < parameters.length; i += 1) {
- var component = '<div class="form-group">' +
+ var component = '<div class="mT15 form-group" style="margin-left:25px;">' +
'<label class="col-sm-3 control-label">' +
'<span>' + parameters[i].description + '</span>' + generateRequiredLabel(parameters[i]) +
'</label>' +
@@ -145,7 +152,7 @@ function generateRequiredLabel(parameter) {
}
function generateLocationComponent(vims) {
- var component = '<div class="form-group">' +
+ var component = '<div class="form-group" style="margin-left:25px;margin-bottom:15px;">' +
'<label class="col-sm-3 control-label">' +
'<span>Location</span>' +
'<span class="required">*</span>' +
@@ -159,7 +166,7 @@ function generateLocationComponent(vims) {
}
function transformToOptions(vims) {
- var options = '';
+ var options = '<option value="select">--select--</option>';
var i;
for (i = 0; i < vims.length; i += 1) {
var option = '<option value="' + vims[i].vimId + '">' + vims[i].vimName + '</option>';
@@ -191,7 +198,13 @@ function fetchServiceTemplateBy(templateId) {
}
).then(
function(response) {
- template.csarType = response.type;
+ if(response.type === 'GSAR') {
+ template.serviceType = 'GSO';
+ } else if(response.type === 'NSAR' || response.type === 'NFAR') {
+ template.serviceType = 'NFVO';
+ } else if(response.type === 'SSAR') {
+ template.serviceType = "SDNO";
+ }
defer.resolve(template)
}
);
@@ -199,27 +212,27 @@ function fetchServiceTemplateBy(templateId) {
}
function createNetworkServiceInstance(template, serviceInstance, gatewayService) {
- if (template.csarType === 'GSAR') {
+ if (template.serviceType === 'GSO') {
return createGsoServiceInstance(gatewayService, serviceInstance, template);
- } else if (template.csarType === 'NSAR' || template.csarType === 'NFAR') {
+ } else if (template.serviceType === 'NFVO') {
return createNfvoServiceInstance(gatewayService, serviceInstance);
- } else if (template.csarType === 'SSAR') {
+ } else if (template.serviceType === 'SDNO') {
return createSdnoServiceInstance(gatewayService, serviceInstance);
}
}
function createGsoServiceInstance(gatewayService, serviceInstance, serviceTemplate) {
var defer = $.Deferred();
- serviceInstance.serviceParameters.location = serviceInstance.vimLocation;
+ serviceInstance.inputParameters.location = serviceInstance.vimLocation;
var gsoLcmUri = '/openoapi/lifecyclemgr/v1/services';
var parameter = {
'name': serviceInstance.serviceName,
- 'description': serviceInstance.serviceDescription,
+ 'description': serviceInstance.description,
'serviceDefId': serviceTemplate.gsarId,
'templatedId': serviceInstance.serviceTemplateId,
'templateName': serviceTemplate.templateName,
'getewayUri': gsoLcmUri,
- 'parameters': serviceInstance.serviceParameters
+ 'parameters': serviceInstance.inputParameters
};
$.when($.ajax({
type: "POST",
@@ -228,21 +241,21 @@ function createGsoServiceInstance(gatewayService, serviceInstance, serviceTempla
dataType: "json",
data: JSON.stringify(parameter)
})).then(function(response) {
- serviceInstance.serviceInstanceId = response.serviceId;
+ serviceInstance.serviceId = response.serviceId;
defer.resolve(serviceInstance);
- })
+ });
return defer;
}
function createNfvoServiceInstance(gatewayService, serviceInstance) {
- var nfvoLcmNsUrl = '/openoapi/nslcm/v1.0/ns';
- serviceInstance.serviceParameters.location = serviceInstance.vimLocation;
- return createServiceInstance(gatewayService, nfvoLcmNsUrl, serviceInstance);
+ var nfvoLcmNsUri = '/openoapi/nslcm/v1.0/ns';
+ serviceInstance.inputParameters.location = serviceInstance.vimLocation;
+ return createServiceInstance(gatewayService, nfvoLcmNsUri, serviceInstance);
}
function createSdnoServiceInstance(gatewayService, serviceInstance) {
- var sdnoLcmNsUrl = '/openoapi/sdnonslcm/v1.0/ns';
- return createServiceInstance(gatewayService, sdnoLcmNsUrl, serviceInstance);
+ var sdnoLcmNsUri = '/openoapi/sdnonslcm/v1.0/ns';
+ return createServiceInstance(gatewayService, sdnoLcmNsUri, serviceInstance);
}
function createServiceInstance(gatewayService, nsUri, serviceInstance) {
@@ -250,7 +263,7 @@ function createServiceInstance(gatewayService, nsUri, serviceInstance) {
var sParameter = {
'nsdId': serviceInstance.serviceTemplateId,
'nsName': serviceInstance.serviceName,
- 'description': serviceInstance.serviceDescription,
+ 'description': serviceInstance.description,
'gatewayUri': nsUri
};
$.when($.ajax({
@@ -260,12 +273,13 @@ function createServiceInstance(gatewayService, nsUri, serviceInstance) {
dataType: "json",
data: JSON.stringify(sParameter)
})).then(function(response) {
- var nsInstanceId = response[0].nsInstanceId;
- var initNsUrl = nsUri + '/' + nsInstanceId + '/Instantiate'
+ var nsInstanceId = response.nsInstanceId;
+ serviceInstance.serviceId = nsInstanceId;
+ var initNsUrl = nsUri + '/' + nsInstanceId + '/Instantiate';
var parameter = {
'gatewayUri': initNsUrl,
'nsInstanceId': nsInstanceId,
- 'additionalParamForNs': serviceInstance.serviceParameters
+ 'additionalParamForNs': serviceInstance.inputParameters
};
return $.ajax({
type: "POST",
@@ -274,7 +288,7 @@ function createServiceInstance(gatewayService, nsUri, serviceInstance) {
dataType: "json",
data: JSON.stringify(parameter)
});
- }).then(function(response) {
+ }).then(function() {
defer.resolve(serviceInstance);
});
return defer;
@@ -291,21 +305,8 @@ function collectServiceParameters(parameters) {
}
function updateTable(serviceInstance) {
- appendOenRow(serviceInstance);
- addDeleteEventRegistration();
-}
-
-function appendOenRow(serviceInstance) {
- var index = service_instance_insert_index;
- var creator = '';
- $('#sai').append('<tr id="service_instance_' + index + '"></tr>');
- $("#service_instance_" + index).html('<td><div class="DataTables_sort_wrapper openo-ellipsis "><span id="service_name" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">' + serviceInstance.serviceName + '</span></td>' +
- '<td><span class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">' + serviceInstance.templateName + '</span></td>' +
- '<td class="service_template_id"><span class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">' + serviceInstance.serviceTemplateId + '</span><input type="hidden" value="' + serviceInstance.serviceInstanceId + '"/></td>' +
- '<td><span class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">' + formatDate(new Date()) + '</span></td>' +
- '<td><span class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">' + creator + '</span></td>' +
- '<td><button class="data_delete_action"><img id="delete_action" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element " src="images/delete.png"></img></button></td>');
- service_instance_insert_index += 1;
+ serviceInstance.createTime = formatDate(new Date());
+ $('#sai').bootstrapTable("append", serviceInstance);
}
function formatDate(date) {
@@ -318,64 +319,47 @@ function formatDate(date) {
return year + "-" + month + "-" + day + " " + hh + ":" + mm + ":" + ss;
}
-function addDeleteEventRegistration() {
- $(".data_delete_action").click(function (event) {
- var trElement = $(this).parents("tr")[0];
- var tdElement = $(trElement).children("td.service_template_id")[0];
- var spanElement = $(tdElement).children("span")[0];
- var templateId = $(spanElement).text();
- var inputElement = $(tdElement).children("input")[0];
- var instanceId = $(inputElement).val();
-
- var gatewayService = 'http://localhost:8080/openoapi/servicegateway/v1/services';
- $.when(
- fetchServiceTemplateBy(templateId)
- ).then(
- function(template) {
- if (template.csarType === 'GSAR') {
- return deleteGsoServiceInstance(gatewayService, instanceId);
- } else if (template.csarType === 'NSAR' || serviceTemplate.csarType === 'NFAR') {
- var nfvoNsUri = '/openoapi/nslcm/v1.0/ns';
- return deleteServiceInstance(gatewayService, nfvoNsUri, instanceId);
- } else if (template.csarType === 'SSAR') {
- var sdnoNsUri = '/openoapi/sdnonslcm/v1.0/ns';
- return deleteServiceInstance(gatewayService, sdnoNsUri, instanceId);
- }
- }
- ).then(
- function() {
- trElement.remove();
- }
- );
- });
+function deleteNe(rowId, row) {
+ var instanceId = row.serviceId;
+ var serviceType = row.serviceType;
+ var gatewayService = 'http://localhost:8080/openoapi/servicegateway/v1/services';
+ var remove = function () {
+ $('#sai').bootstrapTable("removeByUniqueId", rowId);
+ };
+ if(serviceType === 'GSO') {
+ deleteGsoServiceInstance(gatewayService, instanceId, remove)
+ } else if (serviceType === 'NFVO') {
+ var nfvoNsUri = '/openoapi/nslcm/v1.0/ns';
+ deleteNonGsoServiceInstance(gatewayService, nfvoNsUri, instanceId, remove);
+ } else if (serviceType === 'SDNO') {
+ var sdnoNsUri = '/openoapi/sdnonslcm/v1.0/ns';
+ deleteNonGsoServiceInstance(gatewayService, sdnoNsUri, instanceId, remove);
+ }
}
-function deleteGsoServiceInstance(gatewayService, instanceId) {
- var defer = $.Deferred();
+function deleteGsoServiceInstance(gatewayService, instanceId, remove) {
var gsoLcmUri = '/openoapi/lifecyclemgr/v1/services';
$.when(
- deleteNetworkServiceInstance(gatewayService, gsoLcmUri, instanceId);
+ deleteNetworkServiceInstance(gatewayService, gsoLcmUri, instanceId)
).then(
- function(response) {
- defer.resolve();
- });
- return defer;
+ function() {
+ remove();
+ }
+ );
}
-function deleteServiceInstance(gatewayService, nsUri, instanceId) {
- var defer = $.Deferred();
+function deleteNonGsoServiceInstance(gatewayService, nsUri, instanceId, remove) {
$.when(
terminateNetworkServiceInstance(gatewayService, nsUri, instanceId)
).then(
- function(response) {
+ function() {
return deleteNetworkServiceInstance(gatewayService, nsUri, instanceId);
}
).then(
- function(response) {
- defer.resolve();
+ function() {
+ remove();
}
)
- return defer;
}
function deleteNetworkServiceInstance(gatewayService, nsUri, instanceId) {