feat: translate admin login page

This commit is contained in:
EETagent 2023-01-20 14:32:29 +01:00
parent 536f5f1c5e
commit dfe8fd2044
3 changed files with 64 additions and 7 deletions

View file

@ -1,10 +1,11 @@
<script lang="ts"> <script lang="ts">
import LL from '$i18n/i18n-svelte';
import lion from '$lib/assets/logo/lion.png'; import lion from '$lib/assets/logo/lion.png';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte'; import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
import TextField from '$lib/components/textfield/TextField.svelte'; import TextField from '$lib/components/textfield/TextField.svelte';
import background from '$lib/assets/background2.jpg'; import background from '$lib/assets/background2.jpg';
import Lock from '$lib/components/icons/Lock.svelte';
import { apiLogin } from '$lib/@api/admin'; import { apiLogin } from '$lib/@api/admin';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import Submit from '$lib/components/button/Submit.svelte'; import Submit from '$lib/components/button/Submit.svelte';
@ -30,20 +31,20 @@
> >
<img class="object-cover" src={lion} alt="" /> <img class="object-cover" src={lion} alt="" />
</div> </div>
<h1 class="text-sspsBlue mt-8 text-4xl font-semibold">Přihlášení</h1> <h1 class="text-sspsBlue mt-8 text-4xl font-semibold">{$LL.admin.auth.login.title()}</h1>
<p class="text-sspsGray mt-8 text-center font-light"> <p class="text-sspsGray mt-8 text-center font-light">
Administrátoská sekce aplikace<br /> Přístup povolen pouze pro oprávněné osoby! {$LL.admin.auth.login.description()}
</p> </p>
<div class="mt-8 flex w-4/5 flex-col lg:w-3/5"> <div class="mt-8 flex w-4/5 flex-col lg:w-3/5">
<span> <span>
<TextField bind:value={adminIdValue} placeholder="Admin id" type="number" /> <TextField bind:value={adminIdValue} placeholder={$LL.input.adminId()} type="number" />
</span> </span>
<span class="mt-8"> <span class="mt-8">
<PasswordField bind:value={adminPasswordValue} placeholder="Heslo" /> <PasswordField bind:value={adminPasswordValue} placeholder={$LL.input.password()} />
</span> </span>
</div> </div>
<div class="mt-8 w-4/5 lg:w-3/5"> <div class="mt-8 w-4/5 lg:w-3/5">
<Submit value="Odeslat" on:click={login} /> <Submit value={$LL.input.submit()} on:click={login} />
</div> </div>
</div> </div>
</SplitLayout> </SplitLayout>

View file

@ -1,6 +1,14 @@
import type { BaseTranslation } from '../i18n-types.js'; import type { BaseTranslation } from '../i18n-types.js';
const cs: BaseTranslation = { const cs: BaseTranslation = {
admin: {
auth: {
login: {
title: 'Přihlášení',
description: 'Administrátoská sekce aplikace\nPřístup povolen pouze pro oprávněné osoby!'
}
}
},
candidate: { candidate: {
auth: { auth: {
login: { login: {
@ -11,7 +19,7 @@ const cs: BaseTranslation = {
application: { application: {
title: 'Zadejte 12místný kód pro aktivaci účtu', title: 'Zadejte 12místný kód pro aktivaci účtu',
help: { help: {
description: "Nevíte si rady? Klikněte", description: 'Nevíte si rady? Klikněte',
here: 'zde' here: 'zde'
} }
} }
@ -19,6 +27,8 @@ const cs: BaseTranslation = {
}, },
input: { input: {
evidenceNumber: 'Ev. číslo', evidenceNumber: 'Ev. číslo',
adminId: 'Admin Id',
password: 'Heslo',
submit: 'Odeslat' submit: 'Odeslat'
} }
}; };

View file

@ -13,6 +13,21 @@ export type Translation = RootTranslation
export type Translations = RootTranslation export type Translations = RootTranslation
type RootTranslation = { type RootTranslation = {
admin: {
auth: {
login: {
/**
* Přihlášení
*/
title: string
/**
* Administrátoská sekce aplikace
Přístup povolen pouze pro oprávněné osoby!
*/
description: string
}
}
}
candidate: { candidate: {
auth: { auth: {
login: { login: {
@ -49,6 +64,14 @@ type RootTranslation = {
* Ev. číslo * Ev. číslo
*/ */
evidenceNumber: string evidenceNumber: string
/**
* Admin Id
*/
adminId: string
/**
* Heslo
*/
password: string
/** /**
* Odeslat * Odeslat
*/ */
@ -57,6 +80,21 @@ type RootTranslation = {
} }
export type TranslationFunctions = { export type TranslationFunctions = {
admin: {
auth: {
login: {
/**
* Přihlášení
*/
title: () => LocalizedString
/**
* Administrátoská sekce aplikace
Přístup povolen pouze pro oprávněné osoby!
*/
description: () => LocalizedString
}
}
}
candidate: { candidate: {
auth: { auth: {
login: { login: {
@ -93,6 +131,14 @@ export type TranslationFunctions = {
* Ev. číslo * Ev. číslo
*/ */
evidenceNumber: () => LocalizedString evidenceNumber: () => LocalizedString
/**
* Admin Id
*/
adminId: () => LocalizedString
/**
* Heslo
*/
password: () => LocalizedString
/** /**
* Odeslat * Odeslat
*/ */