add click logo to change web language

HimitZH · Apr 18, 2022 · 66ccdc4 · 66ccdc4
1 parent 547087f
commit 66ccdc4
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 10 deletions.
diff --git a/hoj-vue/src/App.vue b/hoj-vue/src/App.vue
@@ -76,7 +76,7 @@
             >{{ websiteConfig.projectName }}</a
           >
           <span style="margin-left:10px">
-            <el-dropdown @command="changeLanguage" placement="top">
+            <el-dropdown @command="changeWebLanguage" placement="top">
               <span class="el-dropdown-link">
                 <i class="fa fa-globe" aria-hidden="true">
                   {{ this.webLanguage == 'zh-CN' ? '简体中文' : 'English' }}</i
@@ -127,7 +127,7 @@ export default {
         return str.toUpperCase();
       }
     },
-    changeLanguage(language) {
+    changeWebLanguage(language) {
       this.$store.commit('changeWebLanguage', { language: language });
     },
   },

diff --git a/hoj-vue/src/components/oj/common/NavBar.vue b/hoj-vue/src/components/oj/common/NavBar.vue
@@ -9,11 +9,18 @@
         text-color="#495060"
       >
         <div class="logo">
-          <el-image
-            style="width: 139px; height: 50px"
-            :src="imgUrl"
-            fit="scale-down"
-          ></el-image>
+          <el-tooltip
+            :content="$t('m.Click_To_Change_Web_Language')"
+            placement="bottom"
+            effect="dark"
+          >
+            <el-image
+              style="width: 139px; height: 50px"
+              :src="imgUrl"
+              fit="scale-down"
+              @click="changeWebLanguage"
+            ></el-image>
+          </el-tooltip>
         </div>
         <el-menu-item index="/home"
           ><i class="el-icon-s-home"></i>{{ $t('m.NavBar_Home') }}</el-menu-item
@@ -188,9 +195,17 @@
         <mu-button icon slot="left" @click="opendrawer = !opendrawer">
           <i class="el-icon-s-unfold"></i>
         </mu-button>
-        {{
-          websiteConfig.shortName ? websiteConfig.shortName.toUpperCase() : 'OJ'
-        }}
+        <el-tooltip
+            :content="$t('m.Click_To_Change_Web_Language')"
+            placement="bottom"
+            effect="dark"
+          >
+          <span  @click="changeWebLanguage">
+          {{
+            websiteConfig.shortName ? websiteConfig.shortName.toUpperCase() : 'OJ'
+          }}
+          </span>
+        </el-tooltip>
         <mu-button
           flat
           slot="right"
@@ -658,6 +673,9 @@ export default {
         }
       });
     },
+    changeWebLanguage() {
+      this.$store.commit('changeWebLanguage', { language: this.webLanguage == 'zh-CN' ? 'en-US' : 'zh-CN' });
+    },
   },
   computed: {
     ...mapGetters([
@@ -752,6 +770,7 @@ export default {
 }
 
 .logo {
+  cursor: pointer;
   margin-left: 2%;
   margin-right: 2%;
   float: left;