!110 UI update browser tab title

Merge pull request !110 from 潘慧/master_ph

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": "标量",

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();
     });

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();
     });

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;

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();

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) {

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) => {

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);
 

mindinsight/ui/src/views/train-manage/summary-manage.vue

@@ -58,8 +58,7 @@ limitations under the License.
             <!--operate   -->
             <el-table-column prop="operate"
                              :label="$t('summaryManage.operation')"
-                             show-overflow-tooltip
-                             width="150">
+                             width="170">
               <template slot-scope="scope">
                 <el-button type="text"
                            class="cursor-type"
@@ -106,6 +105,7 @@ export default {
   destroyed() {},
   activated() {},
   mounted() {
+    document.title = this.$t('summaryManage.summaryList') + '-MindInsight';
     this.$nextTick(() => {
       this.init();
     });

mindinsight/ui/src/views/train-manage/training-dashboard.vue

@@ -292,7 +292,9 @@ export default {
       if (this.$route.query && this.$route.query.id) {
         this.trainingJobId = this.$route.query.id;
         this.summaryPath = decodeURIComponent(this.trainingJobId);
+        document.title = this.summaryPath + '-' + this.$t('trainingDashboard.trainingDashboardTitle') + '-MindInsight';
       } else {
+        document.title = this.$t('trainingDashboard.trainingDashboardTitle') + '-MindInsight';
         this.trainingJobId = '';
         this.$message.error(this.$t('trainingDashboard.invalidId'));
       }
@@ -1186,7 +1188,7 @@ export default {
       this.$router.push({
         path: '/train-manage/image',
         query: {
-          id: this.trainingJobId,
+          train_id: this.trainingJobId,
         },
       });
     },