Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-02 10:13:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

More localization (#393)

Browse Source 
* Translate sidebar

* Do not force 12-hour format worldwide

Vue-i18n knows which locales prefer 12-hour format over 24-hour format

* Translate new tiles in profile page

* Translate new tiles in dashboard
This commit is contained in:
sephrat
2021-05-07 18:45:58 +02:00
committed by GitHub
parent 241c156ccd
commit 96919319b1
12 changed files with 75 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/Admin/Dashboard/BackupViewer.vue
View File

@@ -11,7 +11,9 @@
<StatCard icon="mdi-backup-restore" :color="color">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'Backups'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('settings.backup-and-exports')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ total }}</small>
@@ -22,14 +24,14 @@
<TheUploadBtn url="/api/backups/upload" @uploaded="getAvailableBackups">
<template v-slot="{ isSelecting, onButtonClick }">
<v-btn :loading="isSelecting" class="mx-2" small :color="color" @click="onButtonClick">
<v-icon left> mdi-cloud-upload </v-icon> Upload
<v-icon left> mdi-cloud-upload </v-icon> {{$t('general.upload')}}
</v-btn>
</template>
</TheUploadBtn>
<BackupDialog :color="color" />
<v-btn :loading="loading" class="mx-2" small :color="color" @click="createBackup">
<v-icon left> mdi-plus </v-icon> Create
<v-icon left> mdi-plus </v-icon> {{$t('general.create')}}
</v-btn>
</div>
<template v-slot:bottom>

6
frontend/src/pages/Admin/Dashboard/EventViewer.vue
View File

@@ -3,7 +3,9 @@
<StatCard icon="mdi-bell-ring" :color="color">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'Events'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('settings.events')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ total }} </small>
@@ -12,7 +14,7 @@
</template>
<div class="d-flex row py-3 justify-end">
<v-btn class="mx-2" small :color="color" @click="deleteAll">
<v-icon left> mdi-notification-clear-all </v-icon> Clear
<v-icon left> mdi-notification-clear-all </v-icon> {{$t('general.clear')}}
</v-btn>
</div>
<template v-slot:bottom>

21
frontend/src/pages/Admin/Dashboard/index.vue
View File

@@ -5,7 +5,9 @@
<StatCard icon="mdi-silverware-fork-knife">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'Recipes'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('general.recipes')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalRecipes }}</small>
@@ -15,14 +17,14 @@
<template v-slot:actions>
<div class="d-flex row py-3 justify-space-around">
<v-btn small color="primary" :to="{ path: '/admin/toolbox/', query: { tab: 'organize', filter: 'tag' } }">
<v-icon left> mdi-tag </v-icon> Untagged {{ statistics.untaggedRecipes }}
<v-icon left> mdi-tag </v-icon> {{$tc('tag.untagged-count', [statistics.untaggedRecipes])}}
</v-btn>
<v-btn
small
color="primary"
:to="{ path: '/admin/toolbox/', query: { tab: 'organize', filter: 'category' } }"
>
<v-icon left> mdi-tag </v-icon> Uncategorized {{ statistics.uncategorizedRecipes }}
<v-icon left> mdi-tag </v-icon> {{$tc('category.uncategorized-count', [statistics.uncategorizedRecipes])}}
</v-btn>
</div>
</template>
@@ -32,8 +34,9 @@
<StatCard icon="mdi-account">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'Users'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('user.users')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalUsers }}</small>
</h3>
@@ -43,7 +46,7 @@
<div class="ml-auto">
<v-btn color="primary" small to="/admin/manage-users?tab=users">
<v-icon left>mdi-account</v-icon>
Manage Users
{{$t('user.manage-users')}}
</v-btn>
</div>
</template>
@@ -53,7 +56,9 @@
<StatCard icon="mdi-account-group">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'Groups'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('group.groups')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ statistics.totalGroups }}</small>
@@ -64,7 +69,7 @@
<div class="ml-auto">
<v-btn color="primary" small to="/admin/manage-users?tab=groups">
<v-icon left>mdi-account-group</v-icon>
Manage Groups
{{$t('group.manage-groups')}}
</v-btn>
</div>
</template>

