*/\r
\r
var vm = avalon.define({\r
- $id : "tmDetailController",\r
- templateId : "",\r
- templateData : [\r
+ $id: "tmDetailController",\r
+ templateId: "",\r
+ templateData: [\r
{href: "#topology", name: "Topology", value: true},\r
{href: "#nodes", name: "Nodes", value: false}\r
],\r
$language: {\r
"sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> "\r
- +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",\r
+ + $.i18n.prop("nfv-nso-iui-table-sProcess") + "</span>",\r
"sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),\r
"sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),\r
"sInfo": "<span class='seperator'> </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),\r
"sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),\r
"sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),\r
- "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),\r
+ "sAjaxRequestGeneralError": $.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),\r
"sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),\r
"oPaginate": {\r
"sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),\r
"sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")\r
}\r
},\r
- $restUrl : {\r
- queryNodeTemplateUrl : "/openoapi/catalog/v1/servicetemplates/{0}/nodetemplates",\r
- queryTemplateInfoUrl : "/openoapi/catalog/v1/servicetemplates"\r
+ $restUrl: {\r
+ queryNodeTemplateUrl: "/openoapi/catalog/v1/servicetemplates/{0}/nodetemplates",\r
+ queryTemplateInfoUrl: "/openoapi/catalog/v1/servicetemplates"\r
},\r
- $init : function() {\r
+ $init: function () {\r
vm.$initTemplateData();\r
vm.$initTopoNodesData();\r
},\r
- $initTemplateData : function() {\r
+ $initTemplateData: function () {\r
$.ajax({\r
- type : "GET",\r
- url : vm.$restUrl.queryTemplateInfoUrl,\r
- success : function(resp) {\r
- if(resp) {\r
+ type: "GET",\r
+ url: vm.$restUrl.queryTemplateInfoUrl,\r
+ success: function (resp) {\r
+ if (resp) {\r
vm.nodesTab.servicesTemplateData = [];\r
- for(var i=0; i<resp.length; i++) {\r
+ for (var i = 0; i < resp.length; i++) {\r
//generate node table display data\r
vm.nodesTab.servicesTemplateData.push(resp[i]);\r
}\r
vm.nodesTab.$initNfvNodesTab();\r
}\r
},\r
- error : function() {\r
+ error: function () {\r
commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");\r
}\r
});\r
},\r
- $initTopoNodesData : function() {\r
+ $initTopoNodesData: function () {\r
$.ajax({\r
- type : "GET",\r
- url : vm.$restUrl.queryNodeTemplateUrl,\r
- success : function(resp) {\r
- if(resp) {\r
+ type: "GET",\r
+ url: vm.$restUrl.queryNodeTemplateUrl,\r
+ success: function (resp) {\r
+ if (resp) {\r
vm.nodesTab.nodesDetail.nodesTemplateDetailData = [];\r
- for(var i=0; i<resp.length; i++) {\r
+ for (var i = 0; i < resp.length; i++) {\r
//generate node table display data\r
var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);\r
vm.nodesTab.nodesList.nodesData.push(nodeTemplate);\r
//vm.nodesTab.nodesList.$initNodesTable();\r
}\r
},\r
- error : function() {\r
+ error: function () {\r
commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");\r
}\r
});\r
},\r
- $initNodesData : function() {\r
+ $initNodesData: function () {\r
$.ajax({\r
type: "GET",\r
url: vm.$restUrl.queryNodeTemplateUrl,\r
}\r
});\r
},\r
- topologyTab : {\r
- topology : "topology.html",\r
- vnfTip : $.i18n.prop("nfv-topology-iui-vnf-tip"),\r
- btnTip : $.i18n.prop("nfv-topology-iui-btn-return-tip"),\r
- topoTemplateData:[],\r
- boxTopoDatas:[],\r
- networkTopoDatas:[],\r
+ topologyTab: {\r
+ topology: "topology.html",\r
+ vnfTip: $.i18n.prop("nfv-topology-iui-vnf-tip"),\r
+ btnTip: $.i18n.prop("nfv-topology-iui-btn-return-tip"),\r
+ topoTemplateData: [],\r
+ boxTopoDatas: [],\r
+ networkTopoDatas: [],\r
isShowNum: false,\r
- returnBtnVisible : false,\r
- $getColor: function(index) {\r
+ returnBtnVisible: false,\r
+ $getColor: function (index) {\r
return topoUtil.getColor(index);\r
},\r
- $getCidr: function(properties){\r
+ $getCidr: function (properties) {\r
return topoUtil.getCidr(properties);\r
},\r
- $getCpTop: function(index, parentBoxId){\r
+ $getCpTop: function (index, parentBoxId) {\r
return topoUtil.getCpTop(index, parentBoxId);\r
},\r
- $initTopology : function() {\r
+ $initTopology: function () {\r
topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);\r
- }, \r
- $showTopo:function(id, name){\r
+ },\r
+ $showTopo: function (id, name) {\r
vm.nodesTab.nodesDetail.$showDetails("block", id, name);\r
},\r
- $showVnfTopo: function(templateId) {\r
+ $showVnfTopo: function (templateId) {\r
vm.topologyTab.returnBtnVisible = true;\r
vm.$restUrl.queryNodeTemplateUrl = "/openoapi/catalog/v1/servicetemplates/" + templateId + "/nodetemplates";\r
vm.$init();\r
},\r
- $returnNS: function() {\r
+ $returnNS: function () {\r
vm.topologyTab.returnBtnVisible = false;\r
vm.$restUrl.queryNodeTemplateUrl = "/openoapi/catalog/v1/servicetemplates/" + vm.templateId + "/nodetemplates";\r
vm.$init();\r
}\r
},\r
- nodesTab : {\r
+ nodesTab: {\r
servicesTemplateData: [],\r
- $nodesTabId : "ict_nodes_template_table",\r
- $nodesTemplateTabFields : {// table columns\r
+ $nodesTabId: "ict_nodes_template_table",\r
+ $nodesTemplateTabFields: {// table columns\r
table: [\r
- {"mData": "serviceTemplateId", name: "ID","bVisible": false},\r
- {"mData": "", name: "","sClass": 'details-control'},\r
+ {"mData": "serviceTemplateId", name: "ID", "bVisible": false},\r
+ {"mData": "", name: "", "sClass": 'details-control'},\r
{"mData": "templateName", name: $.i18n.prop("nfv-template-iui-field-templatename")},\r
{"mData": "vendor", name: $.i18n.prop("nfv-template-iui-field-vendor")},\r
{"mData": "version", name: $.i18n.prop("nfv-template-iui-field-version")},\r
- {"mData":"csarid", name: "packageID","bVisible": false},\r
+ {"mData": "csarid", name: "packageID", "bVisible": false},\r
{"mData": "type", name: $.i18n.prop("nfv-template-iui-field-type")},\r
//{"mData": "inputs", name: $.i18n.prop("nfv-template-iui-field-inputs"),"fnRender" : tmDetailUtil.inputsRender},\r
//{"mData": "outputs", name: $.i18n.prop("nfv-template-iui-field-outputs"),"fnRender" : tmDetailUtil.outputsRender},\r
//{"mData": "operations", name: $.i18n.prop("nfv-template-iui-field-operations")}\r
]\r
},\r
- $initNfvNodesTab: function() {\r
+ $initNfvNodesTab: function () {\r
var setting = {};\r
setting.language = vm.$language;\r
setting.paginate = true;\r
setting.restUrl = vm.$restUrl.queryTemplateInfoUrl;\r
setting.tableId = vm.nodesTab.$nodesTabId;\r
//serverPageTable.initTableWithData(setting,vm.nodesTab.$nodesTabId + '_div',vm.nodesTab.servicesTemplateData.$model);\r
- serverPageTable.initDataTable(setting,{},vm.nodesTab.$nodesTabId + '_div');\r
+ serverPageTable.initDataTable(setting, {}, vm.nodesTab.$nodesTabId + '_div');\r
$('#' + vm.nodesTab.$nodesTabId + '>tbody').on("click", 'td.details-control', function () {\r
var tr = $(this).closest('tr');\r
- var table = $('#' + vm.nodesTab.$nodesTabId).dataTable();\r
+ var table = $('#' + vm.nodesTab.$nodesTabId).dataTable();\r
if (table.fnIsOpen(tr[0])) {\r
table.fnClose(tr[0]);\r
tr.removeClass('shown');\r
},\r
\r
//nodes list table\r
- nodesList :{\r
+ nodesList: {\r
nodesData: [],\r
- $nodesTabDataId : "ict_nodes_table",\r
- $nodesTabFields : {// table columns\r
+ $nodesTabDataId: "ict_nodes_table",\r
+ $nodesTabFields: {// table columns\r
table: [\r
{"mData": "id", name: "ID", "bVisible": false},\r
- {"mData": "name", name: $.i18n.prop("nfv-templateDetail-iui-field-nodetypename"), "bSortable": true, "fnRender" : tmDetailUtil.nameRender},\r
+ {\r
+ "mData": "name",\r
+ name: $.i18n.prop("nfv-templateDetail-iui-field-nodetypename"),\r
+ "bSortable": true,\r
+ "fnRender": tmDetailUtil.nameRender\r
+ },\r
{"mData": "type", name: $.i18n.prop("nfv-templateDetail-iui-field-type"), "bSortable": false},\r
- {"mData": "containedin", name: $.i18n.prop("nfv-templateDetail-iui-field-containedin"), "bSortable": false},\r
- {"mData": "deployedon", name: $.i18n.prop("nfv-templateDetail-iui-field-deployedon"), "bSortable": false},\r
- {"mData": "connectedto", name: $.i18n.prop("nfv-templateDetail-iui-field-connectedto"), "bSortable": false},\r
- {"mData": "virtuallinksto", name: $.i18n.prop("nfv-templateDetail-iui-field-virtuallinksto"), "bSortable": false}\r
+ {\r
+ "mData": "containedin",\r
+ name: $.i18n.prop("nfv-templateDetail-iui-field-containedin"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "deployedon",\r
+ name: $.i18n.prop("nfv-templateDetail-iui-field-deployedon"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "connectedto",\r
+ name: $.i18n.prop("nfv-templateDetail-iui-field-connectedto"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "virtuallinksto",\r
+ name: $.i18n.prop("nfv-templateDetail-iui-field-virtuallinksto"),\r
+ "bSortable": false\r
+ }\r
]\r
},\r
$initNodesTable: function () {\r
setting.restUrl = vm.$restUrl.queryNodeTemplateUrl;\r
setting.tableId = vm.nodesTab.nodesList.$nodesTabDataId;\r
//serverPageTable.initTableWithData(setting,vm.nodesTab.nodesList.$nodesTabDataId + '_div',vm.nodesTab.nodesList.nodesData.$model);\r
- serverPageTable.initTableWithoutLib(setting,{},vm.nodesTab.nodesList.$nodesTabDataId + '_div');\r
+ serverPageTable.initTableWithoutLib(setting, {}, vm.nodesTab.nodesList.$nodesTabDataId + '_div');\r
},\r
- $format_Detail: function() {\r
+ $format_Detail: function () {\r
var sOut = '<div class="row-fluid" data-name="table_zone"><div class="col-xs-12" id="ict_nodes_table_div"></div></div>'\r
vm.$initNodesData();\r
return sOut;\r
},\r
},\r
//Nodes Details\r
- nodesDetail : {\r
+ nodesDetail: {\r
nodesTemplateDetailData: [],\r
- detailTitle : "",\r
- isShow : "none",\r
- detailIndex : 0,\r
- detailData : [\r
+ detailTitle: "",\r
+ isShow: "none",\r
+ detailIndex: 0,\r
+ detailData: [\r
{id: "general", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-general"), isActive: true},\r
- {id: "properties", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-properties"), isActive: false},\r
- {id: "relationShips", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-relationShips"), isActive: false}\r
+ {\r
+ id: "properties",\r
+ name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-properties"),\r
+ isActive: false\r
+ },\r
+ {\r
+ id: "relationShips",\r
+ name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-relationShips"),\r
+ isActive: false\r
+ }\r
],\r
- $showDetails : function(isShow, nodetypeid, nodetypename) {\r
+ $showDetails: function (isShow, nodetypeid, nodetypename) {\r
vm.nodesTab.nodesDetail.isShow = isShow;\r
if (isShow == "block") {\r
vm.nodesTab.nodesDetail.detailTitle = nodetypename + " " + $.i18n.prop("nfv-templateDetail-nodesTab-iui-title-nodeDetail"),\r
- $('#' + vm.nodesTab.nodesDetail.detailData[0].id).click();\r
+ $('#' + vm.nodesTab.nodesDetail.detailData[0].id).click();\r
vm.nodesTab.nodesDetail.detailData[0].isActive = true;\r
vm.nodesTab.nodesDetail.$initNodeDetailTable(nodetypeid);\r
}\r
},\r
- detailCondChange : function(index) {\r
+ detailCondChange: function (index) {\r
vm.nodesTab.nodesDetail.detailIndex = index;\r
- for(var i=0; i<vm.nodesTab.nodesDetail.detailData.length; i++) {\r
+ for (var i = 0; i < vm.nodesTab.nodesDetail.detailData.length; i++) {\r
vm.nodesTab.nodesDetail.detailData[i].isActive = false;\r
}\r
vm.nodesTab.nodesDetail.detailData[index].isActive = true;\r
},\r
- $tableFields : {// table columns\r
+ $tableFields: {// table columns\r
general: [\r
- {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},\r
- {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}\r
+ {\r
+ "mData": "key",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "value",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"),\r
+ "bSortable": false\r
+ }\r
],\r
properties: [\r
- {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},\r
- {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}\r
+ {\r
+ "mData": "key",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "value",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"),\r
+ "bSortable": false\r
+ }\r
],\r
relationShips: [\r
- {"mData": "sourceNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-sourceNodeName"), "bSortable" : false},\r
- {"mData": "targetNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-targetNodeName"), "bSortable" : false},\r
- {"mData": "type", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-type"), "bSortable" : false}\r
+ {\r
+ "mData": "sourceNodeName",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-sourceNodeName"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "targetNodeName",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-targetNodeName"),\r
+ "bSortable": false\r
+ },\r
+ {\r
+ "mData": "type",\r
+ "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-type"),\r
+ "bSortable": false\r
+ }\r
]\r
},\r
- $initNodeDetailTable: function(nodetemplateid) {\r
+ $initNodeDetailTable: function (nodetemplateid) {\r
var data = topoUtil.getCurrentDetailData(vm.nodesTab.nodesDetail.nodesTemplateDetailData.$model, nodetemplateid);\r
//initialize three tables of nodedetail\r
- $.each(vm.nodesTab.nodesDetail.$tableFields, function(key, value){\r
+ $.each(vm.nodesTab.nodesDetail.$tableFields, function (key, value) {\r
var setting = {};\r
setting.language = vm.$language;\r
setting.paginate = false;\r
}\r
}\r
},\r
- executionTab : {\r
- $eventsTabId : "ict_events_table",\r
- $eventsTabFields : {// table columns\r
+ executionTab: {\r
+ $eventsTabId: "ict_events_table",\r
+ $eventsTabFields: {// table columns\r
table: [\r
{"mData": "currentStepId", name: "ID", "bVisible": false},\r
- {"mData": "currentStepName", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepName")},\r
- {"mData": "currentStepStatus", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepStatus")},\r
- {"mData": "currentStepDesc", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepDesc")},\r
+ {\r
+ "mData": "currentStepName",\r
+ name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepName")\r
+ },\r
+ {\r
+ "mData": "currentStepStatus",\r
+ name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepStatus")\r
+ },\r
+ {\r
+ "mData": "currentStepDesc",\r
+ name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepDesc")\r
+ },\r
{"mData": "currentTime", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-executionTime")},\r
{"mData": "allSteps", name: "allSteps", "bVisible": false}\r
]\r
},\r
$queryEventsInfoUrl: "/api/nsoc/appinstance/operateschedule?instanceId=",\r
$queryStepUrl: "",\r
- $getEventsCond: function() {\r
+ $getEventsCond: function () {\r
var cond = {};\r
return cond;\r
},\r
- $initEventsTable: function() {\r
+ $initEventsTable: function () {\r
console.log("initEventsTable ");\r
var setting = {};\r
setting.language = vm.$language;\r
setting.restUrl = vm.executionTab.$queryEventsInfoUrl;\r
setting.tableId = vm.executionTab.$eventsTabId;\r
serverPageTable.initDataTable(setting, vm.executionTab.$getEventsCond(),\r
- vm.executionTab.$eventsTabId + '_div');\r
+ vm.executionTab.$eventsTabId + '_div');\r
},\r
- $operation : "",\r
- steps : [],\r
- $init: function() {\r
+ $operation: "",\r
+ steps: [],\r
+ $init: function () {\r
vm.executionTab.$initEventsTable();\r
}\r
},\r
\r
});\r
\r
-var initParam = function() { //initialize template detail params\r
+var initParam = function () { //initialize template detail params\r
var paramStr = window.location.search.substring(1);\r
- if(paramStr.length > 0) {\r
+ if (paramStr.length > 0) {\r
var params = paramStr.split("&");\r
var templateId = params[0].substring(params[0].indexOf('=') + 1);\r
var flavor = params[1].substring(params[1].indexOf('=') + 1);\r
avalon.scan();\r
- \r
+\r
vm.templateId = templateId;\r
vm.$restUrl.queryNodeTemplateUrl = commonUtil.format(vm.$restUrl.queryNodeTemplateUrl, templateId);\r
\r
- if(flavor) {\r
+ if (flavor) {\r
vm.$restUrl.queryNodeTemplateUrl += "?flavor=" + flavor;\r
}\r
\r