From ffe3c857353ddb84b517a59319ad4ac2cf24f1d5 Mon Sep 17 00:00:00 2001
From: marvzhang <tikazyq@163.com>
Date: Mon, 24 Feb 2020 11:24:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E5=BE=AE=E4=BF=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/i18n/zh.js                       |  1 +
 .../src/views/layout/components/Navbar.vue    | 25 +++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/frontend/src/i18n/zh.js b/frontend/src/i18n/zh.js
index 2d75b1f3..e275afd0 100644
--- a/frontend/src/i18n/zh.js
+++ b/frontend/src/i18n/zh.js
@@ -409,6 +409,7 @@ export default {
   'Release Note': '发布记录',
   'How to Upgrade': '升级方式',
   'Release': '发布',
+  'Add Wechat to join discussion group': '添加微信 tikazyq1 加入交流群',
 
   // 登录
   'Sign in': '登录',
diff --git a/frontend/src/views/layout/components/Navbar.vue b/frontend/src/views/layout/components/Navbar.vue
index 5e380e1b..7dfa804f 100644
--- a/frontend/src/views/layout/components/Navbar.vue
+++ b/frontend/src/views/layout/components/Navbar.vue
@@ -61,6 +61,20 @@
         <span style="margin-left: 5px;">{{$t('Upgrade')}}</span>
       </el-badge>
     </div>
+    <el-popover
+      class="wechat right"
+      trigger="click"
+    >
+      <div style="margin-bottom: 5px">
+        <label>{{$t('Add Wechat to join discussion group')}}</label>
+      </div>
+      <div>
+        <img class="wechat-img" src="http://static-docs.crawlab.cn/wechat.jpg">
+      </div>
+      <div slot="reference">
+        <i class="fa fa-wechat"></i>
+      </div>
+    </el-popover>
     <div class="github right">
       <!-- Place this tag where you want the button to render. -->
       <github-button
@@ -277,6 +291,12 @@ docker-compose up -d
       }
     }
 
+    .wechat {
+      color: #606266;
+      margin-right: 35px;
+      cursor: pointer;
+    }
+
     .right {
       float: right
     }
@@ -287,3 +307,8 @@ docker-compose up -d
     padding-top: 0;
   }
 </style>
+<style>
+  .wechat-img {
+    width: 240px;
+  }
+</style>