From 5256104f3b8480a0ba5add221caa98784035dd28 Mon Sep 17 00:00:00 2001
From: nancylizi <li.zi30@zte.com.cn>
Date: Thu, 29 Sep 2016 20:38:44 +0800
Subject: Sync the changes from service template tab page to single page of
 nodes Issue-id:TOSCA-93

Change-Id: I20081f704f187964e4f02cf20cca5830f8718dab
Signed-off-by: nancylizi <li.zi30@zte.com.cn>
---
 .../webapp/catalog/js/template/tmDetailUtil.js     |   2 +-
 .../catalog/js/template/tmNodesController.js       | 184 ++++++++++++++-------
 .../catalog/js/template/tmNodesDetailUtil.js       |   2 +-
 3 files changed, 127 insertions(+), 61 deletions(-)

diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailUtil.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailUtil.js
index 4fccf7f4..2cb15b4d 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailUtil.js
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmDetailUtil.js
@@ -18,7 +18,7 @@ tmDetailUtil.timer = null;
 
 tmDetailUtil.nameRender = function(obj) {
     return '<a href="#" onclick="vm.nodesTab.nodesDetail.$showDetails('
-    + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\')">' + obj.aData.name + '</a>';
+    + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\',\'' + vm.nodesTab.nodesList.tempId + '\')">' + obj.aData.name + '</a>';
 }
 
 tmDetailUtil.inputsRender = function(obj) {
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesController.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesController.js
index b6f554f9..ef63ba9f 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesController.js
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesController.js
@@ -16,15 +16,16 @@
 var vm = avalon.define({
     $id : "tmNodesController",
     templateId : "",
+    globalNodesData: {},
     $language: {
         "sProcessing": "<img src='../common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</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"),
+        "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"),
@@ -33,52 +34,53 @@ var vm = avalon.define({
             "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
         }
     },
-    $restUrl : {
-        queryNodeTemplateUrl : "/openoapi/catalog/v1/servicetemplates/{0}/nodetemplates",
-        queryTemplateInfoUrl : "/openoapi/catalog/v1/servicetemplates"
+    $restUrl: {
+        queryNodeTemplateUrl: "/openoapi/catalog/v1/servicetemplates/{0}/nodetemplates",
+        queryTemplateInfoUrl: "/openoapi/catalog/v1/servicetemplates"
     },
-    $init : function() {
+    $init: function () {
         vm.$initTemplateData();
-        //vm.$initTopoNodesData();
-        vm.$initNodesData();
     },
-    $initTemplateData : function() {
+    $initTemplateData: function () {
         $.ajax({
-            type : "GET",
-            url : vm.$restUrl.queryTemplateInfoUrl,
-            success : function(resp) {
-                if(resp) {
+            type: "GET",
+            url: vm.$restUrl.queryTemplateInfoUrl,
+            success: function (resp) {
+                if (resp) {
                     vm.servicesTemplateData = [];
-                    for(var i=0; i<resp.length; i++) {
+                    for (var i = 0; i < resp.length; i++) {
                         //generate node table display data
                         vm.servicesTemplateData.push(resp[i]);
                     }
                     vm.$initNfvNodesTab();
                 }
             },
-            error : function() {
+            error: function () {
                 commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
             }
         });
     },
-    $initNodesData : function() {
+    $initNodesData: function (tempId) {
         $.ajax({
             type: "GET",
-            url: vm.$restUrl.queryNodeTemplateUrl,
+            //url: vm.$restUrl.queryNodeTemplateUrl,
+            url: "/openoapi/catalog/v1/servicetemplates/" + tempId + "/nodetemplates",
             success: function (resp) {
                 if (resp) {
-                    vm.nodesDetail.nodesTemplateDetailData = [];
+                    vm.nodesDetail.templatesNodesDetailData[tempId] = [];
+                    var nodesTempData = [];
                     for (var i = 0; i < resp.length; i++) {
                         //generate node table display data
                         var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);
-                        vm.nodesList.nodesData.push(nodeTemplate);
+                        nodesTempData.push(nodeTemplate);
                     }
-                    vm.nodesDetail.nodesTemplateDetailData = resp;
+                    vm.nodesList.nodesData[tempId] = nodesTempData;
+                    vm.nodesDetail.templatesNodesDetailData[tempId] = resp;
                     //generate topology graph display data
                     //vm.topologyTab.topoTemplateData = topoUtil.generateTopoTemplate(vm.nodesList.nodesData.$model);
                     //initialize topology data
                     //topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
-                    vm.nodesList.$initNodesTable();
+                    vm.nodesList.$initNodesTable(tempId);
                 }
             },
             error: function () {
@@ -87,8 +89,8 @@ var vm = avalon.define({
         });
     },
     servicesTemplateData: [],
-    $nodesTabId : "ict_nodes_template_table",
-    $nodesTemplateTabFields : {// table columns
+    $nodesTabId: "ict_nodes_template_table",
+    $nodesTemplateTabFields: {// table columns
         table: [
             {"mData": "serviceTemplateId", name: "ID","bVisible": false},
             {"mData": "", name: "","sClass": 'details-control'},
@@ -116,87 +118,151 @@ var vm = avalon.define({
                 tr.removeClass('shown');
             }
             else {
-                table.fnOpen(tr[0], vm.nodesList.$format_Detail(), 'details');
+                table.fnOpen(tr[0], vm.nodesList.$format_Detail(table,tr[0]), 'details');
                 tr.addClass('shown');
             }
         });
     },
 
     //nodes list table
-    nodesList :{
-        nodesData: [],
-        $nodesTabDataId : "ict_nodes_table",
-        $nodesTabFields : {// table columns
+    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" : tmNodesDetailUtil.nameRender},
+                {
+                    "mData": "name",
+                    name: $.i18n.prop("nfv-templateDetail-iui-field-nodetypename"),
+                    "bSortable": true,
+                    "fnRender": tmNodesDetailUtil.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}
+                {
+                    "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 () {
+        $initNodesTable: function (tempId) {
             var setting = {};
             setting.language = vm.$language;
             setting.paginate = true;
             setting.info = true;
             setting.columns = vm.nodesList.$nodesTabFields.table;
-            setting.restUrl = vm.$restUrl.queryNodeTemplateUrl;
-            setting.tableId = vm.nodesList.$nodesTabDataId;
-            serverPageTable.initTableWithoutLib(setting,{},vm.nodesList.$nodesTabDataId + '_div');
+            setting.restUrl = "/openoapi/catalog/v1/servicetemplates/" + tempId + "/nodetemplates";
+            setting.tableId = vm.nodesList.$nodesTabDataId + "_" + tempId;
+            //serverPageTable.initTableWithData(setting,vm.nodesList.$nodesTabDataId + '_div',vm.nodesList.nodesData.$model);
+            serverPageTable.initTableWithoutLib(setting, {}, setting.tableId + '_div');
         },
-        $format_Detail: function() {
-            var sOut = '<div class="row-fluid" data-name="table_zone"><div class="col-xs-12" id="ict_nodes_table_div"></div></div>'
-            vm.$initNodesData();
+        $format_Detail: function (oTable, nTr) {
+            var aData = oTable.fnGetData(nTr);
+            var tempId = aData.serviceTemplateId;
+            vm.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.$initNodesData(tempId);
             return sOut;
         },
     },
     //Nodes Details
     nodesDetail : {
         nodesTemplateDetailData: [],
-        detailTitle : "",
-        isShow : "none",
-        detailIndex : 0,
-        detailData : [
+        templatesNodesDetailData:[],
+        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}
+            {
+                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) {
+        $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);
+                vm.nodesDetail.$initNodeDetailTable(nodetypeid,tempId);
             }
         },
-        detailCondChange : function(index) {
+        detailCondChange: function (index) {
             vm.nodesDetail.detailIndex = index;
-            for(var i=0; i<vm.nodesDetail.detailData.length; i++) {
+            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}
+                {
+                    "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}
+                {
+                    "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}
+                {
+                    "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) {
-            var data = topoUtil.getCurrentDetailData(vm.nodesDetail.nodesTemplateDetailData.$model, nodetemplateid);
+        $initNodeDetailTable: function (nodetemplateid,tempId) {
+            var data = topoUtil.getCurrentDetailData(vm.nodesList.nodesData[tempId], nodetemplateid);
             //initialize three tables of nodedetail
             $.each(vm.nodesDetail.$tableFields, function(key, value){
                 var setting = {};
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesDetailUtil.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesDetailUtil.js
index e2892623..caa751ed 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesDetailUtil.js
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/js/template/tmNodesDetailUtil.js
@@ -18,6 +18,6 @@ tmNodesDetailUtil.timer = null;
 
 tmNodesDetailUtil.nameRender = function(obj) {
     return '<a href="#" onclick="vm.nodesDetail.$showDetails('
-        + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\')">' + obj.aData.name + '</a>';
+        + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\',\'' + vm.nodesList.tempId + '\')">' + obj.aData.name + '</a>';
 }
 
-- 
cgit 1.2.3-korg