From f8a81e0f1faa83dffe1a3f7bd49b179e8109c75b Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Mon, 25 Dec 2017 16:43:52 +0800
Subject: [PATCH] perf[i18n]:dashboard document svg permission

---
 src/lang/en.js                                  | 17 ++++++++++++++++-
 src/lang/zh.js                                  | 15 +++++++++++++++
 src/utils/clipboard.js                          |  4 ++--
 .../dashboard/admin/components/BarChart.vue     |  2 +-
 .../dashboard/admin/components/LineChart.vue    |  2 +-
 .../dashboard/admin/components/PanelGroup.vue   |  8 ++++----
 .../dashboard/admin/components/PieChart.vue     |  2 +-
 .../dashboard/admin/components/RaddarChart.vue  |  2 +-
 .../admin/components/TransactionTable.vue       |  4 ++--
 src/views/dashboard/editor/index.vue            |  4 ++--
 src/views/documentation/index.vue               | 12 ++++++++----
 src/views/layout/components/Navbar.vue          | 13 ++++++++-----
 src/views/permission/index.vue                  |  9 +++++++--
 src/views/svg-icons/index.vue                   |  3 ++-
 14 files changed, 70 insertions(+), 27 deletions(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index a5e31a96..1ba7c112 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -45,6 +45,13 @@ export default {
     clipboardDemo: 'Clipboard',
     i18n: 'I18n'
   },
+  navbar: {
+    logOut: 'Log Out',
+    dashboard: 'Dashboard',
+    github: 'Github',
+    screenfull: 'screenfull',
+    theme: 'theme'
+  },
   login: {
     title: 'Login Form',
     logIn: 'Log in',
@@ -52,6 +59,14 @@ export default {
     password: 'Password',
     any: 'any',
     thirdparty: 'Or connect with',
-    thirdpartyTips: 'Local can not be simulated, please combine their own business simulation! ! !'
+    thirdpartyTips: 'Can not be simulated on local, so please combine you own business simulation! ! !'
+  },
+  documentation: {
+    documentation: 'Documentation',
+    github: 'Github Repository'
+  },
+  permission: {
+    permissions: 'Your permissions',
+    switchPermissions: 'Switch permissions'
   }
 }
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 61e3d13b..b2899f8a 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -45,6 +45,13 @@ export default {
     clipboardDemo: 'clipboard',
     i18n: '国际化'
   },
+  navbar: {
+    logOut: '退出登录',
+    dashboard: '首页',
+    github: '项目地址',
+    screenfull: '全屏',
+    theme: '换肤'
+  },
   login: {
     title: '系统登录',
     logIn: '登录',
@@ -53,5 +60,13 @@ export default {
     any: '随便填',
     thirdparty: '第三方登录',
     thirdpartyTips: '本地不能模拟，请结合自己业务进行模拟！！！'
+  },
+  documentation: {
+    documentation: '文档',
+    github: 'Github 地址'
+  },
+  permission: {
+    permissions: '你的权限',
+    switchPermissions: '切换权限'
   }
 }
diff --git a/src/utils/clipboard.js b/src/utils/clipboard.js
index 25295900..e916a44d 100644
--- a/src/utils/clipboard.js
+++ b/src/utils/clipboard.js
@@ -3,7 +3,7 @@ import Clipboard from 'clipboard'
 
 function clipboardSuccess() {
   Vue.prototype.$message({
-    message: '复制成功',
+    message: 'Copy successfully',
     type: 'success',
     duration: 1500
   })
@@ -11,7 +11,7 @@ function clipboardSuccess() {
 
 function clipboardError() {
   Vue.prototype.$message({
-    message: '复制失败',
+    message: 'Copy failed',
     type: 'error'
   })
 }
diff --git a/src/views/dashboard/admin/components/BarChart.vue b/src/views/dashboard/admin/components/BarChart.vue
index 78e71a93..e0606b2d 100644
--- a/src/views/dashboard/admin/components/BarChart.vue
+++ b/src/views/dashboard/admin/components/BarChart.vue
@@ -4,7 +4,7 @@
 
 <script>
 import echarts from 'echarts'
-require('echarts/theme/macarons') // echarts 主题
+require('echarts/theme/macarons') // echarts theme
 import { debounce } from '@/utils'
 
 const animationDuration = 6000
diff --git a/src/views/dashboard/admin/components/LineChart.vue b/src/views/dashboard/admin/components/LineChart.vue
index df96887b..9be9c92d 100644
--- a/src/views/dashboard/admin/components/LineChart.vue
+++ b/src/views/dashboard/admin/components/LineChart.vue
@@ -4,7 +4,7 @@
 
 <script>
 import echarts from 'echarts'
-require('echarts/theme/macarons') // echarts 主题
+require('echarts/theme/macarons') // echarts theme
 import { debounce } from '@/utils'
 
 export default {
diff --git a/src/views/dashboard/admin/components/PanelGroup.vue b/src/views/dashboard/admin/components/PanelGroup.vue
index e1b2cdf1..8b7394a1 100644
--- a/src/views/dashboard/admin/components/PanelGroup.vue
+++ b/src/views/dashboard/admin/components/PanelGroup.vue
@@ -7,7 +7,7 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">New Visits</div>
-          <count-to class="card-panel-num" :startVal="0" :endVal="102400" :duration="3600"></count-to>
+          <count-to class="card-panel-num" :startVal="0" :endVal="102400" :duration="2600"></count-to>
         </div>
       </div>
     </el-col>
@@ -18,7 +18,7 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Messages</div>
-          <count-to class="card-panel-num" :startVal="0" :endVal="81212" :duration="4000"></count-to>
+          <count-to class="card-panel-num" :startVal="0" :endVal="81212" :duration="3000"></count-to>
         </div>
       </div>
     </el-col>
@@ -29,7 +29,7 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Purchases</div>
-          <count-to class="card-panel-num" :startVal="0" :endVal="9280" :duration="4000"></count-to>
+          <count-to class="card-panel-num" :startVal="0" :endVal="9280" :duration="3200"></count-to>
         </div>
       </div>
     </el-col>
@@ -40,7 +40,7 @@
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Shoppings</div>
-          <count-to class="card-panel-num" :startVal="0" :endVal="13600" :duration="4600"></count-to>
+          <count-to class="card-panel-num" :startVal="0" :endVal="13600" :duration="3600"></count-to>
         </div>
       </div>
     </el-col>
diff --git a/src/views/dashboard/admin/components/PieChart.vue b/src/views/dashboard/admin/components/PieChart.vue
index 36a11227..773b5f47 100644
--- a/src/views/dashboard/admin/components/PieChart.vue
+++ b/src/views/dashboard/admin/components/PieChart.vue
@@ -4,7 +4,7 @@
 
 <script>
 import echarts from 'echarts'
-require('echarts/theme/macarons') // echarts 主题
+require('echarts/theme/macarons') // echarts theme
 import { debounce } from '@/utils'
 
 export default {
diff --git a/src/views/dashboard/admin/components/RaddarChart.vue b/src/views/dashboard/admin/components/RaddarChart.vue
index 017b9748..f7d3bf36 100644
--- a/src/views/dashboard/admin/components/RaddarChart.vue
+++ b/src/views/dashboard/admin/components/RaddarChart.vue
@@ -4,7 +4,7 @@
 
 <script>
 import echarts from 'echarts'
-require('echarts/theme/macarons') // echarts 主题
+require('echarts/theme/macarons') // echarts theme
 import { debounce } from '@/utils'
 
 const animationDuration = 3000
diff --git a/src/views/dashboard/admin/components/TransactionTable.vue b/src/views/dashboard/admin/components/TransactionTable.vue
index 5f53557c..90f4a914 100644
--- a/src/views/dashboard/admin/components/TransactionTable.vue
+++ b/src/views/dashboard/admin/components/TransactionTable.vue
@@ -44,7 +44,7 @@ export default {
       fetchList().then(response => {
         this.list = response.data.items.slice(0, 7)
       })
-    } }
-
+    }
+  }
 }
 </script>
diff --git a/src/views/dashboard/editor/index.vue b/src/views/dashboard/editor/index.vue
index 531c8067..ae1f7995 100644
--- a/src/views/dashboard/editor/index.vue
+++ b/src/views/dashboard/editor/index.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="dashboard-editor-container">
     <div class=" clearfix">
-      <pan-thumb style="float: left" :image="avatar"> 你的权限:
+      <pan-thumb style="float: left" :image="avatar"> Your roles:
         <span class="pan-info-roles" :key='item' v-for="item in roles">{{item}}</span>
       </pan-thumb>
       <github-corner></github-corner>
       <div class="info-container">
         <span class="display_name">{{name}}</span>
-        <span style="font-size:20px;padding-top:20px;display:inline-block;">普通编辑dashboard</span>
+        <span style="font-size:20px;padding-top:20px;display:inline-block;">editor : dashboard</span>
       </div>
     </div>
     <div>
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
index 89e1c934..c4f4b52d 100644
--- a/src/views/documentation/index.vue
+++ b/src/views/documentation/index.vue
@@ -1,16 +1,15 @@
 <template>
   <div class="app-container documentation-container">
-    <a class="document-btn" target='_blank' href="https://panjiachen.github.io/vue-element-admin-site/#/">文档</a>
-    <a class="document-btn" target='_blank' href="https://github.com/PanJiaChen/vue-element-admin/">Github 地址</a>
+    <a class="document-btn" target='_blank' href="https://panjiachen.github.io/vue-element-admin-site/#/">{{translateKey('documentation')}}</a>
+    <a class="document-btn" target='_blank' href="https://github.com/PanJiaChen/vue-element-admin/">{{translateKey('github')}}</a>
     <dropdown-menu style="float:left;margin-left:50px;" title='系列文章' :items='articleList'></dropdown-menu>
   </div>
 </template>
-
 <script>
 import DropdownMenu from '@/components/Share/dropdownMenu'
 
 export default {
-  name: 'clipboardDemo',
+  name: 'documentation',
   components: { DropdownMenu },
   data() {
     return {
@@ -23,6 +22,11 @@ export default {
         { title: '优雅的使用 icon', href: 'https://segmentfault.com/a/https://segmentfault.com/a/1190000012213278' }
       ]
     }
+  },
+  methods: {
+    translateKey(key) {
+      return this.$t('documentation.' + key)
+    }
   }
 }
 </script>
diff --git a/src/views/layout/components/Navbar.vue b/src/views/layout/components/Navbar.vue
index dd8cf835..5776fd8c 100644
--- a/src/views/layout/components/Navbar.vue
+++ b/src/views/layout/components/Navbar.vue
@@ -7,13 +7,13 @@
     <div class="right-menu">
       <error-log class="errLog-container right-menu-item"></error-log>
 
-      <el-tooltip effect="dark" content="全屏" placement="bottom">
+      <el-tooltip effect="dark" :content="translateKey('screenfull')" placement="bottom">
         <screenfull class="screenfull right-menu-item"></screenfull>
       </el-tooltip>
 
       <lang-select class="international right-menu-item"></lang-select>
 
-      <el-tooltip effect="dark" content="换肤" placement="bottom">
+      <el-tooltip effect="dark" :content="translateKey('theme')" placement="bottom">
         <theme-picker class="theme-switch right-menu-item"></theme-picker>
       </el-tooltip>
 
@@ -25,16 +25,16 @@
         <el-dropdown-menu slot="dropdown">
           <router-link to="/">
             <el-dropdown-item>
-              首页
+              {{translateKey('dashboard')}}
             </el-dropdown-item>
           </router-link>
           <a target='_blank' href="https://github.com/PanJiaChen/vue-element-admin/">
             <el-dropdown-item>
-              项目地址
+              {{translateKey('github')}}
             </el-dropdown-item>
           </a>
           <el-dropdown-item divided>
-            <span @click="logout" style="display:block;">退出登录</span>
+            <span @click="logout" style="display:block;">{{translateKey('logOut')}}</span>
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
@@ -75,6 +75,9 @@ export default {
       this.$store.dispatch('LogOut').then(() => {
         location.reload()// 为了重新实例化vue-router对象 避免bug
       })
+    },
+    translateKey(key) {
+      return this.$t('navbar.' + key)
     }
   }
 }
