From fabd4d8a996172f18684c315debd3263167e2ac1 Mon Sep 17 00:00:00 2001 From: OldHawk Date: Tue, 5 Jun 2018 16:11:34 +0800 Subject: [PATCH] feat(dataLogs): new chart css for data center --- modules/core/client/app/trans-string-en.js | 21 +++-- modules/core/client/app/trans-string-zh-tw.js | 21 +++-- modules/core/client/app/trans-string-zh.js | 21 +++-- .../client/config/data-logs.client.routes.js | 21 +++++ .../data-logs.client.controller.js | 79 ++++++++++++++++--- .../views/data-downloaded.client.view.html | 16 +++- .../client/views/data-score.client.view.html | 16 +++- .../views/data-uploaded.client.view.html | 16 +++- .../client/views/data.client.view.html | 8 ++ 9 files changed, 173 insertions(+), 46 deletions(-) diff --git a/modules/core/client/app/trans-string-en.js b/modules/core/client/app/trans-string-en.js index 5f4c3dfa..3ad343ab 100644 --- a/modules/core/client/app/trans-string-en.js +++ b/modules/core/client/app/trans-string-en.js @@ -1455,18 +1455,25 @@ // data center DATA_CENTER: { ITEM_SCORE: 'Score data analysis', + ITEM_SCORE_HISTORY: 'Score data history', ITEM_UPLOADED: 'Uploaded data analysis', + ITEM_UPLOADED_HISTORY: 'Uploaded data history', ITEM_DOWNLOADED: 'Downloaded data analysis', - LAST_30_DAYS_DATA_SCORE: 'The last 30 days score data', - LAST_30_DAYS_DATA_UPLOADED: 'The last 30 days uploaded data', - LAST_30_DAYS_DATA_DOWNLOADED: 'The last 30 days downloaded data', - LAST_12_MONTHS_DATA_SCORE: 'The last 12 months score data', - LAST_12_MONTHS_DATA_UPLOADED: 'The last 12 months uploaded data', - LAST_12_MONTHS_DATA_DOWNLOADED: 'The last 12 months downloaded data', + ITEM_DOWNLOADED_HISTORY: 'Downloaded data history', + LAST_DAYS_DATA_SCORE: 'The last {{days}} days score data', + LAST_DAYS_DATA_UPLOADED: 'The last {{days}} days uploaded data', + LAST_DAYS_DATA_DOWNLOADED: 'The last {{days}} days downloaded data', + LAST_DAYS_DATA_SCORE_HISTORY: 'The last {{days}} days score data history', + LAST_DAYS_DATA_UPLOADED_HISTORY: 'The last {{days}} days upload data history', + LAST_DAYS_DATA_DOWNLOADED_HISTORY: 'The last {{days}} days downloaded data history', + LAST_MONTHS_DATA_SCORE: 'The last {{months}} months score data', + LAST_MONTHS_DATA_UPLOADED: 'The last {{months}} months uploaded data', + LAST_MONTHS_DATA_DOWNLOADED: 'The last {{months}} months downloaded data', GET_USER_LOGS_ERROR: 'Get user logs data failed', SERIES_SCORE: 'score', SERIES_UPLOADED: 'uploaded', - SERIES_DOWNLOADED: 'downloaded' + SERIES_DOWNLOADED: 'downloaded', + LEGEND_UNIT: ' (unit: GB)' }, //status pages diff --git a/modules/core/client/app/trans-string-zh-tw.js b/modules/core/client/app/trans-string-zh-tw.js index 6b886c97..c2fb6f45 100644 --- a/modules/core/client/app/trans-string-zh-tw.js +++ b/modules/core/client/app/trans-string-zh-tw.js @@ -1455,18 +1455,25 @@ // data center DATA_CENTER: { ITEM_SCORE: '積分數據分析', + ITEM_SCORE_HISTORY: '積分數據歷史', ITEM_UPLOADED: '上傳量數據分析', + ITEM_UPLOADED_HISTORY: '上傳量數據歷史', ITEM_DOWNLOADED: '下載量數據分析', - LAST_30_DAYS_DATA_SCORE: '最近30天的積分數據', - LAST_30_DAYS_DATA_UPLOADED: '最近30天的上傳量數據', - LAST_30_DAYS_DATA_DOWNLOADED: '最近30天的下載量數據', - LAST_12_MONTHS_DATA_SCORE: '最近12個月的積分數據', - LAST_12_MONTHS_DATA_UPLOADED: '最近12個月的上傳量數據', - LAST_12_MONTHS_DATA_DOWNLOADED: '最近12個月的下載量量數據', + ITEM_DOWNLOADED_HISTORY: '下載量數據歷史', + LAST_DAYS_DATA_SCORE: '最近{{days}}天的積分數據', + LAST_DAYS_DATA_UPLOADED: '最近{{days}}天的上傳量數據', + LAST_DAYS_DATA_DOWNLOADED: '最近{{days}}天的下載量數據', + LAST_DAYS_DATA_SCORE_HISTORY: '最近{{days}}天的積分數據歷史', + LAST_DAYS_DATA_UPLOADED_HISTORY: '最近{{days}}天的上傳量數據歷史', + LAST_DAYS_DATA_DOWNLOADED_HISTORY: '最近{{days}}天的下載量數據歷史', + LAST_MONTHS_DATA_SCORE: '最近{{months}}個月的積分數據', + LAST_MONTHS_DATA_UPLOADED: '最近{{months}}個月的上傳量數據', + LAST_MONTHS_DATA_DOWNLOADED: '最近{{months}}個月的下載量量數據', GET_USER_LOGS_ERROR: '獲取用戶日誌數據失敗', SERIES_SCORE: '積分', SERIES_UPLOADED: '上傳量', - SERIES_DOWNLOADED: '下載量' + SERIES_DOWNLOADED: '下載量', + LEGEND_UNIT: ' (單位: GB)' }, //status pages diff --git a/modules/core/client/app/trans-string-zh.js b/modules/core/client/app/trans-string-zh.js index 7e72e1ee..2be61cd9 100644 --- a/modules/core/client/app/trans-string-zh.js +++ b/modules/core/client/app/trans-string-zh.js @@ -1455,18 +1455,25 @@ // data center DATA_CENTER: { ITEM_SCORE: '积分数据分析', + ITEM_SCORE_HISTORY: '积分数据历史', ITEM_UPLOADED: '上传量数据分析', + ITEM_UPLOADED_HISTORY: '上传量数据历史', ITEM_DOWNLOADED: '下载量数据分析', - LAST_30_DAYS_DATA_SCORE: '最近30天的积分数据', - LAST_30_DAYS_DATA_UPLOADED: '最近30天的上传量数据', - LAST_30_DAYS_DATA_DOWNLOADED: '最近30天的下载量数据', - LAST_12_MONTHS_DATA_SCORE: '最近12个月的积分数据', - LAST_12_MONTHS_DATA_UPLOADED: '最近12个月的上传量数据', - LAST_12_MONTHS_DATA_DOWNLOADED: '最近12个月的下载量数据', + ITEM_DOWNLOADED_HISTORY: '下载量数据历史', + LAST_DAYS_DATA_SCORE: '最近{{days}}天的积分数据', + LAST_DAYS_DATA_UPLOADED: '最近{{days}}天的上传量数据', + LAST_DAYS_DATA_DOWNLOADED: '最近{{days}}天的下载量数据', + LAST_DAYS_DATA_SCORE_HISTORY: '最近{{days}}天的积分数据历史', + LAST_DAYS_DATA_UPLOADED_HISTORY: '最近{{days}}天的上传量数据历史', + LAST_DAYS_DATA_DOWNLOADED_HISTORY: '最近{{days}}天的下载量数据历史', + LAST_MONTHS_DATA_SCORE: '最近{{months}}个月的积分数据', + LAST_MONTHS_DATA_UPLOADED: '最近{{months}}个月的上传量数据', + LAST_MONTHS_DATA_DOWNLOADED: '最近{{months}}个月的下载量数据', GET_USER_LOGS_ERROR: '获取用户日志数据失败', SERIES_SCORE: '积分', SERIES_UPLOADED: '上传量', - SERIES_DOWNLOADED: '下载量' + SERIES_DOWNLOADED: '下载量', + LEGEND_UNIT: ' (单位: GB)' }, //status pages diff --git a/modules/data-logs/client/config/data-logs.client.routes.js b/modules/data-logs/client/config/data-logs.client.routes.js index dd6999b5..72ffb98c 100644 --- a/modules/data-logs/client/config/data-logs.client.routes.js +++ b/modules/data-logs/client/config/data-logs.client.routes.js @@ -39,6 +39,27 @@ data: { pageTitle: 'PAGETITLE.DATA_CENTER' } + }) + .state('dataCenter.scoreHistory', { + url: '/scoreHistory', + templateUrl: '/modules/data-logs/client/views/data-score-history.client.view.html', + data: { + pageTitle: 'PAGETITLE.DATA_CENTER' + } + }) + .state('dataCenter.uploadedHistory', { + url: '/uploadedHistory', + templateUrl: '/modules/data-logs/client/views/data-uploaded-history.client.view.html', + data: { + pageTitle: 'PAGETITLE.DATA_CENTER' + } + }) + .state('dataCenter.downloadedHistory', { + url: '/downloadedHistory', + templateUrl: '/modules/data-logs/client/views/data-downloaded-history.client.view.html', + data: { + pageTitle: 'PAGETITLE.DATA_CENTER' + } }); } }()); diff --git a/modules/data-logs/client/controllers/data-logs.client.controller.js b/modules/data-logs/client/controllers/data-logs.client.controller.js index 2f5bcbd3..d5ab9aaa 100644 --- a/modules/data-logs/client/controllers/data-logs.client.controller.js +++ b/modules/data-logs/client/controllers/data-logs.client.controller.js @@ -14,6 +14,14 @@ vm.user = Authentication.user; vm.itemsPerPageConfig = MeanTorrentConfig.meanTorrentConfig.itemsPerPage; vm.announceConfig = MeanTorrentConfig.meanTorrentConfig.announce; + vm.scoreConfig = MeanTorrentConfig.meanTorrentConfig.score; + + /** + * $scope.$on('chart-create') + */ + $scope.$on('chart-create', function (evt, chart) { + chart.generateLegend(); + }); /** * getUserDaysLogs @@ -43,13 +51,32 @@ downloaded: [] }, data: { - score: [], - uploaded: [], - downloaded: [] + score: [[]], + uploaded: [[]], + downloaded: [[]] + }, + colors: { + score: ['rgb(255,102,0)'] + }, + options: { + legendCallback: function (chart) { + angular.forEach(chart.legend.legendItems, function (l) { + switch (l.text) { + case $translate.instant('DATA_CENTER.SERIES_UPLOADED'): + case $translate.instant('DATA_CENTER.SERIES_DOWNLOADED'): + l.text += $translate.instant('DATA_CENTER.LEGEND_UNIT'); + } + }); + }, + legend: { + display: true, + }, + tooltips: { + intersect: false + } } }; - //labels //labels for (var i = vm.announceConfig.userDaysLogDays - 1; i >= 0; i--) { logsData.labels.push(moment().subtract(i, 'days').format('YYYY-MM-DD')); @@ -69,21 +96,21 @@ }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.score.push(labScore); + logsData.data.score[0].push(labScore); var labUploaded = labItems.length > 0 ? labItems.map(function (x) { return x.uploaded; }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.uploaded.push(Math.round(labUploaded / (1024 * 1024 * 1024) * 100) / 100); + logsData.data.uploaded[0].push(Math.round(labUploaded / (1024 * 1024 * 1024) * 100) / 100); var labDownloaded = labItems.length > 0 ? labItems.map(function (x) { return x.downloaded; }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.downloaded.push(Math.round(labDownloaded / (1024 * 1024 * 1024) * 100) / 100); + logsData.data.downloaded[0].push(Math.round(labDownloaded / (1024 * 1024 * 1024) * 100) / 100); }); return logsData; @@ -117,9 +144,29 @@ downloaded: [] }, data: { - score: [], - uploaded: [], - downloaded: [] + score: [[]], + uploaded: [[]], + downloaded: [[]] + }, + colors: { + score: ['rgb(255,102,0)'] + }, + options: { + legendCallback: function (chart) { + angular.forEach(chart.legend.legendItems, function (l) { + switch (l.text) { + case $translate.instant('DATA_CENTER.SERIES_UPLOADED'): + case $translate.instant('DATA_CENTER.SERIES_DOWNLOADED'): + l.text += $translate.instant('DATA_CENTER.LEGEND_UNIT'); + } + }); + }, + legend: { + display: true, + }, + tooltips: { + intersect: false + } } }; @@ -142,25 +189,31 @@ }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.score.push(labScore); + logsData.data.score[0].push(labScore); var labUploaded = labItems.length > 0 ? labItems.map(function (x) { return x.uploaded; }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.uploaded.push(Math.round(labUploaded / (1024 * 1024 * 1024) * 100) / 100); + logsData.data.uploaded[0].push(Math.round(labUploaded / (1024 * 1024 * 1024) * 100) / 100); var labDownloaded = labItems.length > 0 ? labItems.map(function (x) { return x.downloaded; }).reduce(function (a, b) { return a + b; }) : 0; - logsData.data.downloaded.push(Math.round(labDownloaded / (1024 * 1024 * 1024) * 100) / 100); + logsData.data.downloaded[0].push(Math.round(labDownloaded / (1024 * 1024 * 1024) * 100) / 100); }); return logsData; } + /** + * getUserScoreHistory + */ + vm.getUserScoreHistory = function () { + + }; } }()); diff --git a/modules/data-logs/client/views/data-downloaded.client.view.html b/modules/data-logs/client/views/data-downloaded.client.view.html index 76514cf8..3064f79b 100644 --- a/modules/data-logs/client/views/data-downloaded.client.view.html +++ b/modules/data-logs/client/views/data-downloaded.client.view.html @@ -1,25 +1,33 @@
-
 {{'DATA_CENTER.LAST_30_DAYS_DATA_DOWNLOADED' | translate}}
