From dfe8fd20447a3a98fc9b67f34b2f6f1d97e2d9bf Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Fri, 20 Jan 2023 14:32:29 +0100
Subject: [PATCH] feat: translate admin login page

---
 .../(admin)/admin/auth/login/+page.svelte     | 13 +++---
 frontend/src/translations/cs/index.ts         | 12 ++++-
 frontend/src/translations/i18n-types.ts       | 46 +++++++++++++++++++
 3 files changed, 64 insertions(+), 7 deletions(-)

diff --git a/frontend/src/routes/(admin)/admin/auth/login/+page.svelte b/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
index d43982f..ce16af7 100644
--- a/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import lion from '$lib/assets/logo/lion.png';
 	import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
 	import TextField from '$lib/components/textfield/TextField.svelte';
 
 	import background from '$lib/assets/background2.jpg';
-	import Lock from '$lib/components/icons/Lock.svelte';
 	import { apiLogin } from '$lib/@api/admin';
 	import { goto } from '$app/navigation';
 	import Submit from '$lib/components/button/Submit.svelte';
@@ -30,20 +31,20 @@
 		>
 			<img class="object-cover" src={lion} alt="" />
 		</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">
-			Administrátoská sekce aplikace<br /> Přístup povolen pouze pro oprávněné osoby!
+			{$LL.admin.auth.login.description()}
 		</p>
 		<div class="mt-8 flex w-4/5 flex-col lg:w-3/5">
 			<span>
-				<TextField bind:value={adminIdValue} placeholder="Admin id" type="number" />
+				<TextField bind:value={adminIdValue} placeholder={$LL.input.adminId()} type="number" />
 			</span>
 			<span class="mt-8">
-				<PasswordField bind:value={adminPasswordValue} placeholder="Heslo" />
+				<PasswordField bind:value={adminPasswordValue} placeholder={$LL.input.password()} />
 			</span>
 		</div>
 		<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>
 </SplitLayout>
diff --git a/frontend/src/translations/cs/index.ts b/frontend/src/translations/cs/index.ts
index 3fbfef5..5ebf25b 100644
--- a/frontend/src/translations/cs/index.ts
+++ b/frontend/src/translations/cs/index.ts
@@ -1,6 +1,14 @@
 import type { BaseTranslation } from '../i18n-types.js';
 
 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: {
 		auth: {
 			login: {
@@ -11,7 +19,7 @@ const cs: BaseTranslation = {
 			application: {
 				title: 'Zadejte 12místný kód pro aktivaci účtu',
 				help: {
-					description: "Nevíte si rady? Klikněte",
+					description: 'Nevíte si rady? Klikněte',
 					here: 'zde'
 				}
 			}
@@ -19,6 +27,8 @@ const cs: BaseTranslation = {
 	},
 	input: {
 		evidenceNumber: 'Ev. číslo',
+		adminId: 'Admin Id',
+		password: 'Heslo',
 		submit: 'Odeslat'
 	}
 };
diff --git a/frontend/src/translations/i18n-types.ts b/frontend/src/translations/i18n-types.ts
index 0469b63..caefc4a 100644
--- a/frontend/src/translations/i18n-types.ts
+++ b/frontend/src/translations/i18n-types.ts
@@ -13,6 +13,21 @@ export type Translation = RootTranslation
 export type Translations = RootTranslation
 
 type RootTranslation = {
+	admin: {
+		auth: {
+			login: {
+				/**
+				 * P​ř​i​h​l​á​š​e​n​í
+				 */
+				title: string
+				/**
+				 * A​d​m​i​n​i​s​t​r​á​t​o​s​k​á​ ​s​e​k​c​e​ ​a​p​l​i​k​a​c​e​
+			​P​ř​í​s​t​u​p​ ​p​o​v​o​l​e​n​ ​p​o​u​z​e​ ​p​r​o​ ​o​p​r​á​v​n​ě​n​é​ ​o​s​o​b​y​!
+				 */
+				description: string
+			}
+		}
+	}
 	candidate: {
 		auth: {
 			login: {
@@ -49,6 +64,14 @@ type RootTranslation = {
 		 * E​v​.​ ​č​í​s​l​o
 		 */
 		evidenceNumber: string
+		/**
+		 * A​d​m​i​n​ ​I​d
+		 */
+		adminId: string
+		/**
+		 * H​e​s​l​o
+		 */
+		password: string
 		/**
 		 * O​d​e​s​l​a​t
 		 */
@@ -57,6 +80,21 @@ type RootTranslation = {
 }
 
 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: {
 		auth: {
 			login: {
@@ -93,6 +131,14 @@ export type TranslationFunctions = {
 		 * Ev. číslo
 		 */
 		evidenceNumber: () => LocalizedString
+		/**
+		 * Admin Id
+		 */
+		adminId: () => LocalizedString
+		/**
+		 * Heslo
+		 */
+		password: () => LocalizedString
 		/**
 		 * Odeslat
 		 */