More localization (#358)

* Translate missing items on About page

* Localize import summary dialog

* Make site menu translation reactive

* Localize import options

* Include semi colon in string

* Move API texts to frontend + better status codes

* Provide feedback to user when no meal is planned

* Fix API tests after latest rework

* Add warning for API changes in changelog

* Refactor API texts handling

* Refactor API texts handling #2

* Better API feedback

* Rearrange strings hierarchy

* Add messages upon recipe updated

* Fix 'recipe effected' typo

* Remove snackbar usage in backend

* Translate toolbox

* Provide feedback for tags CRUD

* Fix messed up merge

* Translate sign-up form

* Better feedback for sign-up CRUD

* Refactor log-in API texts handling

* No error message when user is not authenticated

* Remove unimportant console log

frontend/src/pages/Admin/ToolBox/CategoryTagEditor/BulkAssign.vue

@@ -4,7 +4,7 @@
       ref="assignDialog"
       title-icon="mdi-tag"
       color="primary"
-      title="Bulk Assign"
+      :title="$t('settings.toolbox.bulk-assign')"
       :loading="loading"
       modal-width="700"
       :top="true"
@@ -13,7 +13,7 @@
         <v-text-field
           v-model="search"
           autocomplete="off"
-          label="Keyword"
+          :label="$t('general.keyword')"
         ></v-text-field>
         <CategoryTagSelector
           :tag-selector="false"
@@ -44,7 +44,7 @@
         <v-card-title class="headline"> </v-card-title>
         <CardSection
           class="px-2 pb-2"
-          :title="`${results.length || 0} Recipes Effected`"
+          :title="$tc('settings.toolbox.recipes-affected', results.length || 0)"
           :mobile-cards="true"
           :recipes="results"
           :single-column="true"

frontend/src/pages/Admin/ToolBox/CategoryTagEditor/RemoveUnused.vue

@@ -7,7 +7,7 @@
       :title="
         $t('general.delete') +
           ' ' +
-          (isTags ? $t('recipe.tags') : $t('recipe.categories'))
+          (isTags ? $t('tag.tags') : $t('recipe.categories'))
       "
       :loading="loading"
       modal-width="400"

frontend/src/pages/Admin/ToolBox/CategoryTagEditor/index.vue

@@ -18,8 +18,7 @@
       </v-form>
       <template slot="below-actions">
         <v-card-title class="headline">
-          {{ renameTarget.recipes.length || 0 }}
-          {{ $t("settings.toolbox.recipes-effected") }}
+          {{ $tc("settings.toolbox.recipes-affected", renameTarget.recipes.length || 0) }}
         </v-card-title>
         <MobileRecipeCard
           class="ml-2 mr-2 mt-2 mb-2"
@@ -94,10 +93,10 @@
               <v-card-title class="py-1">{{ item.name }}</v-card-title>
               <v-spacer></v-spacer>
               <v-btn small text color="info" @click="openEditDialog(item)">
-                Edit
+                {{$t('general.edit')}}
               </v-btn>
-              <v-btn small text color="error" @click="deleteItem(item.slug)"
-                >Delete
+              <v-btn small text color="error" @click="deleteItem(item.slug)">
+                {{$t('general.delete')}}
               </v-btn>
             </v-card-actions>
           </v-card>
@@ -177,7 +176,7 @@ export default {
       }
 
       this.renameTarget = {
-        title: `Rename ${item.name}`,
+        title:this.$t('general.rename-object', [item.name]),
         name: item.name,
         slug: item.slug,
         newName: "",

frontend/src/pages/Admin/ToolBox/index.vue

@@ -16,7 +16,7 @@
         </v-tab>
 
         <v-tab>
-          {{ $t("recipe.tags") }}
+          {{ $t("tag.tags") }}
           <v-icon>mdi-tag-multiple-outline</v-icon>
         </v-tab>
       </v-tabs>