From b302e0ffd8994a20f382361983187eb352811e2c Mon Sep 17 00:00:00 2001
From: sephrat <34862846+sephrat@users.noreply.github.com>
Date: Fri, 30 Apr 2021 18:44:03 +0200
Subject: [PATCH] More localization (#373)

* Translate missing string

* Display language in original language + English

* Translate assets

* Translate recipe settings
---
 .../src/components/Recipe/Parts/Assets.vue    |  2 +-
 .../Recipe/Parts/Helpers/SettingsMenu.vue     | 22 +++++++++++--------
 .../src/components/UI/Dialogs/BaseDialog.vue  |  4 ++--
 frontend/src/components/UI/TheSiteMenu.vue    |  2 +-
 frontend/src/locales/messages/en-US.json      |  6 +++++
 frontend/src/store/modules/language.js        | 16 +++++++-------
 6 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/Recipe/Parts/Assets.vue b/frontend/src/components/Recipe/Parts/Assets.vue
index 65d4ec0ae992..c8a094d5b34e 100644
--- a/frontend/src/components/Recipe/Parts/Assets.vue
+++ b/frontend/src/components/Recipe/Parts/Assets.vue
@@ -38,7 +38,7 @@
       <v-spacer></v-spacer>
       <base-dialog
         @submit="addAsset"
-        title="New Asset"
+        :title="$t('recipe.new-asset')"
         :title-icon="newAsset.icon"
       >
         <template v-slot:open="{ open }">
diff --git a/frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue b/frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue
index 75445f160a90..24464579f674 100644
--- a/frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue
+++ b/frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue
@@ -12,7 +12,7 @@
       <v-card>
         <v-card-title class="py-2">
           <div>
-            Recipe Settings
+            {{$t('recipe.recipe-settings')}}
           </div>
         </v-card-title>
         <v-divider class="mx-2"></v-divider>
@@ -39,14 +39,18 @@ export default {
   props: {
     value: Object,
   },
-  data: () => ({
-    labels: {
-      public: "Public Recipe",
-      showNutrition: "Show Nutrition Values",
-      showAssets: "Show Assets",
-      landscapeView: "Landscape View (Coming Soon)",
-    },
-  }),
+
+  computed: {
+    labels() {
+      return {
+      public: this.$t('recipe.public-recipe'),
+      showNutrition: this.$t('recipe.show-nutrition-values'),
+      showAssets: this.$t('recipe.show-assets'),
+      landscapeView: this.$t('recipe.landscape-view-coming-soon'),
+    };
+    }
+  },
+  
   methods: {},
 };
 </script>
diff --git a/frontend/src/components/UI/Dialogs/BaseDialog.vue b/frontend/src/components/UI/Dialogs/BaseDialog.vue
index 57e9335bd995..4109d9a49783 100644
--- a/frontend/src/components/UI/Dialogs/BaseDialog.vue
+++ b/frontend/src/components/UI/Dialogs/BaseDialog.vue
@@ -23,11 +23,11 @@
         <v-card-actions>
           <slot name="card-actions">
             <v-btn text color="grey" @click="dialog = false">
-              Cancel
+              {{$t('general.cancel')}}
             </v-btn>
             <v-spacer></v-spacer>
             <v-btn color="success" @click="submitEvent">
-              Submit
+              {{$t('general.submit')}}
             </v-btn>
           </slot>
         </v-card-actions>
diff --git a/frontend/src/components/UI/TheSiteMenu.vue b/frontend/src/components/UI/TheSiteMenu.vue
index d936b9b52b75..5f4255f755bd 100644
--- a/frontend/src/components/UI/TheSiteMenu.vue
+++ b/frontend/src/components/UI/TheSiteMenu.vue
@@ -49,7 +49,7 @@ export default {
       return [
         {
           icon: "mdi-account",
-          title: "Login",
+          title: this.$t('user.login'),
           restricted: false,
           login: true,
         },
diff --git a/frontend/src/locales/messages/en-US.json b/frontend/src/locales/messages/en-US.json
index 2c3a7e748354..446fe4b86dc7 100644
--- a/frontend/src/locales/messages/en-US.json
+++ b/frontend/src/locales/messages/en-US.json
@@ -180,7 +180,9 @@
     "ingredients": "Ingredients",
     "instructions": "Instructions",
     "key-name-required": "Key Name Required",
+    "landscape-view-coming-soon": "Landscape View (Coming Soon)",
     "milligrams": "milligrams",
+    "new-asset": "New Asset",
     "new-key-name": "New Key Name",
     "no-white-space-allowed": "No White Space Allowed",
     "note": "Note",
@@ -192,15 +194,19 @@
     "perform-time": "Cook Time",
     "prep-time": "Prep Time",
     "protein-content": "Protein",
+    "public-recipe": "Public Recipe",
     "recipe-created": "Recipe created",
     "recipe-creation-failed": "Recipe creation failed",
     "recipe-deleted": "Recipe deleted",
     "recipe-image": "Recipe Image",
     "recipe-image-updated": "Recipe image updated",
     "recipe-name": "Recipe Name",
+    "recipe-settings": "Recipe Settings",
     "recipe-update-failed": "Recipe update failed",
     "recipe-updated": "Recipe updated",
     "servings": "Servings",
+    "show-assets": "Show Assets",
+    "show-nutrition-values": "Show Nutrition Values",
     "sodium-content": "Sodium",
     "step-index": "Step: {step}",
     "sugar-content": "Sugar",
diff --git a/frontend/src/store/modules/language.js b/frontend/src/store/modules/language.js
index 364e6b298440..aa98e3538734 100644
--- a/frontend/src/store/modules/language.js
+++ b/frontend/src/store/modules/language.js
@@ -6,35 +6,35 @@ const state = {
       value: "en-US",
     },
     {
-      name: "Danish",
+      name: "Dansk (Danish)",
       value: "da-DK",
     },
     {
-      name: "French",
+      name: "Français (French)",
       value: "fr-FR",
     },
     {
-      name: "Polish",
+      name: "Polski (Polish)",
       value: "pl-PL",
     },
     {
-      name: "Swedish",
+      name: "Svenska (Swedish)",
       value: "sv-SE",
     },
     {
-      name: "简体中文",
+      name: "简体中文 (Chinese simplified)",
       value: "zh-CN",
     },
     {
-      name: "繁體中文",
+      name: "繁體中文 (Chinese traditional)",
       value: "zh-TW",
     },
     {
-      name: "German",
+      name: "Deutsch (German)",
       value: "de-DE",
     },
     {
-      name: "Português",
+      name: "Português (Portuguese)",
       value: "pt-PT",
     },
   ],