+
+   + +
+ chart-series="vm.userDaysLogsData.series.downloaded" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
-
 {{'DATA_CENTER.LAST_12_MONTHS_DATA_DOWNLOADED' | translate}}
+
+   + +
+ chart-series="vm.userMonthsLogsData.series.downloaded" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
diff --git a/modules/data-logs/client/views/data-score.client.view.html b/modules/data-logs/client/views/data-score.client.view.html index 2e7b860a..eb099312 100644 --- a/modules/data-logs/client/views/data-score.client.view.html +++ b/modules/data-logs/client/views/data-score.client.view.html @@ -1,25 +1,33 @@
-
 {{'DATA_CENTER.LAST_30_DAYS_DATA_SCORE' | translate}}
+
+   + +
+ chart-series="vm.userDaysLogsData.series.score" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
-
 {{'DATA_CENTER.LAST_12_MONTHS_DATA_SCORE' | translate}}
+
+   + +
+ chart-series="vm.userMonthsLogsData.series.score" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
diff --git a/modules/data-logs/client/views/data-uploaded.client.view.html b/modules/data-logs/client/views/data-uploaded.client.view.html index b6448d4e..0bac684f 100644 --- a/modules/data-logs/client/views/data-uploaded.client.view.html +++ b/modules/data-logs/client/views/data-uploaded.client.view.html @@ -1,25 +1,33 @@
-
 {{'DATA_CENTER.LAST_30_DAYS_DATA_UPLOADED' | translate}}
+
+   + +
+ chart-series="vm.userDaysLogsData.series.uploaded" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
-
 {{'DATA_CENTER.LAST_12_MONTHS_DATA_UPLOADED' | translate}}
+
+   + +
+ chart-series="vm.userMonthsLogsData.series.uploaded" chart-options="vm.userDaysLogsData.options" + chart-colors="vm.userDaysLogsData.colors.score" chart-click="">
diff --git a/modules/data-logs/client/views/data.client.view.html b/modules/data-logs/client/views/data.client.view.html index 651725e7..04941e04 100644 --- a/modules/data-logs/client/views/data.client.view.html +++ b/modules/data-logs/client/views/data.client.view.html @@ -9,6 +9,14 @@ {{'DATA_CENTER.ITEM_DOWNLOADED' | translate}} +
+ {{'DATA_CENTER.ITEM_SCORE_HISTORY' | translate}} + {{'DATA_CENTER.ITEM_UPLOADED_HISTORY' | translate}} + {{'DATA_CENTER.ITEM_DOWNLOADED_HISTORY' | translate}} +