summaryrefslogtreecommitdiffstats
path: root/portal/src
diff options
context:
space:
mode:
Diffstat (limited to 'portal/src')
-rw-r--r--portal/src/main/webapp/extsys/vim/js/vimChart.js430
-rw-r--r--portal/src/main/webapp/extsys/vim/js/vimChartController.js160
-rw-r--r--portal/src/main/webapp/extsys/vim/js/vimController.js3
3 files changed, 0 insertions, 593 deletions
diff --git a/portal/src/main/webapp/extsys/vim/js/vimChart.js b/portal/src/main/webapp/extsys/vim/js/vimChart.js
deleted file mode 100644
index 078a7e6..0000000
--- a/portal/src/main/webapp/extsys/vim/js/vimChart.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 vimChart = {};
-
-
-var labelTop = {
- normal: {
- label: {
- show: true,
- position: 'outer',
- formatter: function (params) {
- var total = params.series.data[1].value + params.series.data[0].value;
- var util = params.series.data[0].util;
- return $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_used') + params.value + util + "\n" +
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_total') + total + util;
- },
- textStyle: {
- baseline: 'bottom',
- fontWeight: 'normal'
-
- }
- },
- labelLine: {
- show: true
- }
- }
-};
-
-
-var labelFromatter = {
- normal: {
- label: {
- formatter: function (params) {
- return params.series.data[0].name + "\n" + (100 - params.percent).toFixed(0) + '%'
- },
- textStyle: {
- baseline: 'center',
- color: "#000",
- fontWeight: 'bold'
-
-
- }
- }
- }
-}
-var labelBottom = {
- normal: {
- color: '#ccc',
- label: {
- show: true,
- position: 'center'
- },
- labelLine: {
- show: false
- }
- },
- emphasis: {
- color: 'rgba(0,0,0,0)'
- }
-};
-
-var radius = [40, 55];
-
-var vimPieChart;
-
-vimChart.vimPieChartInit = function () {
- vimPieChart = echarts.init(document.getElementById('vimPieChartDiv'));
- vimPieChart.showLoading({
- text: "Loading",
- effect: "whirling",
- textStyle: {
- fontSize: 20
- }
- });
-
-}
-
-vimChart.vimPieChart = function (data) {
-
- var option = {
- animation: true,
- legend: {
- x: 'left',
- y: "top",
- data: [
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_cpu'),
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_memory'),
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_disk')
- ],
- orient: 'vertical'
- },
- color: ["#578ebe", "#44b6ae", "#DABA36"],
- title: {
- text: '',
- subtext: '',
- x: 'center'
- },
- toolbox: {
- show: true,
-
- feature: {
- saveAsImage: {
- show: true,
- title: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_save_picture'),
- type: 'png',
- lang: [$.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_click_save')]
- }
- }
- },
- series: [
- {
- type: 'pie',
- center: ['15%', '55%'],
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_cpu'),
- value: data.usage.cpu,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.resource.cpu - data.usage.cpu, itemStyle: labelBottom}
-
- ]
- },
- {
- type: 'pie',
- center: ['40%', '55%'],
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_memory'),
- value: data.usage.memoryMb,
- itemStyle: labelTop,
- util: 'MB'
- },
- {name: 'other', value: data.resource.memoryMb - data.usage.memoryMb, itemStyle: labelBottom}
-
- ]
- },
- {
- type: 'pie',
- center: ['65%', '55%'],
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_disk'),
- value: data.usage.diskGb,
- itemStyle: labelTop,
- util: 'GB'
- },
- {name: 'other', value: data.resource.diskGb - data.usage.diskGb, itemStyle: labelBottom}
-
- ]
- }
-
- ]
- };
-
-
-
- vimPieChart.hideLoading();
- vimPieChart.setOption(option);
- window.onresize = vimPieChart.resize;
-
-
-}
-
-vimChart.getPieCenter = function (n) {
- var center;
- switch (n) {
- case 1:
- center = ['15%', '30%'];
- break;
- case 2:
- center = ['40%', '30%'];
- break;
- case 3:
- center = ['65%', '30%'];
- break;
- case 4:
- center = ['15%', '80%'];
- break;
- case 5:
- center = ['40%', '80%'];
- break;
- case 6:
- center = ['65%', '80%'];
- break;
- case 7:
- center = ['90%', '80%'];
- break;
-
- }
- return center;
-}
-
-
-var tenantPieChart;
-vimChart.tenantPieChartInit = function () {
- tenantPieChart = echarts.init(document.getElementById('tenantPieChartDiv'));
-
- tenantPieChart.showLoading({
- text: "Loading",
- effect: "whirling",
- textStyle: {
- fontSize: 20
- }
- });
-}
-vimChart.tenantPieChart = function (data) {
-
- var legend_data = new Array();
- var series = new Array();
- var n = 0;
-
- if (data.quota.instances != -1) {
- n++;
-
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_instances'));
- var instances_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_instances'),
- value: data.usage.instances,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.quota.instances - data.usage.instances, itemStyle: labelBottom}
-
- ]
- };
- series.push(instances_series);
-
- }
- if (data.quota.cpu != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_cpu'));
- var cpu_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_cpu'),
- value: data.usage.cpu,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.quota.cpu - data.usage.cpu, itemStyle: labelBottom}
-
- ]
- };
- series.push(cpu_series);
- }
- if (data.quota.memoryMb != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_memoryMb'));
- var memoryMb_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_memoryMb'),
- value: data.usage.memoryMb,
- itemStyle: labelTop,
- util: 'MB'
- },
- {name: 'other', value: data.quota.memoryMb - data.usage.memoryMb, itemStyle: labelBottom}
-
- ]
- };
- series.push(memoryMb_series);
- }
- if (data.quota.floatingIps != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_floatingIps'));
- var floatingIps_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_floatingIps'),
- value: data.usage.floatingIps,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.quota.floatingIps - data.usage.floatingIps, itemStyle: labelBottom}
-
- ]
- };
- series.push(floatingIps_series);
- }
- if (data.quota.securityGroups != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_securityGroups'));
- var securityGroups_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_securityGroups'),
- value: data.usage.securityGroups,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.quota.securityGroups - data.usage.securityGroups, itemStyle: labelBottom}
-
- ]
- };
- series.push(securityGroups_series);
- }
- if (data.quota.volumes != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumes'));
- var volumes_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumes'),
- value: data.usage.volumes,
- itemStyle: labelTop,
- util: ''
- },
- {name: 'other', value: data.quota.volumes - data.usage.volumes, itemStyle: labelBottom}
-
- ]
- };
- series.push(volumes_series);
- }
- if (data.quota.volumeStorage != -1) {
- n++;
- legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumeStorage'));
- var volumeStorage_series = {
- type: 'pie',
- center: vimChart.getPieCenter(n),
- radius: radius,
- itemStyle: labelFromatter,
- data: [
- {
- name: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumeStorage'),
- value: data.usage.volumeStorage,
- itemStyle: labelTop,
- util: 'GB'
- },
- {name: 'other', value: data.quota.volumeStorage - data.usage.volumeStorage, itemStyle: labelBottom}
-
- ]
- };
- series.push(volumeStorage_series);
- }
-
-
- var option = {
- animation: true,
- legend: {
- x: 'left',
- y: "top",
- data: legend_data,
- orient: 'vertical'
- },
- color: ["#578ebe", "#44b6ae", "#DABA36", "#F79695", "#9699e0", "#57b5e3", "#48c79c"],
- title: {
- text: '',
- subtext: '',
- x: 'center'
- },
- toolbox: {
- show: true,
- feature: {
- saveAsImage: {
- show: true,
- title: $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_save_picture'),
- type: 'png',
- lang: [$.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_click_save')]
- }
- }
- },
- series: series
- };
-
-
-
- tenantPieChart.hideLoading();
- tenantPieChart.setOption(option);
- window.onresize = tenantPieChart.resize;
-
-
-}
-
-vimChart.growl = function (message, type) {
- $.growl({
- icon: "fa fa-envelope-o fa-lg",
- title: "  " + $.i18n.prop('com_zte_ums_eco_roc_vim_title_notice'),
- message: message + "        "
- }, {
- type: type,
- delay: 0
- });
-} \ No newline at end of file
diff --git a/portal/src/main/webapp/extsys/vim/js/vimChartController.js b/portal/src/main/webapp/extsys/vim/js/vimChartController.js
deleted file mode 100644
index cdfaa40..0000000
--- a/portal/src/main/webapp/extsys/vim/js/vimChartController.js
+++ /dev/null
@@ -1,160 +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: "vimChartController",
- $vimChartUrl: '../../api/vim/v1/{vim_id}/resource',
- $tenantChartUrl: '../../api/vim/v1/{vim_id}/resource/{tenant_name}',
- $tenantListUrl: '../../api/vim/v1/{vim_id}/tenants',
- $tenantRoleUrl: '../../api/vim/v1/{vim_id}/roles',
- vimInfo: {
- name: name,
- id: id,
- tenant: tenant,
- isAdmin: true
- },
- tenantSelectList: {
- condName: $.i18n.prop("com_zte_ums_eco_roc_vim_type"),
- component_type: 'select',
- selectItems: []
- },
- initChart: function () {
-
- //has admin role
- var tenantRoleUrl = vm.$tenantRoleUrl.replace("{vim_id}", vm.vimInfo.id);
- $.ajax({
- "type": 'get',
- "url": tenantRoleUrl,
- "dataType": "json",
- success: function (resp) {
- vm.vimInfo.isAdmin = (resp == null) ? false : resp.isAdminRole;
-
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- vimChart.growl("get [tenant Role] is error ：" + textStatus + ":" + errorThrown, "danger");
- },
- complete: function () {
- if (vm.vimInfo.isAdmin == true) {
-
- //get all resource
- vm.vimChartLoad();
-
- //get tenant list
- vm.vimListLoad();
- }
-
- }
- });
- //get resource of tenant
- vm.tenantChartLoad();
- },
- gotoVimPage: function () {
- window.parent.ZteFrameWork.goToURLByIDAndNewAction('eco_roc_vimmgr');
- },
- vimListLoad: function () {
- var tenantListUrl = vm.$tenantListUrl.replace("{vim_id}", vm.vimInfo.id);
- $.ajax({
- "type": 'get',
- "url": tenantListUrl,
- "dataType": "json",
- success: function (resp) {
- vm.tenantSelectList.selectItems = (resp == null) ? [] : resp;
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- vimChart.growl("get [tenant List] is error ：" + textStatus + ":" + errorThrown, "danger");
- }
- });
- },
- vimChartLoad: function () {
- var viminitData = {
- "resource": {
- "cpu": 0,
- "memoryMb": 503,
- "diskGb": 9.8
- },
- "usage": {
- "cpu": 0,
- "memoryMb": 0,
- "diskGb": 0
- }
- }
-
- vimChart.vimPieChartInit();
-
- var vimChartUrl = vm.$vimChartUrl.replace("{vim_id}", vm.vimInfo.id);
-
-
- $.ajax({
- "type": 'get',
- "url": vimChartUrl,
- "dataType": "json",
- success: function (resp) {
- var vimData = (resp == null) ? viminitData : resp;
- vimChart.vimPieChart(vimData);
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- vimChart.growl("get [virtual machine manager resource using status] is error ：" + textStatus + ":" + errorThrown, "danger");
- }
- });
-
- },
- tenantChartLoad: function () {
- var tenantChartUrl = vm.$tenantChartUrl.replace("{vim_id}", vm.vimInfo.id).replace("{tenant_name}", vm.vimInfo.tenant);
-
- var tenantinitData = {
- "tenant_name": "",
- "errormsg": "",
- "quota": {
- "cpu": 0,
- "memoryMb": 0,
- "instances": 0,
- "floatingIps": 0,
- "securityGroups": 0,
- "volumeStorage": 0,
- "volumes": 0
- },
- "usage": {
- "cpu": 0,
- "memoryMb": 0,
- "instances": 0,
- "floatingIps": 0,
- "securityGroups": 0,
- "volumeStorage": 0,
- "volumes": 0
- }
- };
- vimChart.tenantPieChartInit();
- $.ajax({
- "type": 'get',
- "url": tenantChartUrl,
- "dataType": "json",
- success: function (resp) {
- var tenantData = (resp == null) ? tenantinitData : resp;
- if (tenantData.errormsg != null) {
- vimChart.growl(tenantData.errormsg, "danger");
- }
- vimChart.tenantPieChart(tenantData);
- },
- error: function (XMLHttpRequest, textStatus, errorThrown) {
- vimChart.growl("get [tenant quota using status] occur error ：" + textStatus + ":" + errorThrown, "danger");
- }
- });
-
- }
-
- });
-avalon.scan();
-vm.initChart(); \ No newline at end of file
diff --git a/portal/src/main/webapp/extsys/vim/js/vimController.js b/portal/src/main/webapp/extsys/vim/js/vimController.js
index fec057b..b9e6212 100644
--- a/portal/src/main/webapp/extsys/vim/js/vimController.js
+++ b/portal/src/main/webapp/extsys/vim/js/vimController.js
@@ -266,9 +266,6 @@ var vm = avalon
var vimSave = $.extend(true, {}, vm.currentElement.$model);
vimSave["vimAuthInfos"] = $.extend(true, [], vm.currentElement["vimAuthInfos"].$model);
return vimSave;
- },
- gotoChartPage: function (oid, name, tenant) {
- window.location.href = "vimChart.html?" + oid + "&" + name + "&" + tenant;
}
});
vm.currentElement = $.extend(true, {}, vm.$blankElement);