18
frontend/src/pages/Admin/Profile/APITokenCard.vue
View File

@@ -2,14 +2,16 @@
<StatCard icon="mdi-api" color="accent">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="'API Tokens'" />
<h2 class="body-3 grey--text font-weight-light">
{{$t('settings.token.api-tokens')}}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ user.tokens.length }} </small>
</h3>
</div>
</template>
<template v-slot:bottom>
<v-subheader class="mb-n2">ACTIVE TOKENS</v-subheader>
<v-subheader class="mb-n2">{{$t('settings.token.active-tokens')}}</v-subheader>
<v-virtual-scroll height="210" item-height="70" :items="user.tokens" class="mt-2">
<template v-slot:default="{ item }">
<v-divider></v-divider>
@@ -38,7 +40,7 @@
<v-card-actions class="pb-1 pt-3">
<v-spacer></v-spacer>
<BaseDialog
:title="'Create an API Token'"
:title="$t('settings.token.create-an-api-token')"
title-icon="mdi-api"
@submit="createToken"
:submit-text="buttonText"
@@ -46,13 +48,13 @@
>
<v-card-text>
<v-form ref="newTokenForm">
<v-text-field v-model="name" label="Token Name" required> </v-text-field>
<v-text-field v-model="name" :label="$t('settings.token.token-name')" required> </v-text-field>
</v-form>
<div v-if="createdToken != ''">
<v-textarea
class="mb-0 pb-0"
label="API Token"
:label="$t('settings.token.api-token')"
readonly
v-model="createdToken"
append-outer-icon="mdi-content-copy"
@@ -60,7 +62,7 @@
>
</v-textarea>
<v-subheader class="text-center">
Copy this token for use with an external application. This token will not be viewable again.
{{$t('settings.token.copy-this-token-for-use-with-an-external-application-this-token-will-not-be-viewable-again')}}
</v-subheader>
</div>
</v-card-text>
@@ -107,9 +109,9 @@ export default {
},
buttonText() {
if (this.createdToken === "") {
return "Create";
return this.$t('general.create');
} else {
return "Close";
return this.$t('general.close');
}
},
},

10
frontend/src/pages/Admin/Profile/ProfileGroupCard.vue
View File

@@ -11,7 +11,7 @@
</template>
<template v-slot:bottom>
<div v-if="todaysMeal">
<v-subheader>DINNER TONIGHT</v-subheader>
<v-subheader>{{$t('meal-plan.dinner-tonight')}}</v-subheader>
<MobileRecipeCard
:name="todaysMeal.name"
:slug="todaysMeal.slug"
@@ -48,12 +48,12 @@
<v-icon x-large>
mdi-food-variant
</v-icon>
<small> Mealplan Settings </small>
<small> {{$t('meal-plan.mealplan-settings')}} </small>
</h3>
</div>
<v-divider></v-divider>
<v-subheader>MEALPLAN CATEGORIES</v-subheader>
<v-subheader>{{$t('meal-plan.mealplan-categories')}}</v-subheader>
<v-card-text class="mt-0 pt-0">
{{ $t("meal-plan.only-recipes-with-these-categories-will-be-used-in-meal-plans") }}
</v-card-text>
@@ -66,7 +66,7 @@
/>
<v-divider></v-divider>
<v-subheader>WEBHOOKS</v-subheader>
<v-subheader>{{$t('settings.webhooks.webhooks-caps')}}</v-subheader>
<v-card-text class="mt-0 pt-0">
{{
$t(
@@ -93,7 +93,7 @@
<v-spacer></v-spacer>
<v-btn small color="success" @click="addWebhook">
<v-icon left> mdi-webhook </v-icon>
New
{{$t('general.new')}}
</v-btn>
</v-card-actions>
</v-card-text>