translate the log detail page

web/ui/src/components/LogDetail.vue

@@ -1,3 +1,9 @@
+<style scoped>
+.title {
+  display: inline-block;
+  width: 80px;
+}
+</style>
 <template>
   <div v-if="error != ''" class="ui negative message">
     <div class="header"><i class="attention icon"></i> {{error}}</div>
@@ -5,27 +11,38 @@
   <div v-else>
     <div class="ui segments">
       <div class="ui segment">
-        <p>任务：<router-link class="item" :to="'/job/edit/'+log.jobGroup+'/'+log.jobId">{{log.name}}</router-link></p>
+        <p>
+          <span class="title">{{$L('name')}}</span>
+          <router-link class="item" :to="'/job/edit/'+log.jobGroup+'/'+log.jobId">{{log.name}}</router-link></p>
       </div>
       <div class="ui segment">
-        <p>节点：{{log.node}}</p>
+        <p>
+          <span class="title">{{$L('node')}}</span> {{log.node}}
+        </p>
       </div>
       <div class="ui segment">
-        <p>用户：<i class="attention warning icon" v-if="log.user == 'root' || log.user == ''"></i> {{log.user}}</p>
+        <p>
+           <span class="title">{{$L('user')}}</span>
+           <i class="attention warning icon" v-if="log.user == 'root' || log.user == ''"></i> {{log.user}}
+        </p>
       </div>
       <div class="ui segment">
-        <p>时间：{{log.beginTime}} 到 {{log.endTime}}</p>
+        <p>
+          <span class="title">{{$L('spend time')}}</span>
+          {{log.beginTime}} - {{log.endTime}}
+        </p>
       </div>
       <div class="ui segment">
-        <p>结果：
+        <p>
+          <span class="title">{{$L('result')}}</span>
           <span v-if="log.success"><i class="checkmark green icon"></i></span>
           <span v-else><i class="remove red icon"></i></span>
         </p>
       </div>
     </div>
-    <h4 class="ui header">执行的命令</h4>
+    <h4 class="ui header">{{$L('command')}}</h4>
     <pre class="ui grey inverted segment">{{log.command}}</pre>
-    <h4 class="ui header">输出</h4>
+    <h4 class="ui header">{{$L('output')}}</h4>
     <pre class="ui inverted segment">{{log.output}}</pre>
   </div>
 </template>

web/ui/src/i18n/languages/en.js

@@ -59,6 +59,10 @@ var language = {
   '{begin ~ end}, on {node} took {times}': '{0}, on {1} took {2}',
   'create job': 'Create job',
   'update job': 'Update job',
+  'output': 'Output',
+  'command': 'Command',
+  'spend time': 'Spend time',
+  'result': 'Result',
 
   'job type': 'Job type',
   'common job': 'Common',

web/ui/src/i18n/languages/zh-CN.js

@@ -61,6 +61,10 @@ var language = {
   '{begin ~ end}, on {node} took {times}': '{0}, 于 {1} 耗时 {2}',
   'create job': '新建任务',
   'update job': '更新任务',
+  'output': '输出',
+  'command': '执行的命令',
+  'spend time': '耗时',
+  'result': '结果',
 
   'job type': '任务类型',
   'common job': '普通任务',