From f0b211f269df2b0bb10d5552d14aeb8991a750ed Mon Sep 17 00:00:00 2001 From: seshukm Date: Fri, 20 Jan 2017 17:43:08 +0530 Subject: GUI Code refactor GUI Code refactor for the sun release code. Issue-Id : CLIENT-11 Change-Id: I771cc25ff3c8ff7a4e939ce7baef7dd94a67974b Signed-off-by: seshukm --- .../performance/js/performanceQueryController.js | 1620 ++++++++++---------- 1 file changed, 810 insertions(+), 810 deletions(-) (limited to 'openo-portal/portal-performance/src/main/webapp/performance/js/performanceQueryController.js') diff --git a/openo-portal/portal-performance/src/main/webapp/performance/js/performanceQueryController.js b/openo-portal/portal-performance/src/main/webapp/performance/js/performanceQueryController.js index 93d5ef07..7b10d71b 100644 --- a/openo-portal/portal-performance/src/main/webapp/performance/js/performanceQueryController.js +++ b/openo-portal/portal-performance/src/main/webapp/performance/js/performanceQueryController.js @@ -1,810 +1,810 @@ -/* - * Copyright 2016, CMCC Technologies Co., Ltd. - * - * 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 pm = {}; -pm.query = {}; -pm.query.vmPmQuery = avalon.define({ - $id: "pmQueryController", - tableTitle:'', - pmDataVisable:true, - pmChartVisable:false, - tableIconVisable:false, - chartIconVisable:false, - queryRuleVisable:false, - boxVisible:true, - pmQueries:[], - - $postData:{}, - - beginTime: "", - endTime: "", - granularity:"", - - granularities: [ - {id: '5', name: $.i18n.prop('com_zte_ums_ict_pm_query_5'), value: true}, - {id: '15', name: $.i18n.prop('com_zte_ums_ict_pm_query_15'), value: false}, - {id: '60', name: $.i18n.prop('com_zte_ums_ict_pm_query_60'), value: false} - ], - - granularityClicked: function(modelItem, item){ - if(modelItem.id =="5"){ - pm.query.vmPmQuery.granularity = "5*60"; - pm.query.vmPmQuery.granularities[0].value = true; - pm.query.vmPmQuery.granularities[1].value = false; - pm.query.vmPmQuery.granularities[2].value = false; - }else if(modelItem.id =="15"){ - pm.query.vmPmQuery.granularity = "15*60"; - pm.query.vmPmQuery.granularities[0].value = false; - pm.query.vmPmQuery.granularities[1].value = true; - pm.query.vmPmQuery.granularities[2].value = false; - }else{ - pm.query.vmPmQuery.granularity = "60*60"; - pm.query.vmPmQuery.granularities[0].value = false; - pm.query.vmPmQuery.granularities[1].value = false; - pm.query.vmPmQuery.granularities[2].value = true; - } - }, - - resources: [ - /* {id: 'vnfInstance', name: $.i18n.prop('ngict-pm-iui-name-vnfInstance'), value: "SSS"}, - {id: 'host', name: $.i18n.prop('ngict-pm-iui-name-host'), value: ""} */ - ], - - resourcesMap:{}, - - resourceSlected:[], - - resourceSlectedObjs:[], - - rmSelectedResource: function(modelItem, elem){ - $(elem).parent().remove(); - pm.query.vmPmQuery.resourceSlected.splice(pm.query.vmPmQuery.resourceSlected.indexOf(modelItem.id), 1); - }, - - initResources: function(resourceTypeId){ - var that = this; - $.ajax({ - async: false, - "dataType": 'json', - "type": "GET", - "url": "/openoapi/umc/v1/pm/resources", - "contentType": 'application/json; charset=utf-8', - "success": function (res, textStatus, jqXHR) { - //var nodes = res.content; - var nodes = res; - that.resources = []; - for (var i = 0; i < nodes.length; i++) { - var resource = { - id: nodes[i].id, - name: nodes[i].name, - resType: nodes[i].resType - }; - that.resources.push(resource); - //保存id和resource的映射关系 - var resourceCopy = { - id: nodes[i].id, - name: nodes[i].name, - resType: nodes[i].resType - }; - that.resourcesMap[nodes[i].id] = resourceCopy; - } - //过滤框注册 - $("input[id=resourcesToFilter]").keyup(function(){ - $("table#resources tbody tr").hide().filter(":contains('"+( $(this).val() )+"')").show(); - }); - }, - "error": function () { - } - }); - }, - - resTypeArray : [], - selectedResourceType : "", - selectedResourceTypeId : "", - - moTypeArray:[], - selectedMoType:"", - selectedMoTypeId:"", - - counterArray:[], - selectedCounter:[], - - resTypeSelectAction:function(){ - var resourceTypeId = getIdFromName(pm.query.vmPmQuery.selectedResourceType,pm.query.vmPmQuery.resTypeArray); - pm.query.vmPmQuery.selectedResourceTypeId = resourceTypeId; - getMoTypeArray(resourceTypeId); - pm.query.vmPmQuery.counterArray=[]; - pm.query.vmPmQuery.initResources(resourceTypeId); - }, - moTypeSelectAction:function(obj){ - var resourceTypeId=getIdFromName(pm.query.vmPmQuery.selectedResourceType,pm.query.vmPmQuery.resTypeArray); - //var moTypeId=$(obj).val(); - var moTypeId = getIdFromName(pm.query.vmPmQuery.selectedMoType, pm.query.vmPmQuery.moTypeArray); - pm.query.vmPmQuery.selectedMoTypeId = moTypeId; - getCounterArray(resourceTypeId,moTypeId); - }, - /* counterSelectAction:function(obj){ - var counterId=$(obj).val(); - pm.query.vmPmQuery.selectedCounter=counterId; - pm.query.vmPmQuery.indexDescription+=pm.query.vmPmQuery.selectedCounter; - }, */ - returnQueryPage: function(){ - pm.query.vmPmQuery.pmDataVisable=true; - pm.query.vmPmQuery.pmChartVisable=false; - pm.query.vmPmQuery.tableIconVisable=false; - pm.query.vmPmQuery.chartIconVisable=true; - pm.query.vmPmQuery.queryRuleVisable=false; - pm.query.vmPmQuery.clickDisplayGraphAlink(); - }, - - queryRuleView: function(event, el){ - event.stopPropagation(); - - pm.query.vmPmQuery.tableTitle=$.i18n.prop('com_zte_ums_ict_pm_query_edit'); - - //取得测量任务详情 - var elem = {}; - $.ajax({ - async: false, - "dataType": 'json', - "type": "GET", - "url": "/openoapi/umc/v1/pm/meatasks/" + el.id, - "data": null, - "contentType": 'application/json; charset=utf-8', - "success": function (res, textStatus, jqXHR) { - elem = res; - }, - "error": function () { - } - }); - - pm.query.vmPmQuery.pmDataVisable=false; - pm.query.vmPmQuery.pmChartVisable=false; - pm.query.vmPmQuery.tableIconVisable=false; - pm.query.vmPmQuery.chartIconVisable=false; - pm.query.vmPmQuery.queryRuleVisable=true; - - pm.query.vmPmQuery.beginTime = elem.beginTime; - pm.query.vmPmQuery.endTime = elem.endTime; - - var timetext = pmUtil.formatTime(pm.query.vmPmQuery.beginTime) + " - " + pmUtil.formatTime(pm.query.vmPmQuery.endTime); - $("#queryTimeRange").val(timetext); - - //选择粒度 - pm.query.vmPmQuery.granularity = elem.granularity; - var granularity = pm.query.vmPmQuery.granularity / 60; - var granularities = pm.query.vmPmQuery.granularities; - for(var i=0;i tr > td:nth-child(1) input[type="checkbox"]', table); - var checked = $(this).is(":checked"); - $(set).each(function () { - //$(this).attr("checked", checked); - if(checked){ - if(!$(this).is(":checked")){ - $(this).click(); - } - }else{ - if($(this).is(":checked")){ - $(this).click(); - } - } - }); - }); - - $('.resourceAll').unbind().bind("change", function () { - var table = $("table#resources"); - var set = $('tbody > tr > td:nth-child(1) input[type="checkbox"]', table); - var checked = $(this).is(":checked"); - $(set).each(function () { - //$(this).attr("checked", checked); - if(checked){ - if(!$(this).is(":checked")){ - $(this).click(); - } - }else{ - if($(this).is(":checked")){ - $(this).click(); - } - } - }); - }); - //国际化 - var i18nItems = $("[name_i18n=openo_performance_i18n]"); - for(var i=0;i  处理中...", - "sLengthMenu": $.i18n.prop("ngict-log-iui-table-sLengthMenu"), - "sZeroRecords": $.i18n.prop("ngict-log-iui-table-sZeroRecords"), - "sInfo": " " + $.i18n.prop("ngict-log-iui-table-sInfo"), - "sInfoEmpty": $.i18n.prop("ngict-log-iui-table-sInfoEmpty"), - "sGroupActions": $.i18n.prop("ngict-log-iui-table-sGroupActions"), - "sAjaxRequestGeneralError":$.i18n.prop("ngict-log-iui-table-sAjaxRequestGeneralError"), - "sEmptyTable": $.i18n.prop("ngict-log-iui-table-sEmptyTable"), - "oPaginate": { - "sPrevious": $.i18n.prop("ngict-log-iui-table-sPrevious"), - "sNext": $.i18n.prop("ngict-log-iui-table-sNext"), - "sPage": $.i18n.prop("ngict-log-iui-table-sPage"), - "sPageOf": $.i18n.prop("ngict-log-iui-table-sPageOf") - } - }, - $initTable: function () { - var setting = {}; - setting.language = this.$language; - setting.columns = this.$queryDataTableFields; - setting.pageHtml="r<'table-scrollable't><'row page-info-bottom'<'col-md-12 col-sm-12'lip>>>"; - setting.restUrl = "/openoapi/umc/v1/pm/historydataqueries"; - setting.tableId = "ict_pm_data"; - serverPageTable.initDataTable(setting, 'ict_pm_data_div' ); - } -}); - -pm.query.vmPmQuery.resourceSlected.$watch("length", function(newValue, oldValue){ - var resourceSlected = pm.query.vmPmQuery.resourceSlected; - //pm.query.vmPmQuery.resourceSlectedObjs = []; - var resourceSlectedObjs = []; - for(var i=0;i0){ - pm.query.vmPmQuery.selectedResourceType=pm.query.vmPmQuery.resTypeArray[0].name; - resourceTypeId=pm.query.vmPmQuery.resTypeArray[0].id; - pm.query.vmPmQuery.selectedDataType=pm.query.vmPmQuery.dataTypeArray[0].name; - getMoTypeArray( pm.query.vmPmQuery.resTypeArray[0].id); - getCounterArray(resourceTypeId,moTypeId); - } */ -}(); - -function getMoTypeArray(resourceTypeId){ - if(resourceTypeId){ - //获取测量类型 - var url="/openoapi/umc/v1/pm/motypes"; - var data={}; - data.resourceTypeId=resourceTypeId; - $.ajax({ - "type": 'get', - "url": url, - data:data, - "dataType": "json", - "async": false, - "success": function (resp) { - //pm.query.vmPmQuery.moTypeArray= resp.content; - pm.query.vmPmQuery.moTypeArray= resp; - }, - "error":function(resp){ - pm.query.vmPmQuery.moTypeArray=[]; - //for test - /* var res = {"message":null,"content":[{"name":"性能KPI-1","id":"ns.cn.ims.metrictype"},{"name":"性能KPI-2","id":"ns.cn.ims.metrictype1"},{"name":"性能KPI-3","id":"ns.cn.ims.metrictype2"},{"name":"性能KPI-4","id":"ns.cn.ims.metrictype3"},{"name":"性能KPI-5","id":"ns.cn.ims.metrictype4"}],"status":0}; - pm.query.vmPmQuery.moTypeArray = res.content; */ - } - }); - } -} - -function getCounterArray(MoTypeId){ - if(MoTypeId){ - var url="/openoapi/umc/v1/pm/motypes/"+MoTypeId+"/counters"; - var data={}; - data.moTypeId=MoTypeId; - $.ajax({ - "type": 'get', - "url": url, - "dataType": "json", - data:data, - "async": false, - "success": function (resp) { - //pm.query.vmPmQuery.counterArray= resp.content; - pm.query.vmPmQuery.counterArray= resp; - //默认全选 - pm.query.vmPmQuery.selectedCounter = []; - for(var i=0;i tr > td:nth-child(1) input[type="checkbox"]', table); + var checked = $(this).is(":checked"); + $(set).each(function () { + //$(this).attr("checked", checked); + if(checked){ + if(!$(this).is(":checked")){ + $(this).click(); + } + }else{ + if($(this).is(":checked")){ + $(this).click(); + } + } + }); + }); + + $('.resourceAll').unbind().bind("change", function () { + var table = $("table#resources"); + var set = $('tbody > tr > td:nth-child(1) input[type="checkbox"]', table); + var checked = $(this).is(":checked"); + $(set).each(function () { + //$(this).attr("checked", checked); + if(checked){ + if(!$(this).is(":checked")){ + $(this).click(); + } + }else{ + if($(this).is(":checked")){ + $(this).click(); + } + } + }); + }); + //国际化 + var i18nItems = $("[name_i18n=openo_performance_i18n]"); + for(var i=0;i  处理中...", + "sLengthMenu": $.i18n.prop("ngict-log-iui-table-sLengthMenu"), + "sZeroRecords": $.i18n.prop("ngict-log-iui-table-sZeroRecords"), + "sInfo": " " + $.i18n.prop("ngict-log-iui-table-sInfo"), + "sInfoEmpty": $.i18n.prop("ngict-log-iui-table-sInfoEmpty"), + "sGroupActions": $.i18n.prop("ngict-log-iui-table-sGroupActions"), + "sAjaxRequestGeneralError":$.i18n.prop("ngict-log-iui-table-sAjaxRequestGeneralError"), + "sEmptyTable": $.i18n.prop("ngict-log-iui-table-sEmptyTable"), + "oPaginate": { + "sPrevious": $.i18n.prop("ngict-log-iui-table-sPrevious"), + "sNext": $.i18n.prop("ngict-log-iui-table-sNext"), + "sPage": $.i18n.prop("ngict-log-iui-table-sPage"), + "sPageOf": $.i18n.prop("ngict-log-iui-table-sPageOf") + } + }, + $initTable: function () { + var setting = {}; + setting.language = this.$language; + setting.columns = this.$queryDataTableFields; + setting.pageHtml="r<'table-scrollable't><'row page-info-bottom'<'col-md-12 col-sm-12'lip>>>"; + setting.restUrl = "/openoapi/umc/v1/pm/historydataqueries"; + setting.tableId = "ict_pm_data"; + serverPageTable.initDataTable(setting, 'ict_pm_data_div' ); + } +}); + +pm.query.vmPmQuery.resourceSlected.$watch("length", function(newValue, oldValue){ + var resourceSlected = pm.query.vmPmQuery.resourceSlected; + //pm.query.vmPmQuery.resourceSlectedObjs = []; + var resourceSlectedObjs = []; + for(var i=0;i0){ + pm.query.vmPmQuery.selectedResourceType=pm.query.vmPmQuery.resTypeArray[0].name; + resourceTypeId=pm.query.vmPmQuery.resTypeArray[0].id; + pm.query.vmPmQuery.selectedDataType=pm.query.vmPmQuery.dataTypeArray[0].name; + getMoTypeArray( pm.query.vmPmQuery.resTypeArray[0].id); + getCounterArray(resourceTypeId,moTypeId); + } */ +}(); + +function getMoTypeArray(resourceTypeId){ + if(resourceTypeId){ + //获取测量类型 + var url="/openoapi/umc/v1/pm/motypes"; + var data={}; + data.resourceTypeId=resourceTypeId; + $.ajax({ + "type": 'get', + "url": url, + data:data, + "dataType": "json", + "async": false, + "success": function (resp) { + //pm.query.vmPmQuery.moTypeArray= resp.content; + pm.query.vmPmQuery.moTypeArray= resp; + }, + "error":function(resp){ + pm.query.vmPmQuery.moTypeArray=[]; + //for test + /* var res = {"message":null,"content":[{"name":"性能KPI-1","id":"ns.cn.ims.metrictype"},{"name":"性能KPI-2","id":"ns.cn.ims.metrictype1"},{"name":"性能KPI-3","id":"ns.cn.ims.metrictype2"},{"name":"性能KPI-4","id":"ns.cn.ims.metrictype3"},{"name":"性能KPI-5","id":"ns.cn.ims.metrictype4"}],"status":0}; + pm.query.vmPmQuery.moTypeArray = res.content; */ + } + }); + } +} + +function getCounterArray(MoTypeId){ + if(MoTypeId){ + var url="/openoapi/umc/v1/pm/motypes/"+MoTypeId+"/counters"; + var data={}; + data.moTypeId=MoTypeId; + $.ajax({ + "type": 'get', + "url": url, + "dataType": "json", + data:data, + "async": false, + "success": function (resp) { + //pm.query.vmPmQuery.counterArray= resp.content; + pm.query.vmPmQuery.counterArray= resp; + //默认全选 + pm.query.vmPmQuery.selectedCounter = []; + for(var i=0;i