diff options
Diffstat (limited to 'openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailController.js')
| -rw-r--r-- | openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailController.js | 430 |
1 files changed, 0 insertions, 430 deletions
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailController.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailController.js deleted file mode 100644 index aee38dc6..00000000 --- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailController.js +++ /dev/null @@ -1,430 +0,0 @@ -/*
- * Copyright 2016-2017 ZTE Corporation.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * 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.
- */
-var vm = avalon.define({
- $id : "tmDetailController",
- templateId : "",//store the Id of service template which shows in Topology tab page
- globalNodesData: {},//store the nodes data which shows in Topology tab page
- templateData : [
- {href: "#topology", name: "Topology", value: true},
- {href: "#nodes", name: "Nodes", value: false}
- ],
- $language: {
- "sProcessing": "<img src='../common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span> "
- + $.i18n.prop("nfv-nso-iui-table-sProcess") + "</span>",
- "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
- "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
- "sInfo": "<span class='seperator'> </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
- "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
- "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
- "sAjaxRequestGeneralError": $.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
- "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
- "oPaginate": {
- "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
- "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
- "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
- "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
- }
- },
- $restUrl: {
- queryNodeTemplateUrl: "/openoapi/catalog/v1/servicetemplates/{0}/nodetemplates",
- queryTemplateInfoUrl: "/openoapi/catalog/v1/servicetemplates"
- },
- $init: function () {
- vm.$initTemplateData();
- vm.$initTopoNodesData();
- },
- $initTemplateData: function () {
- $.ajax({
- type: "GET",
- url: vm.$restUrl.queryTemplateInfoUrl,
- success: function (resp) {
- if (resp) {
- vm.nodesTab.servicesTemplateData = [];
- for (var i = 0; i < resp.length; i++) {
- //generate node table display data
- vm.nodesTab.servicesTemplateData.push(resp[i]);
- }
- vm.nodesTab.$initNfvNodesTab();
- }
- },
- error: function () {
- commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
- }
- });
- },
- $initTopoNodesData: function () {
- $.ajax({
- type: "GET",
- url: vm.$restUrl.queryNodeTemplateUrl,
- success: function (resp) {
- if (resp) {
- vm.nodesDetail.nodesTemplateDetailData = [];
- var nodesTempData = [];
- for (var i = 0; i < resp.length; i++) {
- //generate node table display data
- var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);
- nodesTempData.push(nodeTemplate);
- }
- vm.globalNodesData[vm.templateId] = nodesTempData;
- //generate topology graph display data
- vm.nodesDetail.nodesTemplateDetailData = resp;
- //initialize topology data
- vm.topologyTab.topoTemplateData = topoUtil.generateTopoTemplate(vm.globalNodesData[vm.templateId]);
- topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
- }
- },
- error: function () {
- commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
- }
- });
- },
- topologyTab: {
- topology: "topology.html",
- vnfTip: $.i18n.prop("nfv-topology-iui-vnf-tip"),
- btnTip: $.i18n.prop("nfv-topology-iui-btn-return-tip"),
- topoTemplateData: [],
- boxTopoDatas: [],
- networkTopoDatas: [],
- isShowNum: false,
- returnBtnVisible: false,
- $getColor: function (index) {
- return topoUtil.getColor(index);
- },
- $getCidr: function (properties) {
- return topoUtil.getCidr(properties);
- },
- $getCpTop: function (index, parentBoxId) {
- return topoUtil.getCpTop(index, parentBoxId);
- },
- $initTopology: function () {
- topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
- },
- $showTopo: function (id, name) {
- vm.topologyTab.$showTopoDetails("block", id, name);
- },
- $showVnfTopo: function (templateId) {
- vm.topologyTab.returnBtnVisible = true;
- vm.$restUrl.queryNodeTemplateUrl = "/openoapi/catalog/v1/servicetemplates/" + templateId + "/nodetemplates";
- vm.$init();
- },
- $returnNS: function () {
- vm.topologyTab.returnBtnVisible = false;
- vm.$restUrl.queryNodeTemplateUrl = "/openoapi/catalog/v1/servicetemplates/" + vm.templateId + "/nodetemplates";
- vm.$init();
- },
- $showTopoDetails: function (isShow, nodetypeid, nodetypename) {
- vm.nodesDetail.isShow = isShow;
- if (isShow == "block") {
- vm.nodesDetail.detailTitle = nodetypename + " " + $.i18n.prop("nfv-templateDetail-nodesTab-iui-title-nodeDetail"),
- $('#' + vm.nodesDetail.detailData[0].id).click();
- vm.nodesDetail.detailData[0].isActive = true;
- vm.nodesDetail.$initTopoNodesDetailTable(nodetypeid);
- }
- },
-
- },
- nodesTab: {
- servicesTemplateData: [],
- $nodesTabId: "ict_nodes_template_table",
- $nodesTemplateTabFields: {// table columns
- table: [
- {"mData": "serviceTemplateId", name: "ID", "bVisible": false},
- {"mData": "", name: "", "sClass": 'details-control'},
- {"mData": "templateName", name: $.i18n.prop("nfv-template-iui-field-templatename")},
- {"mData": "vendor", name: $.i18n.prop("nfv-template-iui-field-vendor")},
- {"mData": "version", name: $.i18n.prop("nfv-template-iui-field-version")},
- {"mData": "csarid", name: "packageID", "bVisible": false},
- {"mData": "type", name: $.i18n.prop("nfv-template-iui-field-type")},
- ]
- },
- $initNfvNodesTab: function () {
- var setting = {};
- setting.language = vm.$language;
- setting.paginate = true;
- setting.info = true;
- //setting.sort = true;
- setting.columns = vm.nodesTab.$nodesTemplateTabFields.table;
- setting.restUrl = vm.$restUrl.queryTemplateInfoUrl;
- setting.tableId = vm.nodesTab.$nodesTabId;
- //serverPageTable.initTableWithData(setting,vm.nodesTab.$nodesTabId + '_div',vm.nodesTab.servicesTemplateData.$model);
- serverPageTable.initDataTable(setting, {}, vm.nodesTab.$nodesTabId + '_div');
- $('#' + vm.nodesTab.$nodesTabId + '>tbody').on("click", 'td.details-control', function () {
- var tr = $(this).closest('tr');
- var table = $('#' + vm.nodesTab.$nodesTabId).dataTable();
- if (table.fnIsOpen(tr[0])) {
- table.fnClose(tr[0]);
- tr.removeClass('shown');
- }
- else {
- table.fnOpen(tr[0], vm.nodesTab.nodesList.$format_Detail(table,tr[0]), 'details');
- tr.addClass('shown');
- }
- });
- },
- $initNodesData: function (tempId) {
- $.ajax({
- type: "GET",
- //url: vm.$restUrl.queryNodeTemplateUrl,
- url: "/openoapi/catalog/v1/servicetemplates/" + tempId + "/nodetemplates",
- success: function (resp) {
- if (resp) {
- var nodesTempData = [];
- for (var i = 0; i < resp.length; i++) {
- //generate node table display data
- var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);
- nodesTempData.push(nodeTemplate);
- }
- vm.nodesTab.nodesList.nodesData[tempId] = nodesTempData;
- //generate topology graph display data
- vm.nodesTab.nodesList.$initNodesTable(tempId);
- }
- },
- error: function () {
- commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
- }
- });
- },
- //nodes list table
- nodesList: {
- nodesData: {},
- tempId:"",
- $nodesTabDataId: "ict_nodes_table",
- $nodesTabFields: {// table columns
- table: [
- {"mData": "id", name: "ID", "bVisible": false},
- {
- "mData": "name",
- name: $.i18n.prop("nfv-templateDetail-iui-field-nodetypename"),
- "bSortable": true,
- "fnRender": tmDetailUtil.nameRender
- },
- {"mData": "type", name: $.i18n.prop("nfv-templateDetail-iui-field-type"), "bSortable": false},
- {
- "mData": "containedin",
- name: $.i18n.prop("nfv-templateDetail-iui-field-containedin"),
- "bSortable": false
- },
- {
- "mData": "deployedon",
- name: $.i18n.prop("nfv-templateDetail-iui-field-deployedon"),
- "bSortable": false
- },
- {
- "mData": "connectedto",
- name: $.i18n.prop("nfv-templateDetail-iui-field-connectedto"),
- "bSortable": false
- },
- {
- "mData": "virtuallinksto",
- name: $.i18n.prop("nfv-templateDetail-iui-field-virtuallinksto"),
- "bSortable": false
- }
- ]
- },
- $initNodesTable: function (tempId) {
- var setting = {};
- setting.language = vm.$language;
- setting.paginate = true;
- setting.info = true;
- //setting.sort = true;
- setting.columns = vm.nodesTab.nodesList.$nodesTabFields.table;
- setting.restUrl = "/openoapi/catalog/v1/servicetemplates/" + tempId + "/nodetemplates";
- setting.tableId = vm.nodesTab.nodesList.$nodesTabDataId + "_" + tempId;
- //serverPageTable.initTableWithData(setting,vm.nodesTab.nodesList.$nodesTabDataId + '_div',vm.nodesTab.nodesList.nodesData.$model);
- serverPageTable.initTableWithoutLib(setting, {}, setting.tableId + '_div');
- },
- $format_Detail: function (oTable, nTr) {
- var aData = oTable.fnGetData(nTr);
- var tempId = aData.serviceTemplateId;
- vm.nodesTab.nodesList.tempId = tempId;
- var tableId = "ict_nodes_table" + "_" + tempId + "_div";
- var sOut = '<div class="row-fluid" data-name="table_zone"><div class="col-xs-12" id="'+tableId+'"></div></div>'
- vm.nodesTab.$initNodesData(tempId);
- return sOut;
- },
- },
- },
- //Nodes Details
- nodesDetail: {
- nodesTemplateDetailData: [], //used in topo tab page to show node detail
- detailTitle: "",
- isShow: "none",
- detailIndex: 0,
- detailData: [
- {id: "general", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-general"), isActive: true},
- {
- id: "properties",
- name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-properties"),
- isActive: false
- },
- {
- id: "relationShips",
- name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-relationShips"),
- isActive: false
- }
- ],
- $showDetails: function (isShow, nodetypeid, nodetypename,tempId) {
- vm.nodesDetail.isShow = isShow;
- if (isShow == "block") {
- vm.nodesDetail.detailTitle = nodetypename + " " + $.i18n.prop("nfv-templateDetail-nodesTab-iui-title-nodeDetail"),
- $('#' + vm.nodesDetail.detailData[0].id).click();
- vm.nodesDetail.detailData[0].isActive = true;
- vm.nodesDetail.$initNodeDetailTable(nodetypeid,tempId);
- }
- },
- detailCondChange: function (index) {
- vm.nodesDetail.detailIndex = index;
- for (var i = 0; i < vm.nodesDetail.detailData.length; i++) {
- vm.nodesDetail.detailData[i].isActive = false;
- }
- vm.nodesDetail.detailData[index].isActive = true;
- },
- $tableFields : {// table columns
- general: [
- {
- "mData": "key",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"),
- "bSortable": false
- },
- {
- "mData": "value",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"),
- "bSortable": false
- }
- ],
- properties: [
- {
- "mData": "key",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"),
- "bSortable": false
- },
- {
- "mData": "value",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"),
- "bSortable": false
- }
- ],
- relationShips: [
- {
- "mData": "sourceNodeName",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-sourceNodeName"),
- "bSortable": false
- },
- {
- "mData": "targetNodeName",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-targetNodeName"),
- "bSortable": false
- },
- {
- "mData": "type",
- "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-type"),
- "bSortable": false
- }
- ]
- },
- $initNodeDetailTable: function (nodetemplateid,tempId) {
- var data = topoUtil.getCurrentDetailData(vm.nodesTab.nodesList.nodesData[tempId], nodetemplateid);
- //initialize three tables of nodedetail
- $.each(vm.nodesDetail.$tableFields, function (key, value) {
- var setting = {};
- setting.language = vm.$language;
- setting.paginate = false;
- setting.info = false;
- setting.columns = value;
- setting.tableId = "ict_table_" + key;
- serverPageTable.initTableWithData(setting, setting.tableId + '_div', data[key]);
- });
- },
- $initTopoNodesDetailTable: function (nodetemplateid) {
- var data = topoUtil.getCurrentDetailData(vm.nodesDetail.nodesTemplateDetailData.$model, nodetemplateid);
- //initialize three tables of nodedetail
- $.each(vm.nodesDetail.$tableFields, function (key, value) {
- var setting = {};
- setting.language = vm.$language;
- setting.paginate = false;
- setting.info = false;
- setting.columns = value;
- setting.tableId = "ict_table_" + key;
- serverPageTable.initTableWithData(setting, setting.tableId + '_div', data[key]);
- });
- }
- },
- executionTab: {
- $eventsTabId: "ict_events_table",
- $eventsTabFields: {// table columns
- table: [
- {"mData": "currentStepId", name: "ID", "bVisible": false},
- {
- "mData": "currentStepName",
- name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepName")
- },
- {
- "mData": "currentStepStatus",
- name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepStatus")
- },
- {
- "mData": "currentStepDesc",
- name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepDesc")
- },
- {"mData": "currentTime", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-executionTime")},
- {"mData": "allSteps", name: "allSteps", "bVisible": false}
- ]
- },
- $queryEventsInfoUrl: "/api/nsoc/appinstance/operateschedule?instanceId=",
- $queryStepUrl: "",
- $getEventsCond: function () {
- var cond = {};
- return cond;
- },
- $initEventsTable: function () {
- console.log("initEventsTable ");
- var setting = {};
- setting.language = vm.$language;
- setting.paginate = false;
- setting.info = false;
- setting.columns = vm.executionTab.$eventsTabFields.table;
- setting.restUrl = vm.executionTab.$queryEventsInfoUrl;
- setting.tableId = vm.executionTab.$eventsTabId;
- serverPageTable.initDataTable(setting, vm.executionTab.$getEventsCond(),
- vm.executionTab.$eventsTabId + '_div');
- },
- $operation: "",
- steps: [],
- $init: function () {
- vm.executionTab.$initEventsTable();
- }
- }
-
-});
-
-var initParam = function () { //initialize template detail params
- var paramStr = window.location.search.substring(1);
- if (paramStr.length > 0) {
- var params = paramStr.split("&");
- var templateId = params[0].substring(params[0].indexOf('=') + 1);
- var flavor = params[1].substring(params[1].indexOf('=') + 1);
- avalon.scan();
-
- vm.templateId = templateId;
- vm.$restUrl.queryNodeTemplateUrl = commonUtil.format(vm.$restUrl.queryNodeTemplateUrl, templateId);
-
- if (flavor) {
- vm.$restUrl.queryNodeTemplateUrl += "?flavor=" + flavor;
- }
- vm.$init();
- }
-};
-initParam();
\ No newline at end of file |