More locale #151

sbs20 · Mar 27, 2021 · 1699a8c · 1699a8c
1 parent 067c0bc
commit 1699a8c
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 3 deletions.
diff --git a/webui/src/App.vue b/webui/src/App.vue
@@ -53,7 +53,7 @@ export default {
     }
     this.$vuetify.theme.dark = theme === Constants.Themes.Dark;
 
-    // this.$i18n.locale = 'test';
+    this.$i18n.locale = storage.settings.locale;
 
     // Default route if connected
     if (this.$route.matched.length === 0) {

diff --git a/webui/src/classes/constants.js b/webui/src/classes/constants.js
@@ -1,6 +1,11 @@
 const Constants = {
   Version: process.env.VUE_APP_VERSION,
 
+  Locales: [
+    'en',
+    'test'
+  ],
+
   Keys: {
     enter: 13,
     escape: 27

diff --git a/webui/src/classes/settings.js b/webui/src/classes/settings.js
@@ -9,7 +9,8 @@ export default class Settings {
   static default() {
     return {
       version: Constants.Version,
-      theme: 'system'
+      theme: 'system',
+      locale: 'en'
     };
   }
 }
diff --git a/webui/src/components/Settings.vue b/webui/src/components/Settings.vue
@@ -10,10 +10,21 @@
           </template>
           <template v-slot:action>
             <div style="max-width: 9rem;">
-              <v-select label="Theme" :items="themes" v-model="settings.theme" @change="reload"></v-select>
+              <v-select :label="$t('settings.theme')" :items="themes" v-model="settings.theme" @change="reload"></v-select>
             </div>
           </template>
         </settings-item>
+        <settings-item>
+          <template v-slot:description>
+            {{ $t('settings.locale:description') }}
+          </template>
+          <template v-slot:action>
+            <div style="max-width: 9rem;">
+              <v-select :label="$t('settings.locale')" :items="locales" v-model="settings.locale" @change="reload"></v-select>
+            </div>
+          </template>
+        </settings-item>
+
       </template>
     </settings-section>
   </div>
@@ -38,6 +49,7 @@ export default {
   data() {
     return {
       settings: storage.settings,
+      locales: Constants.Locales,
       themes: [
         {
           text: this.$t('settings.theme:system'),

diff --git a/webui/src/locales/en.json b/webui/src/locales/en.json
@@ -77,6 +77,8 @@
   "settings": {
     "title": "Settings",
     "behaviour-ui": "Behaviour and UI",
+    "locale": "Locale",
+    "locale:description": "Choose your locale",
     "theme": "Theme",
     "theme:description": "Theme. If you use system theme and change it, you will need to reload the app.",
     "theme:system": "System",

diff --git a/webui/src/locales/test.json b/webui/src/locales/test.json
@@ -78,6 +78,8 @@
   "settings": {
     "title": "##SETTINGS.TITLE",
     "behaviour-ui": "##SETTINGS.BEHAVIOUR-UI",
+    "locale": "##SETTINGS.LOCALE",
+    "locale:description": "##SETTINGS.LOCALE-DESCRIPTION",
     "theme": "##SETTINGS.THEME",
     "theme:description": "##SETTINGS.THEME:DESCRIPTION",
     "theme:system": "##SETTINGS.THEME:SYSTEM",