From 6896e1966e8a7eea1197bb488523960f23f8a741 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 20 Oct 2020 23:10:52 +0800
Subject: [PATCH] support changing locale in setting page

---
 src/locales/en.js             |  2 ++
 src/locales/zh_Hans.js        |  2 ++
 src/views/mobile/Settings.vue | 26 ++++++++++++++++++++++++++
 3 files changed, 30 insertions(+)

diff --git a/src/locales/en.js b/src/locales/en.js
index ab5220ef..5e6015a4 100644
--- a/src/locales/en.js
+++ b/src/locales/en.js
@@ -17,6 +17,7 @@ export default {
         'login name or password is invalid': 'Login name or password is invalid',
         'login name or password is wrong': 'Login name or password is wrong'
     },
+    'Done': 'Done',
     'Home': 'Home',
     'Journals': 'Journals',
     'Accounts': 'Accounts',
@@ -33,5 +34,6 @@ export default {
     'Please input username': 'Please input username',
     'Please input password': 'Please input password',
     'Unable to login': 'Unable to login',
+    'Language': 'Language',
     'Logout': 'Logout'
 };
diff --git a/src/locales/zh_Hans.js b/src/locales/zh_Hans.js
index 74f3491d..80eae745 100644
--- a/src/locales/zh_Hans.js
+++ b/src/locales/zh_Hans.js
@@ -17,6 +17,7 @@ export default {
         'login name or password is invalid': '登录名或密码无效',
         'login name or password is wrong': '登录名或密码错误'
     },
+    'Done': '完成',
     'Home': '首页',
     'Journals': '流水',
     'Accounts': '账户',
@@ -33,5 +34,6 @@ export default {
     'Please input username': '请输入用户名',
     'Please input password': '请输入密码',
     'Unable to login': '无法登录',
+    'Language': '语言',
     'Logout': '退出登录'
 };
diff --git a/src/views/mobile/Settings.vue b/src/views/mobile/Settings.vue
index 6d0adc7a..1270d3b0 100644
--- a/src/views/mobile/Settings.vue
+++ b/src/views/mobile/Settings.vue
@@ -2,6 +2,15 @@
     <f7-page name="home">
         <f7-navbar :title="$t('Settings')" :back-link="$t('Back')"></f7-navbar>
         <f7-list>
+            <f7-list-item
+                :title="$t('Language')"
+                smart-select :smart-select-params="{ openIn: 'sheet', sheetCloseLinkText: $t('Done') }">
+                <select v-model="currentLocale">
+                    <option v-for="(lang, locale) in allLanguages"
+                            :key="locale"
+                            :value="locale">{{ lang.displayName }}</option>
+                </select>
+            </f7-list-item>
             <f7-list-button @click="logout">{{ $t('Logout') }}</f7-list-button>
         </f7-list>
     </f7-page>
@@ -9,6 +18,23 @@
 
 <script>
 export default {
+    data() {
+        const self = this;
+
+        return {
+            allLanguages: self.$getAllLanguages()
+        };
+    },
+    computed: {
+        currentLocale: {
+            get: function () {
+                return this.$i18n.locale
+            },
+            set: function (value) {
+                this.$setLanguage(value);
+            }
+        }
+    },
     methods: {
         logout() {
             const router = this.$f7router;