From a9da96215e957956d3a71ebdb246a62f7ebc8542 Mon Sep 17 00:00:00 2001 From: ph Date: Wed, 13 May 2020 11:01:20 +0800 Subject: [PATCH] update browser tab title --- mindinsight/ui/src/locales/zh-cn.json | 10 ++++---- .../ui/src/views/train-manage/data-map.vue | 2 ++ .../src/views/train-manage/data-traceback.vue | 1 + .../ui/src/views/train-manage/graph.vue | 23 ++++++++----------- .../ui/src/views/train-manage/histogram.vue | 7 ++++++ .../ui/src/views/train-manage/image.vue | 9 +++++++- .../views/train-manage/model-traceback.vue | 1 + .../ui/src/views/train-manage/scalar.vue | 7 ++++++ .../src/views/train-manage/summary-manage.vue | 4 ++-- .../views/train-manage/training-dashboard.vue | 4 +++- 10 files changed, 46 insertions(+), 22 deletions(-) diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json index 80bf518..cb14e1d 100644 --- a/mindinsight/ui/src/locales/zh-cn.json +++ b/mindinsight/ui/src/locales/zh-cn.json @@ -21,10 +21,10 @@ "timeSecond": "秒" }, "summaryManage": { - "summaryList": "Summary列表", - "currentFolder": "当前文件夹：", + "summaryList": "训练列表", + "currentFolder": "训练日志根路径：", "sorting": "序号", - "summaryPath": "summary路径", + "summaryPath": "训练日志路径", "createTime": "创建时间", "updateTime": "更新时间", "operation": "操作", @@ -33,7 +33,7 @@ "dataTraceback": "数据溯源" }, "modelTraceback": { - "summaryPath": "summary路径", + "summaryPath": "训练日志路径", "trainSetPath": "训练集路径", "testSetPath": "测试集路径", "trainingSampleNum": "训练样本数量", @@ -68,7 +68,7 @@ "samplingData": "数据抽样", "imagesampleSwitch": "切换标签", "invalidId": "无效的训练作业", - "summaryDirPath": "summary路径：" + "summaryDirPath": "训练日志路径：" }, "scalar": { "titleText": "标量", diff --git a/mindinsight/ui/src/views/train-manage/data-map.vue b/mindinsight/ui/src/views/train-manage/data-map.vue index 802f033..02ec0fa 100644 --- a/mindinsight/ui/src/views/train-manage/data-map.vue +++ b/mindinsight/ui/src/views/train-manage/data-map.vue @@ -168,9 +168,11 @@ export default { if (!this.$route.query || !this.$route.query.train_id) { this.trainJobID = ''; this.$message.error(this.$t('trainingDashboard.invalidId')); + document.title = this.$t('trainingDashboard.dataMap') + '-MindInsight'; return; } this.trainJobID = this.$route.query.train_id; + document.title = decodeURIComponent(this.trainJobID) + '-' + this.$t('trainingDashboard.dataMap') + '-MindInsight'; this.$nextTick(() => { this.queryGraphData(); }); diff --git a/mindinsight/ui/src/views/train-manage/data-traceback.vue b/mindinsight/ui/src/views/train-manage/data-traceback.vue index 8b49567..434678e 100644 --- a/mindinsight/ui/src/views/train-manage/data-traceback.vue +++ b/mindinsight/ui/src/views/train-manage/data-traceback.vue @@ -332,6 +332,7 @@ export default { }, computed: {}, mounted() { + document.title = this.$t('summaryManage.dataTraceback') + '-MindInsight'; this.$nextTick(() => { this.init(); }); diff --git a/mindinsight/ui/src/views/train-manage/graph.vue b/mindinsight/ui/src/views/train-manage/graph.vue index f8cc646..2e7b83f 100644 --- a/mindinsight/ui/src/views/train-manage/graph.vue +++ b/mindinsight/ui/src/views/train-manage/graph.vue @@ -389,9 +389,15 @@ export default { if (!this.$route.query || !this.$route.query.train_id) { this.trainJobID = ''; this.$message.error(this.$t('trainingDashboard.invalidId')); + document.title = this.$t('graph.titleText') + '-MindInsight'; return; } this.trainJobID = this.$route.query.train_id; + document.title = + decodeURIComponent(this.trainJobID) + + '-' + + this.$t('graph.titleText') + + '-MindInsight'; this.getDatavisualPlugins(); window.onresize = () => { const graphDom = document.querySelector('#graph #graph0'); @@ -927,7 +933,7 @@ export default { */ packageGraphData() { const initSetting = - 'node[style="filled";fontsize="10px"];edge[fontsize="6px";];'; + 'node[style="filled";fontsize="10px"];edge[fontsize="4px";];'; return `digraph {${initSetting}${this.packageNodes()}${this.packageEdges()}}`; }, /** @@ -1477,7 +1483,7 @@ export default { const nodeStr = this.packageNodes(name); const edgeStr = this.packageEdges(name); const initSetting = - `node[style="filled";fontsize="10px";];` + `edge[fontsize="6px";];`; + `node[style="filled";fontsize="10px";];` + `edge[fontsize="4px";];`; const dotStr = `digraph {${initSetting}label="${name.split('/').pop()}";` + `${nodeStr}${edgeStr}}`; @@ -1537,10 +1543,7 @@ export default { '', )}`, ) - .attr( - 'class', - `edge${edge.edge_type === 'aggregation' ? ' hide' : ''}`, - ); + .attr('class', 'edge'); g.append('title').text(text); // Because the edges need to be highlighted, marker requires one side of each side. const marker = g.append(`marker`); @@ -1571,7 +1574,7 @@ export default { g.append('text') .attr('text-anchor', 'middle') .attr('font-family', 'Times,serif') - .attr('font-size', '6px') + .attr('font-size', '4px') .attr('fill', '#000000') .attr('x', (points[0].x + points[1].x) / 2) .attr('y', (points[0].y + points[1].y) / 2) @@ -3096,12 +3099,6 @@ export default { fill: #c1f5d5; stroke-dasharray: 1.5, 1.5; } - .hide { - visibility: hidden; - } - .show { - visibility: visible; - } .edge-point ellipse { stroke: #a7a7a7; fill: #a7a7a7; diff --git a/mindinsight/ui/src/views/train-manage/histogram.vue b/mindinsight/ui/src/views/train-manage/histogram.vue index 20c0bc7..1e061d5 100644 --- a/mindinsight/ui/src/views/train-manage/histogram.vue +++ b/mindinsight/ui/src/views/train-manage/histogram.vue @@ -254,6 +254,13 @@ export default { * Initialize */ init() { + if (!this.$route.query || !this.$route.query.train_id) { + this.$message.error(this.$t('trainingDashboard.invalidId')); + document.title = this.$t('histogram.titleText') + '-MindInsight'; + return; + } + document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('histogram.titleText') + + '-MindInsight'; this.getOriginData(); if (this.isTimeReload) { this.autoUpdateSamples(); diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue index 6e79db7..331ae0a 100644 --- a/mindinsight/ui/src/views/train-manage/image.vue +++ b/mindinsight/ui/src/views/train-manage/image.vue @@ -134,7 +134,7 @@ export default { autoUpdateTimer: null, // Automatic refresh timer brightness: 50, // Brightness contrast: 50, // Contrast - trainingJobId: this.$route.query.id, // ID of the current training job + trainingJobId: this.$route.query.train_id, // ID of the current training job multiSelectedTagNames: {}, // Dictionary for storing the name of the selected tags curFilterSamples: [], // List of images that meet the current filter criteria tagOperateList: [], // Tag list @@ -221,6 +221,13 @@ export default { } }, mounted() { + if (!this.$route.query || !this.$route.query.train_id) { + this.$message.error(this.$t('trainingDashboard.invalidId')); + document.title = this.$t('images.titleText') + '-MindInsight'; + return; + } + document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('images.titleText') + + '-MindInsight'; this.getTagList(); // Automatic refresh if (this.isTimeReload) { diff --git a/mindinsight/ui/src/views/train-manage/model-traceback.vue b/mindinsight/ui/src/views/train-manage/model-traceback.vue index 78cd4e8..72ab89c 100644 --- a/mindinsight/ui/src/views/train-manage/model-traceback.vue +++ b/mindinsight/ui/src/views/train-manage/model-traceback.vue @@ -179,6 +179,7 @@ export default { }, computed: {}, mounted() { + document.title = this.$t('summaryManage.modelTraceback') + '-MindInsight'; this.$store.commit('setSelectedBarList', []); this.getStoreList(); this.pagination.pageChange = (page) => { diff --git a/mindinsight/ui/src/views/train-manage/scalar.vue b/mindinsight/ui/src/views/train-manage/scalar.vue index 8fd48ed..09bcd24 100644 --- a/mindinsight/ui/src/views/train-manage/scalar.vue +++ b/mindinsight/ui/src/views/train-manage/scalar.vue @@ -250,6 +250,13 @@ export default { } }, mounted() { + if (!this.$route.query || !this.$route.query.train_id) { + this.$message.error(this.$t('trainingDashboard.invalidId')); + document.title = this.$t('scalar.titleText') + '-MindInsight'; + return; + } + document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('scalar.titleText') + + '-MindInsight'; // Adding a Listener window.addEventListener('resize', this.resizeCallback, false); diff --git a/mindinsight/ui/src/views/train-manage/summary-manage.vue b/mindinsight/ui/src/views/train-manage/summary-manage.vue index 001bb85..261c591 100644 --- a/mindinsight/ui/src/views/train-manage/summary-manage.vue +++ b/mindinsight/ui/src/views/train-manage/summary-manage.vue @@ -58,8 +58,7 @@ limitations under the License. + width="170">