diff --git a/src/views/permission/index.vue b/src/views/permission/index.vue
index df040deb..f606acc4 100644
--- a/src/views/permission/index.vue
+++ b/src/views/permission/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <div style="margin-bottom:15px;">你的权限： {{roles}}</div>
-    切换权限：
+    <div style="margin-bottom:15px;">{{translateKey('permissions')}}： {{roles}}</div>
+    {{translateKey('switchPermissions')}}：
     <el-radio-group v-model="role">
       <el-radio-button label="editor"></el-radio-button>
     </el-radio-group>
@@ -29,6 +29,11 @@ export default{
         this.$router.push({ path: '/permission/index?' + +new Date() })
       })
     }
+  },
+  methods: {
+    translateKey(key) {
+      return this.$t('permission.' + key)
+    }
   }
 }
 </script>
diff --git a/src/views/svg-icons/index.vue b/src/views/svg-icons/index.vue
index 19dff705..0051b20c 100644
--- a/src/views/svg-icons/index.vue
+++ b/src/views/svg-icons/index.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="icons-container">
     <p class="warn-content">
-      <a href="https://panjiachen.github.io/vue-element-admin-site/#/icon" target="_blank">添加和使用方式</a>
+      <a href="https://panjiachen.github.io/vue-element-admin-site/#/icon" target="_blank">Add and use
+      </a>
     </p>
     <div class="icons-wrapper">
       <div v-for="item of iconsMap" :key="item" @click="handleClipboard(generateIconCode(item),$event)">