mirror of
https://github.com/danbulant/Portfolio
synced 2026-06-09 17:52:14 +00:00
feat: translate admin login page
This commit is contained in:
parent
536f5f1c5e
commit
dfe8fd2044
3 changed files with 64 additions and 7 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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'
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue