Merge pull request #172 from EETagent/svelte_i18n

(frontend) i18n překlady

frontend/.typesafe-i18n.json

@@ -0,0 +1,7 @@
+{
+   "baseLocale": "cs",
+   "adapter": "svelte",
+   "esmImports": true,
+   "outputPath": "./src/translations",
+   "$schema": "https://unpkg.com/typesafe-i18n@5.20.0/schema/typesafe-i18n.json"
+}

frontend/package.json

@@ -10,7 +10,8 @@
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
+		"format": "prettier --plugin-search-dir . --write .",
+		"typesafe-i18n": "typesafe-i18n"
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.29.2",
@@ -46,6 +47,7 @@
 		"svelte-tippy": "^1.3.2",
 		"swiper": "^8.4.6",
 		"tippy.js": "^6.3.7",
+		"typesafe-i18n": "^5.20.0",
 		"yup": "^0.32.11"
 	}
 }

frontend/pnpm-lock.yaml

@@ -34,6 +34,9 @@ dependencies:
   tippy.js:
     specifier: ^6.3.7
     version: 6.3.7
+  typesafe-i18n:
+    specifier: ^5.20.0
+    version: 5.20.0(typescript@4.9.4)
   yup:
     specifier: ^0.32.11
     version: 0.32.11
@@ -2385,11 +2388,19 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /typesafe-i18n@5.20.0(typescript@4.9.4):
+    resolution: {integrity: sha512-uOvKnVkp1tXRDNBz9Aom54qs0LP2xWrtDliMPdKm9Scsnvn0DC7ZqjSGdOWxVplpbFbqYWNZuzx5Q5jWOjnBTA==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=3.5.1'
+    dependencies:
+      typescript: 4.9.4
+    dev: false
+
   /typescript@4.9.4:
     resolution: {integrity: sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==}
     engines: {node: '>=4.2.0'}
     hasBin: true
-    dev: true
 
   /unconfig@0.2.2:
     resolution: {integrity: sha512-JN1MeYJ/POnjBj7NgOJJxPp6+NcD6Nd0hEuK0D89kjm9GvQQUq8HeE2Eb7PZgtu+64mWkDiqeJn1IZoLH7htPg==}

frontend/src/lib/components/checkbox/AccountLinkCheckBox.svelte

@@ -1,14 +1,23 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	export let linkOk: boolean = false;
 	export let linkError: boolean = false;
 	export let applications: Array<number>;
 
-	let title1 = `Ano, podával/a jsem dvě přihlášky na dva obory SSPŠaG (${applications[0]} a ${applications[1]})`;
+	let title1 = $LL.components.checkbox.accountLinkCheckBox.multiple.title({
-	let title2 = `Ne, přihlášku na SSPŠaG jsem podával/a jen jednu (${applications[0]})`;
+		first: applications[0],
+		second: applications[1]
+	});
+	let title2 = $LL.components.checkbox.accountLinkCheckBox.multiple.title2({
+		first: applications[0]
+	});
 
 	if (applications.length === 1) {
-		title1 = `Ano, přihlášku na SSPŠaG jsem podával/a jen jednu (${applications[0]})`;
+		title1 = $LL.components.checkbox.accountLinkCheckBox.single.title({
-		title2 = `Ne, přihlášku na SSPŠaG jsem podával více přihlášek`;
+			first: applications[0]
+		});
+		title2 = $LL.components.checkbox.accountLinkCheckBox.single.title2();
 	}
 
 	$: console.log(linkOk, linkError);
@@ -43,7 +52,7 @@
 			<div class="w-full text-lg font-semibold">
 				{title1}
 			</div>
-			<div class="w-full text-sm">Vše je v pořádku</div>
+			<div class="w-full text-sm">{$LL.components.checkbox.accountLinkCheckBox.ok()}</div>
 		</div>
 	</label>
 </div>
@@ -63,7 +72,7 @@
 			<div class="w-full text-lg font-semibold">
 				{title2}
 			</div>
-			<div class="w-full text-sm">Co se děje?</div>
+			<div class="w-full text-sm">{$LL.components.checkbox.accountLinkCheckBox.whatHappened()}</div>
 		</div>
 	</label>
 </div>

frontend/src/lib/components/checkbox/GdprCheckBox.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	export let value: boolean = false;
 
 	export let error: string = '';
@@ -9,9 +11,9 @@
 	<div class="block">
 		<span class="text-2xl">📜</span>
 
-		<div class="w-full text-lg font-semibold">Souhlas se zpracováním osobních údajů</div>
+		<div class="w-full text-lg font-semibold">{$LL.components.checkbox.gdprCheckBox.title()}</div>
-		<div class="w-full text-sm">Kliknutím vyjaďřujete souhlas se zpracováním osobních údajů</div>
+		<div class="w-full text-sm">{$LL.components.checkbox.gdprCheckBox.description()}</div>
-		<div class="w-full text-sm"><a class="underline" href="/gdpr">Zde</a></div>
+		<div class="w-full text-sm"><a class="underline" href="/gdpr">{$LL.components.checkbox.gdprCheckBox.here()}</a></div>
 	</div>
 </label>
 

frontend/src/lib/components/dashboard/CoverLetterUploadCard.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
 	import { apiDeleteCoverLetter, apiUploadCoverLetter } from '$lib/@api/candidate';
 	import DashboardUploadCard from './DashboardUploadCard.svelte';
@@ -28,9 +30,9 @@
 	{error}
 	on:filedrop={(e) => onFileDrop(e.detail)}
 	on:delete={onDelete}
-	title="Motivační dopis"
+	title={$LL.components.dashboard.coverLetterUploadCard.title()}
 	filetype="PDF"
 	filesize={10}
 	fileType={1}
-	placeholder="svůj motivanční dopis"
+	placeholder={$LL.components.dashboard.coverLetterUploadCard.placeholder()}
 />

frontend/src/lib/components/dashboard/DashboardInfoCard.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import debounce from 'just-debounce-it';
 
 	import {
@@ -7,7 +9,6 @@
 		apiLogout,
 		apiSubmitPortfolio
 	} from '$lib/@api/candidate';
-	import Circles from '$lib/components/icons/Circles.svelte';
 	import { fetchSubmProgress, type Status } from '$lib/stores/portfolio';
 	import StatusNotificationBig from './StatusNotificationBig.svelte';
 	import InfoButton from './InfoButton.svelte';
@@ -150,39 +151,39 @@
 						class="mt-4 flex flex-col justify-between leading-10"
 					>
 						<span
-							>Ev. č. přihlášky ({getField($baseCandidateData.applications[0])}):
+							>{$LL.input.evidenceNumber()} ({getField($baseCandidateData.applications[0])}):
 							<span class="font-bold">{$baseCandidateData.applications[0]}</span></span
 						>
 						{#if $baseCandidateData.applications.length > 1}
 							<span
-								>Ev. č. přihlášky ({getField($baseCandidateData.applications[1])}):
+								>{$LL.input.evidenceNumber()} ({getField($baseCandidateData.applications[1])}):
 								<span class="font-bold">{$baseCandidateData.applications[1]}</span></span
 							>
 						{/if}
-						<span>Adresa: <span class="font-bold">{$candidateData.candidate.address}</span></span>
+						<span>{$LL.input.address()}: <span class="font-bold">{$candidateData.candidate.address}</span></span>
 						<span
-							>Datum narození: <span class="font-bold">{$candidateData.candidate.birthdate}</span
+							>{$LL.input.birthDate()}: <span class="font-bold">{$candidateData.candidate.birthdate}</span
 							></span
 						>
 						<span
-							>Místo narození: <span class="font-bold">{$candidateData.candidate.birthplace}</span
+							>{$LL.input.birthPlace()}: <span class="font-bold">{$candidateData.candidate.birthplace}</span
 							></span
 						>
 						<span
-							>Rodné číslo: <span class="font-bold"
+							>{$LL.input.personalIdentificationNumber()}: <span class="font-bold"
 								>{$candidateData.candidate.personalIdNumber}</span
 							></span
 						>
 						<span
-							>IČO/Název školy: <span class="font-bold">{$candidateData.candidate.schoolName}</span
+							>{$LL.input.schoolIzo()}: <span class="font-bold">{$candidateData.candidate.schoolName}</span
 							></span
 						>
 						<span
-							>Číslo zdravotní pojišťovny: <span class="font-bold"
+							>{$LL.input.insuranceNumber()}: <span class="font-bold"
 								>{$candidateData.candidate.healthInsurance}</span
 							></span
 						>
-						<span>Telefon: <span class="font-bold">{$candidateData.candidate.telephone}</span></span
+						<span>{$LL.input.telephone()}: <span class="font-bold">{$candidateData.candidate.telephone}</span></span
 						>
 					</div>
 					<div
@@ -200,8 +201,8 @@
 								<span class="text-sspsBlue text-xl font-bold"
 									>{parent.name + ' ' + parent.surname}</span
 								>
-								<span>Email: <span class="font-bold">{parent.email}</span></span>
+								<span>{$LL.input.email()}: <span class="font-bold">{parent.email}</span></span>
-								<span>Telefon: <span class="font-bold">{parent.telephone}</span></span>
+								<span>{$LL.input.telephone()}: <span class="font-bold">{parent.telephone}</span></span>
 							</div>
 						{/each}
 					</div>

frontend/src/lib/components/dashboard/DashboardUploadCard.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import FileType from './FileType.svelte';
 	import debounce from 'just-debounce-it';
 	import { filedrop, type FileDropOptions, type Files } from 'filedrop-svelte';
@@ -103,7 +105,7 @@
 			{#if status === 'uploaded'}
 				<button
 					class="mr-3 rounded-xl bg-[#ef8b46] py-0.5 px-2 text-white shadow-md transition-all duration-300 hover:bg-orange-400"
-					on:click={debounce(() => dispatch('delete'), 150)}>Smazat</button
+					on:click={debounce(() => dispatch('delete'), 150)}>{$LL.components.dashboard.dashboardUploadCard.delete()}</button
 				>
 			{/if}
 			<StatusNotificationDot {status} />
@@ -131,9 +133,9 @@
 			>
 			<div class="hidden items-center xl:block">
 				{#if bytesTotal === 0 || Math.round(progress * 100) === 100}
-					<h2 class="text-xl font-bold">{status === 'submitted' ? 'Odesláno' : 'Nahráno'}</h2>
+					<h2 class="text-xl font-bold">{status === 'submitted' ? $LL.components.dashboard.dashboardUploadCard.sent() : $LL.components.dashboard.dashboardUploadCard.uploaded()}</h2>
 				{:else}
-					<h2 class="text-xl">Nahráno {((bytesTotal / 1_000_000) * progress).toFixed(1)} MB</h2>
+					<h2 class="text-xl">{$LL.components.dashboard.dashboardUploadCard.uploaded()} {((bytesTotal / 1_000_000) * progress).toFixed(1)} MB</h2>
 					<h2 class="self-center text-xl">z {(bytesTotal / 1_000_000).toFixed(1)} MB</h2>
 				{/if}
 			</div>
@@ -168,8 +170,14 @@
 				{#if error}
 					<span class="font-semibold text-red-600">{error}</span>
 				{:else}
-					<span class="text-[#406280]">Sem přetáhněte,</span>
+					<span class="text-[#406280]"
-					<span class="text-sspsGray">nebo nahrajte {placeholder}</span>
+						>{$LL.components.dashboard.dashboardUploadCard.dropHere()}</span
+					>
+					<span class="text-sspsGray"
+						>{$LL.components.dashboard.dashboardUploadCard.orUpload({
+							placeholder
+						})}</span
+					>
 				{/if}
 			</div>
 		</div>

frontend/src/lib/components/dashboard/PortfolioLetterUploadCard.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import type { ApiError } from '$lib/@api';
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
 	import { apiDeletePortfolioLetter, apiUploadPortfolioLetter } from '../../@api/candidate';
@@ -28,9 +30,9 @@
 	{error}
 	on:filedrop={(e) => onFileDrop(e.detail)}
 	on:delete={onDelete}
-	title="Portfolio"
+	title={$LL.components.dashboard.portfolioLetterUploadCard.title()}
 	filetype="PDF"
 	filesize={10}
 	fileType={2}
-	placeholder="svoje portfolio"
+	placeholder={$LL.components.dashboard.portfolioLetterUploadCard.placeholder()}
 />

frontend/src/lib/components/dashboard/PortfolioZipUploadCard.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import { fetchSubmProgress } from '$lib/stores/portfolio';
 	import { apiDeletePortfolioZip, apiUploadPortfolioZip } from '$lib/@api/candidate';
 	import DashboardUploadCard from './DashboardUploadCard.svelte';
@@ -28,9 +30,9 @@
 	{error}
 	on:filedrop={(e) => onFileDrop(e.detail)}
 	on:delete={onDelete}
-	title="Další data"
+	title={$LL.components.dashboard.portfolioZipUploadCard.title()}
 	filetype="ZIP"
 	filesize={100}
 	fileType={3}
-	placeholder="vaše další soubory ve formátu ZIP"
+	placeholder={$LL.components.dashboard.portfolioZipUploadCard.placeholder()}
 />

frontend/src/lib/components/dashboard/StatusNotificationBig.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import type { Status } from '$lib/stores/portfolio';
 
 	export let loading: boolean = false;
@@ -8,16 +10,16 @@
 	let description: string;
 	$: switch (status) {
 		case 'submitted':
-			title = 'Soubory odevzdány!';
+			title = $LL.components.dashboard.statusNotificationBig.submitted.title();
-			description = 'Vaše soubory smažete kliknutím zde';
+			description = $LL.components.dashboard.statusNotificationBig.submitted.description();
 			break;
 		case 'uploaded':
-			title = 'Soubory nebyly odevzdány!';
+			title = $LL.components.dashboard.statusNotificationBig.uploaded.title();
-			description = 'Odevzdejte soubory kliknutím zde';
+			description = $LL.components.dashboard.statusNotificationBig.uploaded.description();
 			break;
 		case 'missing':
-			title = 'Soubory nebyly nahrány!';
+			title = $LL.components.dashboard.statusNotificationBig.missing.title();
-			description = 'Nahrajte včechny soubory prosím';
+			description = $LL.components.dashboard.statusNotificationBig.missing.description();
 			break;
 	}
 </script>

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>

frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import { goto } from '$app/navigation';
 	import { apiFillDetails } from '$lib/@api/candidate';
 	import Submit from '$lib/components/button/Submit.svelte';
@@ -27,12 +29,13 @@
 	let pageIndex = 0;
 	let pagesFilled = [false, false, false, false, false, false, false];
 	let pageTexts = [
-		'Zpracování osobních údajů',
+		$LL.candidate.register.second.title(),
-		'Registrace',
+		$LL.candidate.register.third.title(),
-		'Něco o Vás',
+		$LL.candidate.register.fourth.title(),
-		'Zákonný zástupce',
+		$LL.candidate.register.fifth.title(),
-		'Druhý zákonný zástupce',
+		$LL.candidate.register.sixth.title(),
-		'Poslední krok'
+		$LL.candidate.register.seventh.title(),
+		$LL.candidate.register.eighth.title()
 	];
 
 	export let data: PageData;
@@ -61,7 +64,7 @@
 			schoolName: '',
 			healthInsurance: '',
 			grades: [],
-			testLanguage: '',
+			testLanguage: ''
 		},
 		parents: [
 			{
@@ -121,8 +124,9 @@
 							semester: yup.string().required()
 						})
 						.required()
-				).required(),
+				)
-			testLanguage: yup.string().required(),
+				.required(),
+			testLanguage: yup.string().required()
 		}),
 		parents: yup.array().of(
 			yup.object().shape({
@@ -364,7 +368,7 @@
 				}
 				break;
 			case 7:
-				if ($typedErrors["candidate"]["grades"].length > 0) return true;
+				if ($typedErrors['candidate']['grades'].length > 0) return true;
 				break;
 			default:
 				return false;
@@ -411,7 +415,7 @@
 			]
 		});
 		pageIndex = 2; // skip gdpr page
-		pageTexts[2] = 'Úprava osobních údajů';
+		pageTexts[2] = $LL.candidate.register.fourth.titleEdit();
 	}
 </script>
 
@@ -428,10 +432,9 @@
 			<form on:submit={handleSubmit} id="triggerForm" class="invisible hidden" />
 			{#if pageIndex === 0}
 				<form on:submit={handleSubmit}>
-					<h1 class="title mt-8">Propojení účtů</h1>
+					<h1 class="title mt-8">{$LL.candidate.register.first.title()}</h1>
 					<p class="description mt-8 block text-center">
-						Elektronickou přihlášky stačí vyplnit jen jednou i v případě, že jste podali dvě
+						{$LL.candidate.register.first.description()}
-						přihlášky. Potvrďte, že jste jste k nám skutečně podali dvě přihlášky.
 					</p>
 					<div class="field">
 						<AccountLinkCheckBox
@@ -446,24 +449,18 @@
 				<form on:submit={handleSubmit}>
 					<h1 class="title mt-8">{pageTexts[0]}</h1>
 					<p class="description mt-8 block text-center">
-						V rámci portálu pro přijímací řízení zpracováváme mnoho osobních údajů. Proto je nutný
+						{$LL.candidate.register.second.description()}
-						Váš souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si
+						<a href="/bezpecnost" class="text-sspsBlue underline"> {$LL.here()}</a>.
-						můžete přečíst
-						<a href="/bezpecnost" class="text-sspsBlue underline"> zde</a>.
 					</p>
 					<div class="field">
-						<GdprCheckBox
+						<GdprCheckBox bind:value={$form.gdpr} error={$typedErrors['gdpr']} />
-							bind:value={$form.gdpr}
-							error={$typedErrors['gdpr']}
-						/>
 					</div>
 				</form>
 			{:else if pageIndex === 2}
 				<form on:submit={handleSubmit}>
 					<h1 class="title mt-8">{pageTexts[1]}</h1>
 					<p class="description mt-8 block text-center">
-						V rámci usnadnění přijímacího řízení jsme připravili online formulář, který Vám pomůže s
+						{$LL.candidate.register.third.description()}
-						vyplněním potřebných údajů.
 					</p>
 					<div class="flex flex-col">
 						<span class="field">
@@ -471,21 +468,21 @@
 								error={$typedErrors['candidate']['name'] || $typedErrors['candidate']['surname']}
 								bind:valueName={$form.candidate.name}
 								bind:valueSurname={$form.candidate.surname}
-								placeholder="Jméno a příjmení"
+								placeholder={$LL.input.nameSurname()}
 							/>
 						</span>
 						<span class="field">
 							<EmailField
 								error={$typedErrors['candidate']['email']}
 								bind:value={$form.candidate.email}
-								placeholder="E-mail"
+								placeholder={$LL.input.email()}
 							/>
 						</span>
 						<span class="field">
 							<TelephoneField
 								error={$typedErrors['candidate']['telephone']}
 								bind:value={$form.candidate.telephone}
-								placeholder="Telefon"
+								placeholder={$LL.input.telephone()}
 							/>
 						</span>
 					</div>
@@ -493,8 +490,7 @@
 			{:else if pageIndex === 3}
 				<h1 class="title mt-8">{pageTexts[2]}</h1>
 				<p class="description mt-8 block text-center">
-					Pro registraci je potřeba vyplnit několik údajů o Vás. Tyto údaje budou použity pro
+					{$LL.candidate.register.fourth.description()}
-					přijímací řízení. Všechny údaje jsou důležité.
 				</p>
 				<div class="field flex">
 					<span class="w-[66%]">
@@ -503,7 +499,7 @@
 								$typedErrors['candidate']['houseNumber']}
 							bind:valueName={$form.candidate.street}
 							bind:valueSurname={$form.candidate.houseNumber}
-							placeholder="Ulice a č. p."
+							placeholder={$LL.input.address()}
 							helperText="Uveďte ulici a číslo popisné (např. Preslova 72)."
 						/>
 					</span>
@@ -512,7 +508,7 @@
 							error={$typedErrors['candidate']['zip']}
 							bind:value={$form.candidate.zip}
 							type="number"
-							placeholder="PSČ"
+							placeholder={$LL.input.zipCode()}
 							helperText="Uveďte poštovní směrovací číslo. (např. 602 00)"
 						/>
 					</span>
@@ -523,7 +519,7 @@
 							error={$typedErrors['candidate']['city']}
 							bind:value={$form.candidate.city}
 							type="text"
-							placeholder="Město"
+							placeholder={$LL.input.city()}
 							helperText="Uveďte město"
 						/>
 					</span>
@@ -532,7 +528,7 @@
 							error={$typedErrors['candidate']['birthplace']}
 							bind:value={$form.candidate.birthplace}
 							type="text"
-							placeholder="Místo narození"
+							placeholder={$LL.input.birthPlace()}
 							helperText="Uveďte město"
 							icon
 						>
@@ -548,7 +544,7 @@
 						error={$typedErrors['candidate']['birthdate']}
 						bind:value={$form.candidate.birthdate}
 						type="text"
-						placeholder="Datum narození"
+						placeholder={$LL.input.birthDate()}
 						helperText="TODO: (Uveďte ve formátu DD.MM.RRRR)"
 					/>
 					<div class="ml-2">
@@ -556,14 +552,14 @@
 							error={$typedErrors['candidate']['sex']}
 							bind:value={$form.candidate.sex}
 							options={['Žena', 'Muž']}
-							placeholder="Pohlaví"
+							placeholder={$LL.input.sex()}
 						/>
 					</div>
 				</div>
 			{:else if pageIndex === 4}
 				<h1 class="title mt-8">{pageTexts[3]}</h1>
 				<p class="description mt-8 block text-center">
-					Sběr dat o zákonném zástupci je klíčový pro získání důležitých kontaktů a informací.
+					{$LL.candidate.register.fifth.description()}
 				</p>
 				<div class="flex w-full flex-col">
 					<span class="field">
@@ -571,28 +567,28 @@
 							error={$typedErrors['parents'][0]['name'] || $typedErrors['parents'][0]['surname']}
 							bind:valueName={$form.parents[0].name}
 							bind:valueSurname={$form.parents[0].surname}
-							placeholder="Jméno a příjmení zákonného zástupce"
+							placeholder={$LL.input.parent.nameSurname()}
 						/>
 					</span>
 					<span class="field">
 						<EmailField
 							error={$typedErrors['parents'][0]['email']}
 							bind:value={$form.parents[0].email}
-							placeholder="E-mail zákonného zástupce"
+							placeholder={$LL.input.parent.email()}
 						/>
 					</span>
 					<span class="field">
 						<TelephoneField
 							error={$typedErrors['parents'][0]['telephone']}
 							bind:value={$form.parents[0].telephone}
-							placeholder="Telefon zákonného zástupce"
+							placeholder={$LL.input.parent.telephone()}
 						/>
 					</span>
 				</div>
 			{:else if pageIndex === 5}
 				<h1 class="title mt-8">{pageTexts[4]}</h1>
 				<p class="description mt-8 block text-center">
-					Zde můžete zadat údaje o druhém zákonném zástupci. Škole tím umožníte lépe komunikovat.
+					{$LL.candidate.register.sixth.description()}
 				</p>
 				<div class="flex w-full flex-col">
 					<span class="field">
@@ -600,29 +596,28 @@
 							error={$typedErrors['parents'][1]['name'] || $typedErrors['parents'][1]['surname']}
 							bind:valueName={$form.parents[1].name}
 							bind:valueSurname={$form.parents[1].surname}
-							placeholder="Jméno a příjmení zákonného zástupce (nepovinné)"
+							placeholder={`${$LL.input.parent.nameSurname()} (${$LL.input.optional()})`}
 						/>
 					</span>
 					<span class="field">
 						<EmailField
 							error={$typedErrors['parents'][1]['email']}
 							bind:value={$form.parents[1].email}
-							placeholder="E-mail zákonného zástupce (nepovinné)"
+							placeholder={`${$LL.input.parent.email()} (${$LL.input.optional()})`}
 						/>
 					</span>
 					<span class="field">
 						<TelephoneField
 							error={$typedErrors['parents'][1]['telephone']}
 							bind:value={$form.parents[1].telephone}
-							placeholder="Telefon zákonného zástupce (nepovinné)"
+							placeholder={`${$LL.input.parent.telephone()} (${$LL.input.optional()})`}
 						/>
 					</span>
 				</div>
 			{:else if pageIndex === 6}
 				<h1 class="title mt-8">{pageTexts[5]}</h1>
 				<p class="description mt-8 block text-center">
-					Zadejte prosím své občanství, rodné číslo, či jeho alternativu Vaší země a obor na který
+					{$LL.candidate.register.seventh.description()}
-					se hlásíte.
 				</p>
 				<div class="flex w-full flex-col">
 					<div class="field flex w-full">
@@ -630,15 +625,15 @@
 							<SelectField
 								error={$typedErrors['candidate']['citizenship']}
 								bind:value={$form.candidate.citizenship}
-								placeholder="Občanství"
+								placeholder={$LL.input.citizenship()}
 								options={['Česká republika', 'Slovenská republika', 'Ukrajina', 'Jiné']}
 							/>
 						</span>
-						<span class="w-[50%] ml-2">
+						<span class="ml-2 w-[50%]">
 							<SelectField
 								error={$typedErrors['candidate']['testLanguage']}
 								bind:value={$form.candidate.testLanguage}
-								placeholder="Jazyk odborných testů"
+								placeholder={$LL.input.testLanguage()}
 								options={['Čeština', 'Angličtina']}
 							/>
 						</span>
@@ -650,14 +645,14 @@
 									error={$typedErrors['candidate']['schoolName']}
 									type="number"
 									bind:value={$form.candidate.schoolName}
-									placeholder="IZO školy"
+									placeholder={$LL.input.schoolIzo()}
 								/>
 							{:else}
 								<TextField
 									error={$typedErrors['candidate']['schoolName']}
 									type="text"
 									bind:value={$form.candidate.schoolName}
-									placeholder="Název školy"
+									placeholder={$LL.input.schoolName()}
 								/>
 							{/if}
 						</span>
@@ -667,7 +662,7 @@
 								error={$typedErrors['candidate']['healthInsurance']}
 								type="text"
 								bind:value={$form.candidate.healthInsurance}
-								placeholder="Číslo zdravotní pojišťovny"
+								placeholder={$LL.input.insuranceNumber()}
 							/>
 						</span>
 					</div>
@@ -677,20 +672,20 @@
 						<IdField
 							error={$typedErrors['candidate']['personalIdNumber']}
 							bind:value={$form.candidate.personalIdNumber}
-							placeholder="Rodné číslo"
+							placeholder={$LL.input.personalIdentificationNumber()}
 						/>
 					{:else}
 						<TextField
 							error={$typedErrors['candidate']['personalIdNumber']}
 							bind:value={$form.candidate.personalIdNumber}
-							placeholder="Rodné číslo"
+							placeholder={$LL.input.personalIdentificationNumber()}
 						/>
 					{/if}
 				</div>
 			{:else if pageIndex === 7}
-				<h1 class="title mt-8">{pageTexts[5]}</h1>
+				<h1 class="title mt-8">{pageTexts[6]}</h1>
 				<p class="description mt-8 block text-center">
-					Přidejte prosím přepis Vaších známek z posledních dvou let studia
+					{$LL.candidate.register.eighth.description()}
 				</p>
 				<GradesTable
 					error={$typedErrors['candidate']['grades']}
@@ -712,7 +707,7 @@
 						// @ts-ignore
 						errors.set(formInitialValues);
 					}}
-					value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
+					value={pageIndex === pageCount ? $LL.input.submit() : $LL.input.continue()}
 				/>
 			</div>
 

frontend/src/routes/(candidate)/auth/login/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
 	import { goto } from '$app/navigation';
 	import Submit from '$lib/components/button/Submit.svelte';
 
@@ -19,16 +20,15 @@
 <SplitLayout>
 	<div class="form">
 		<SchoolBadge />
-		<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.candidate.auth.login.title()}</h1>
 		<p class="text-sspsGray my-8 text-center font-light">
-			Evidenční číslo je jedinečné číslo přidělené uchazeči, které slouží k jeho identifikaci<br /> a
+			{$LL.candidate.auth.login.description()}
-			přihlášení se do systému.
 		</p>
 		<div class="w-4/5 lg:w-3/5">
-			<TextField bind:value={applicationValue} placeholder="Ev. číslo" type="number" />
+			<TextField bind:value={applicationValue} placeholder={$LL.input.evidenceNumber()} type="number" />
 		</div>
 		<div class="mt-8 w-4/5 lg:w-3/5">
-			<Submit on:click={redirectToCode} value="Odeslat" />
+			<Submit on:click={redirectToCode} value={$LL.input.submit()} />
 		</div>
 	</div>
 </SplitLayout>

frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import FullLayout from '$lib/components/layout/FullLayout.svelte';
 
 	import woman from '$lib/assets/woman.png';
@@ -132,9 +134,12 @@
 			{/each}
 		</div>
 		<h3 class="text-sspsBlue mx-8 mt-8 text-center text-xl font-semibold">
-			Zadejte 12místný kód pro aktivaci účtu
+			{$LL.candidate.auth.application.title()}
 		</h3>
-		<p class="text-sspsGray mx-8 mt-8 text-center">Nevíte si rady? Klikněte <u>zde</u></p>
+		<p class="text-sspsGray mx-8 mt-8 text-center">
+			{$LL.candidate.auth.application.help.description()}
+			<u>{$LL.candidate.auth.application.help.here()}</u>
+		</p>
 	</div>
 </FullLayout>
 

frontend/src/routes/+layout.ts

@@ -1,6 +1,11 @@
+import { setLocale } from '$i18n/i18n-svelte';
+import { loadAllLocalesAsync } from '$i18n/i18n-util.async';
 import type { LayoutLoad } from './$types';
 
 export const load: LayoutLoad = async ({ url }) => {
+	await loadAllLocalesAsync();
+	setLocale('cs');
+	
 	return {
 		url: url.pathname
 	};

frontend/src/translations/cs/index.ts

@@ -0,0 +1,158 @@
+import type { BaseTranslation } from '../i18n-types.js';
+
+const cs: BaseTranslation = {
+	here: 'zde',
+	admin: {
+		auth: {
+			login: {
+				title: 'Přihlášení',
+				description: 'Administrátoská sekce aplikace\nPřístup povolen pouze pro oprávněné osoby!'
+			}
+		}
+	},
+	candidate: {
+		auth: {
+			login: {
+				title: 'Přihlášení',
+				description:
+					'Evidenční číslo je jedinečné číslo přidělené uchazeči, které slouží k jeho identifikaci\napřihlášení se do systému.'
+			},
+			application: {
+				title: 'Zadejte 12místný kód pro aktivaci účtu',
+				help: {
+					description: 'Nevíte si rady? Klikněte',
+					here: 'zde'
+				}
+			}
+		},
+		register: {
+			first: {
+				title: 'Propojení účtů',
+				description:
+					'Elektronickou přihlášky stačí vyplnit jen jednou i v případě, že jste podali dvě přihlášky. Potvrďte, že jste jste k nám skutečně podali dvě přihlášky.'
+			},
+			second: {
+				title: 'Zpracování osobních údajů',
+				description:
+					'V rámci portálu pro přijímací řízení zpracováváme mnoho osobních údajů. Proto je nutný Váš souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si můžete přečíst'
+			},
+			third: {
+				title: 'Registrace',
+				description:
+					'V rámci usnadnění přijímacího řízení jsme připravili online formulář, který Vám pomůže s vyplněním potřebných údajů.'
+			},
+			fourth: {
+				title: 'Něco o Vás',
+				titleEdit: 'Úprava osobních údajů',
+				description:
+					'Pro registraci je potřeba vyplnit několik údajů o Vás. Tyto údaje budou použity pro přijímací řízení. Všechny údaje jsou důležité.'
+			},
+			fifth: {
+				title: 'Zákonný zástupce',
+				description:
+					'Sběr dat o zákonném zástupci je klíčový pro získání důležitých kontaktů a informací.'
+			},
+			sixth: {
+				title: 'Druhý zákonný zástupce',
+				description:
+					'Zde můžete zadat údaje o druhém zákonném zástupci. Škole tím umožníte lépe komunikovat.'
+			},
+			seventh: {
+				title: 'Dokončení registrace',
+				description:
+					'Zadejte prosím své občanství, rodné číslo, či jeho alternativu Vaší země a obor na který se hlásíte.'
+			},
+			eighth: {
+				title: 'Poslední krok',
+				description: 'Přidejte prosím přepis Vaších známek z posledních dvou let studia'
+			}
+		}
+	},
+	components: {
+		dashboard: {
+			coverLetterUploadCard: {
+				title: 'Motivační dopis',
+				placeholder: 'svůj motivanční dopis'
+			},
+			portfolioLetterUploadCard: {
+				title: 'Portfolio',
+				placeholder: 'své portfolio'
+			},
+			portfolioZipUploadCard: {
+				title: 'Další data',
+				placeholder: 'vaše další soubory ve formátu ZIP'
+			},
+			dashboardUploadCard: {
+				dropHere: 'Sem přetáhněte,',
+				orUpload: 'Nebo nahrajte {placeholder:string}',
+				uploaded: 'Nahráno',
+				sent: 'Odesláno',
+				delete: 'Smazat'
+			},
+			statusNotificationBig: {
+				submitted: {
+					title: 'Soubory odevzdány!',
+					description: 'Vaše soubory smažete kliknutím zde'
+				},
+				uploaded: {
+					title: 'Soubory nebyly odevzdány!',
+					description: 'Odevzdejte soubory kliknutím zde'
+				},
+				missing: {
+					title: 'Soubory nebyly nahrány!',
+					description: 'Nahrajte včechny soubory prosím',
+				}
+			}
+		},
+		checkbox: {
+			accountLinkCheckBox: {
+				ok: 'Vše je v pořádku',
+				whatHappened: 'Co se děje?',
+				multiple: {
+					title:
+						'Ano, podával/a jsem dvě přihlášky na dva obory SSPŠaG ({first:number}) a ({second:number})',
+					title2: 'Ne, přihlášku na SSPŠaG jsem podával/a jen jednu ({first:number})'
+				},
+				single: {
+					title: 'Ano, přihlášku na SSPŠaG jsem podával/a jen jednu ({first:number})',
+					title2: 'Ne, přihlášku na SSPŠaG jsem podával více přihlášek'
+				}
+			},
+			gdprCheckBox: {
+				title: 'Souhlasím se zpracováním osobních údajů',
+				description: 'Kliknutím vyjaďřujete souhlas se zpracováním osobních údajů',
+				here: 'Zde'
+			}
+		}
+	},
+	input: {
+		optional: 'nepovinné',
+		nameSurname: 'Jméno a příjmení',
+		email: 'E-mail',
+		telephone: 'Telefon',
+		address: 'Ulice a č. p.',
+		zipCode: 'PSČ',
+		city: 'Město',
+		birthPlace: 'Místo narození',
+		birthDate: 'Datum narození',
+		sex: 'Pohlaví',
+		citizenship: 'Občanství',
+		testLanguage: 'Jazyk odborných testů',
+		schoolIzo: 'IZO školy',
+		schoolName: 'Název školy',
+		insuranceNumber: 'Číslo zdravotní pojišťovny',
+		personalIdentificationNumber: 'Rodné číslo',
+		evidenceNumber: 'Ev. číslo',
+		adminId: 'Admin Id',
+		password: 'Heslo',
+		submit: 'Odeslat',
+		continue: 'Pokračovat',
+		parent: {
+			nameSurname: 'Jméno a příjmení zákonného zástupce',
+			email: 'E-mail zákonného zástupce',
+			telephone: 'Telefon zákonného zástupce'
+		}
+	}
+};
+
+export default cs;

frontend/src/translations/formatters.ts

@@ -0,0 +1,11 @@
+import type { FormattersInitializer } from 'typesafe-i18n'
+import type { Locales, Formatters } from './i18n-types.js'
+
+export const initFormatters: FormattersInitializer<Locales, Formatters> = (locale: Locales) => {
+
+	const formatters: Formatters = {
+		// add your formatter functions here
+	}
+
+	return formatters
+}

frontend/src/translations/i18n-svelte.ts

@@ -0,0 +1,12 @@
+// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
+/* eslint-disable */
+
+import { initI18nSvelte } from 'typesafe-i18n/svelte'
+import type { Formatters, Locales, TranslationFunctions, Translations } from './i18n-types.js'
+import { loadedFormatters, loadedLocales } from './i18n-util.js'
+
+const { locale, LL, setLocale } = initI18nSvelte<Locales, Translations, TranslationFunctions, Formatters>(loadedLocales, loadedFormatters)
+
+export { locale, LL, setLocale }
+
+export default LL

frontend/src/translations/i18n-types.ts

@@ -0,0 +1,766 @@
+// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
+/* eslint-disable */
+import type { BaseTranslation as BaseTranslationType, LocalizedString, RequiredParams } from 'typesafe-i18n'
+
+export type BaseTranslation = BaseTranslationType
+export type BaseLocale = 'cs'
+
+export type Locales =
+	| 'cs'
+
+export type Translation = RootTranslation
+
+export type Translations = RootTranslation
+
+type RootTranslation = {
+	/**
+	 * z​d​e
+	 */
+	here: string
+	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: {
+				/**
+				 * P​ř​i​h​l​á​š​e​n​í
+				 */
+				title: string
+				/**
+				 * E​v​i​d​e​n​č​n​í​ ​č​í​s​l​o​ ​j​e​ ​j​e​d​i​n​e​č​n​é​ ​č​í​s​l​o​ ​p​ř​i​d​ě​l​e​n​é​ ​u​c​h​a​z​e​č​i​,​ ​k​t​e​r​é​ ​s​l​o​u​ž​í​ ​k​ ​j​e​h​o​ ​i​d​e​n​t​i​f​i​k​a​c​i​
+			​a​p​ř​i​h​l​á​š​e​n​í​ ​s​e​ ​d​o​ ​s​y​s​t​é​m​u​.
+				 */
+				description: string
+			}
+			application: {
+				/**
+				 * Z​a​d​e​j​t​e​ ​1​2​m​í​s​t​n​ý​ ​k​ó​d​ ​p​r​o​ ​a​k​t​i​v​a​c​i​ ​ú​č​t​u
+				 */
+				title: string
+				help: {
+					/**
+					 * N​e​v​í​t​e​ ​s​i​ ​r​a​d​y​?​ ​K​l​i​k​n​ě​t​e
+					 */
+					description: string
+					/**
+					 * z​d​e
+					 */
+					here: string
+				}
+			}
+		}
+		register: {
+			first: {
+				/**
+				 * P​r​o​p​o​j​e​n​í​ ​ú​č​t​ů
+				 */
+				title: string
+				/**
+				 * E​l​e​k​t​r​o​n​i​c​k​o​u​ ​p​ř​i​h​l​á​š​k​y​ ​s​t​a​č​í​ ​v​y​p​l​n​i​t​ ​j​e​n​ ​j​e​d​n​o​u​ ​i​ ​v​ ​p​ř​í​p​a​d​ě​,​ ​ž​e​ ​j​s​t​e​ ​p​o​d​a​l​i​ ​d​v​ě​ ​p​ř​i​h​l​á​š​k​y​.​ ​P​o​t​v​r​ď​t​e​,​ ​ž​e​ ​j​s​t​e​ ​j​s​t​e​ ​k​ ​n​á​m​ ​s​k​u​t​e​č​n​ě​ ​p​o​d​a​l​i​ ​d​v​ě​ ​p​ř​i​h​l​á​š​k​y​.
+				 */
+				description: string
+			}
+			second: {
+				/**
+				 * Z​p​r​a​c​o​v​á​n​í​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů
+				 */
+				title: string
+				/**
+				 * V​ ​r​á​m​c​i​ ​p​o​r​t​á​l​u​ ​p​r​o​ ​p​ř​i​j​í​m​a​c​í​ ​ř​í​z​e​n​í​ ​z​p​r​a​c​o​v​á​v​á​m​e​ ​m​n​o​h​o​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů​.​ ​P​r​o​t​o​ ​j​e​ ​n​u​t​n​ý​ ​V​á​š​ ​s​o​u​h​l​a​s​ ​s​ ​j​e​j​i​c​h​ ​z​p​r​a​c​o​v​á​n​í​m​.​ ​O​ ​b​e​z​p​e​č​n​o​s​t​i​ ​z​p​r​a​c​o​v​á​n​í​ ​V​a​š​i​c​h​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů​ ​s​i​ ​m​ů​ž​e​t​e​ ​p​ř​e​č​í​s​t
+				 */
+				description: string
+			}
+			third: {
+				/**
+				 * R​e​g​i​s​t​r​a​c​e
+				 */
+				title: string
+				/**
+				 * V​ ​r​á​m​c​i​ ​u​s​n​a​d​n​ě​n​í​ ​p​ř​i​j​í​m​a​c​í​h​o​ ​ř​í​z​e​n​í​ ​j​s​m​e​ ​p​ř​i​p​r​a​v​i​l​i​ ​o​n​l​i​n​e​ ​f​o​r​m​u​l​á​ř​,​ ​k​t​e​r​ý​ ​V​á​m​ ​p​o​m​ů​ž​e​ ​s​ ​v​y​p​l​n​ě​n​í​m​ ​p​o​t​ř​e​b​n​ý​c​h​ ​ú​d​a​j​ů​.
+				 */
+				description: string
+			}
+			fourth: {
+				/**
+				 * N​ě​c​o​ ​o​ ​V​á​s
+				 */
+				title: string
+				/**
+				 * Ú​p​r​a​v​a​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů
+				 */
+				titleEdit: string
+				/**
+				 * P​r​o​ ​r​e​g​i​s​t​r​a​c​i​ ​j​e​ ​p​o​t​ř​e​b​a​ ​v​y​p​l​n​i​t​ ​n​ě​k​o​l​i​k​ ​ú​d​a​j​ů​ ​o​ ​V​á​s​.​ ​T​y​t​o​ ​ú​d​a​j​e​ ​b​u​d​o​u​ ​p​o​u​ž​i​t​y​ ​p​r​o​ ​p​ř​i​j​í​m​a​c​í​ ​ř​í​z​e​n​í​.​ ​V​š​e​c​h​n​y​ ​ú​d​a​j​e​ ​j​s​o​u​ ​d​ů​l​e​ž​i​t​é​.
+				 */
+				description: string
+			}
+			fifth: {
+				/**
+				 * Z​á​k​o​n​n​ý​ ​z​á​s​t​u​p​c​e
+				 */
+				title: string
+				/**
+				 * S​b​ě​r​ ​d​a​t​ ​o​ ​z​á​k​o​n​n​é​m​ ​z​á​s​t​u​p​c​i​ ​j​e​ ​k​l​í​č​o​v​ý​ ​p​r​o​ ​z​í​s​k​á​n​í​ ​d​ů​l​e​ž​i​t​ý​c​h​ ​k​o​n​t​a​k​t​ů​ ​a​ ​i​n​f​o​r​m​a​c​í​.
+				 */
+				description: string
+			}
+			sixth: {
+				/**
+				 * D​r​u​h​ý​ ​z​á​k​o​n​n​ý​ ​z​á​s​t​u​p​c​e
+				 */
+				title: string
+				/**
+				 * Z​d​e​ ​m​ů​ž​e​t​e​ ​z​a​d​a​t​ ​ú​d​a​j​e​ ​o​ ​d​r​u​h​é​m​ ​z​á​k​o​n​n​é​m​ ​z​á​s​t​u​p​c​i​.​ ​Š​k​o​l​e​ ​t​í​m​ ​u​m​o​ž​n​í​t​e​ ​l​é​p​e​ ​k​o​m​u​n​i​k​o​v​a​t​.
+				 */
+				description: string
+			}
+			seventh: {
+				/**
+				 * D​o​k​o​n​č​e​n​í​ ​r​e​g​i​s​t​r​a​c​e
+				 */
+				title: string
+				/**
+				 * Z​a​d​e​j​t​e​ ​p​r​o​s​í​m​ ​s​v​é​ ​o​b​č​a​n​s​t​v​í​,​ ​r​o​d​n​é​ ​č​í​s​l​o​,​ ​č​i​ ​j​e​h​o​ ​a​l​t​e​r​n​a​t​i​v​u​ ​V​a​š​í​ ​z​e​m​ě​ ​a​ ​o​b​o​r​ ​n​a​ ​k​t​e​r​ý​ ​s​e​ ​h​l​á​s​í​t​e​.
+				 */
+				description: string
+			}
+			eighth: {
+				/**
+				 * P​o​s​l​e​d​n​í​ ​k​r​o​k
+				 */
+				title: string
+				/**
+				 * P​ř​i​d​e​j​t​e​ ​p​r​o​s​í​m​ ​p​ř​e​p​i​s​ ​V​a​š​í​c​h​ ​z​n​á​m​e​k​ ​z​ ​p​o​s​l​e​d​n​í​c​h​ ​d​v​o​u​ ​l​e​t​ ​s​t​u​d​i​a
+				 */
+				description: string
+			}
+		}
+	}
+	components: {
+		dashboard: {
+			coverLetterUploadCard: {
+				/**
+				 * M​o​t​i​v​a​č​n​í​ ​d​o​p​i​s
+				 */
+				title: string
+				/**
+				 * s​v​ů​j​ ​m​o​t​i​v​a​n​č​n​í​ ​d​o​p​i​s
+				 */
+				placeholder: string
+			}
+			portfolioLetterUploadCard: {
+				/**
+				 * P​o​r​t​f​o​l​i​o
+				 */
+				title: string
+				/**
+				 * s​v​é​ ​p​o​r​t​f​o​l​i​o
+				 */
+				placeholder: string
+			}
+			portfolioZipUploadCard: {
+				/**
+				 * D​a​l​š​í​ ​d​a​t​a
+				 */
+				title: string
+				/**
+				 * v​a​š​e​ ​d​a​l​š​í​ ​s​o​u​b​o​r​y​ ​v​e​ ​f​o​r​m​á​t​u​ ​Z​I​P
+				 */
+				placeholder: string
+			}
+			dashboardUploadCard: {
+				/**
+				 * S​e​m​ ​p​ř​e​t​á​h​n​ě​t​e​,
+				 */
+				dropHere: string
+				/**
+				 * N​e​b​o​ ​n​a​h​r​a​j​t​e​ ​{​p​l​a​c​e​h​o​l​d​e​r​}
+				 * @param {string} placeholder
+				 */
+				orUpload: RequiredParams<'placeholder'>
+				/**
+				 * N​a​h​r​á​n​o
+				 */
+				uploaded: string
+				/**
+				 * O​d​e​s​l​á​n​o
+				 */
+				sent: string
+				/**
+				 * S​m​a​z​a​t
+				 */
+				'delete': string
+			}
+			statusNotificationBig: {
+				submitted: {
+					/**
+					 * S​o​u​b​o​r​y​ ​o​d​e​v​z​d​á​n​y​!
+					 */
+					title: string
+					/**
+					 * V​a​š​e​ ​s​o​u​b​o​r​y​ ​s​m​a​ž​e​t​e​ ​k​l​i​k​n​u​t​í​m​ ​z​d​e
+					 */
+					description: string
+				}
+				uploaded: {
+					/**
+					 * S​o​u​b​o​r​y​ ​n​e​b​y​l​y​ ​o​d​e​v​z​d​á​n​y​!
+					 */
+					title: string
+					/**
+					 * O​d​e​v​z​d​e​j​t​e​ ​s​o​u​b​o​r​y​ ​k​l​i​k​n​u​t​í​m​ ​z​d​e
+					 */
+					description: string
+				}
+				missing: {
+					/**
+					 * S​o​u​b​o​r​y​ ​n​e​b​y​l​y​ ​n​a​h​r​á​n​y​!
+					 */
+					title: string
+					/**
+					 * N​a​h​r​a​j​t​e​ ​v​č​e​c​h​n​y​ ​s​o​u​b​o​r​y​ ​p​r​o​s​í​m
+					 */
+					description: string
+				}
+			}
+		}
+		checkbox: {
+			accountLinkCheckBox: {
+				/**
+				 * V​š​e​ ​j​e​ ​v​ ​p​o​ř​á​d​k​u
+				 */
+				ok: string
+				/**
+				 * C​o​ ​s​e​ ​d​ě​j​e​?
+				 */
+				whatHappened: string
+				multiple: {
+					/**
+					 * A​n​o​,​ ​p​o​d​á​v​a​l​/​a​ ​j​s​e​m​ ​d​v​ě​ ​p​ř​i​h​l​á​š​k​y​ ​n​a​ ​d​v​a​ ​o​b​o​r​y​ ​S​S​P​Š​a​G​ ​(​{​f​i​r​s​t​}​)​ ​a​ ​(​{​s​e​c​o​n​d​}​)
+					 * @param {number} first
+					 * @param {number} second
+					 */
+					title: RequiredParams<'first' | 'second'>
+					/**
+					 * N​e​,​ ​p​ř​i​h​l​á​š​k​u​ ​n​a​ ​S​S​P​Š​a​G​ ​j​s​e​m​ ​p​o​d​á​v​a​l​/​a​ ​j​e​n​ ​j​e​d​n​u​ ​(​{​f​i​r​s​t​}​)
+					 * @param {number} first
+					 */
+					title2: RequiredParams<'first'>
+				}
+				single: {
+					/**
+					 * A​n​o​,​ ​p​ř​i​h​l​á​š​k​u​ ​n​a​ ​S​S​P​Š​a​G​ ​j​s​e​m​ ​p​o​d​á​v​a​l​/​a​ ​j​e​n​ ​j​e​d​n​u​ ​(​{​f​i​r​s​t​}​)
+					 * @param {number} first
+					 */
+					title: RequiredParams<'first'>
+					/**
+					 * N​e​,​ ​p​ř​i​h​l​á​š​k​u​ ​n​a​ ​S​S​P​Š​a​G​ ​j​s​e​m​ ​p​o​d​á​v​a​l​ ​v​í​c​e​ ​p​ř​i​h​l​á​š​e​k
+					 */
+					title2: string
+				}
+			}
+			gdprCheckBox: {
+				/**
+				 * S​o​u​h​l​a​s​í​m​ ​s​e​ ​z​p​r​a​c​o​v​á​n​í​m​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů
+				 */
+				title: string
+				/**
+				 * K​l​i​k​n​u​t​í​m​ ​v​y​j​a​ď​ř​u​j​e​t​e​ ​s​o​u​h​l​a​s​ ​s​e​ ​z​p​r​a​c​o​v​á​n​í​m​ ​o​s​o​b​n​í​c​h​ ​ú​d​a​j​ů
+				 */
+				description: string
+				/**
+				 * Z​d​e
+				 */
+				here: string
+			}
+		}
+	}
+	input: {
+		/**
+		 * n​e​p​o​v​i​n​n​é
+		 */
+		optional: string
+		/**
+		 * J​m​é​n​o​ ​a​ ​p​ř​í​j​m​e​n​í
+		 */
+		nameSurname: string
+		/**
+		 * E​-​m​a​i​l
+		 */
+		email: string
+		/**
+		 * T​e​l​e​f​o​n
+		 */
+		telephone: string
+		/**
+		 * U​l​i​c​e​ ​a​ ​č​.​ ​p​.
+		 */
+		address: string
+		/**
+		 * P​S​Č
+		 */
+		zipCode: string
+		/**
+		 * M​ě​s​t​o
+		 */
+		city: string
+		/**
+		 * M​í​s​t​o​ ​n​a​r​o​z​e​n​í
+		 */
+		birthPlace: string
+		/**
+		 * D​a​t​u​m​ ​n​a​r​o​z​e​n​í
+		 */
+		birthDate: string
+		/**
+		 * P​o​h​l​a​v​í
+		 */
+		sex: string
+		/**
+		 * O​b​č​a​n​s​t​v​í
+		 */
+		citizenship: string
+		/**
+		 * J​a​z​y​k​ ​o​d​b​o​r​n​ý​c​h​ ​t​e​s​t​ů
+		 */
+		testLanguage: string
+		/**
+		 * I​Z​O​ ​š​k​o​l​y
+		 */
+		schoolIzo: string
+		/**
+		 * N​á​z​e​v​ ​š​k​o​l​y
+		 */
+		schoolName: string
+		/**
+		 * Č​í​s​l​o​ ​z​d​r​a​v​o​t​n​í​ ​p​o​j​i​š​ť​o​v​n​y
+		 */
+		insuranceNumber: string
+		/**
+		 * R​o​d​n​é​ ​č​í​s​l​o
+		 */
+		personalIdentificationNumber: string
+		/**
+		 * 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
+		 */
+		submit: string
+		/**
+		 * P​o​k​r​a​č​o​v​a​t
+		 */
+		'continue': string
+		parent: {
+			/**
+			 * J​m​é​n​o​ ​a​ ​p​ř​í​j​m​e​n​í​ ​z​á​k​o​n​n​é​h​o​ ​z​á​s​t​u​p​c​e
+			 */
+			nameSurname: string
+			/**
+			 * E​-​m​a​i​l​ ​z​á​k​o​n​n​é​h​o​ ​z​á​s​t​u​p​c​e
+			 */
+			email: string
+			/**
+			 * T​e​l​e​f​o​n​ ​z​á​k​o​n​n​é​h​o​ ​z​á​s​t​u​p​c​e
+			 */
+			telephone: string
+		}
+	}
+}
+
+export type TranslationFunctions = {
+	/**
+	 * zde
+	 */
+	here: () => LocalizedString
+	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: {
+				/**
+				 * Přihlášení
+				 */
+				title: () => LocalizedString
+				/**
+				 * Evidenční číslo je jedinečné číslo přidělené uchazeči, které slouží k jeho identifikaci
+			apřihlášení se do systému.
+				 */
+				description: () => LocalizedString
+			}
+			application: {
+				/**
+				 * Zadejte 12místný kód pro aktivaci účtu
+				 */
+				title: () => LocalizedString
+				help: {
+					/**
+					 * Nevíte si rady? Klikněte
+					 */
+					description: () => LocalizedString
+					/**
+					 * zde
+					 */
+					here: () => LocalizedString
+				}
+			}
+		}
+		register: {
+			first: {
+				/**
+				 * Propojení účtů
+				 */
+				title: () => LocalizedString
+				/**
+				 * Elektronickou přihlášky stačí vyplnit jen jednou i v případě, že jste podali dvě přihlášky. Potvrďte, že jste jste k nám skutečně podali dvě přihlášky.
+				 */
+				description: () => LocalizedString
+			}
+			second: {
+				/**
+				 * Zpracování osobních údajů
+				 */
+				title: () => LocalizedString
+				/**
+				 * V rámci portálu pro přijímací řízení zpracováváme mnoho osobních údajů. Proto je nutný Váš souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si můžete přečíst
+				 */
+				description: () => LocalizedString
+			}
+			third: {
+				/**
+				 * Registrace
+				 */
+				title: () => LocalizedString
+				/**
+				 * V rámci usnadnění přijímacího řízení jsme připravili online formulář, který Vám pomůže s vyplněním potřebných údajů.
+				 */
+				description: () => LocalizedString
+			}
+			fourth: {
+				/**
+				 * Něco o Vás
+				 */
+				title: () => LocalizedString
+				/**
+				 * Úprava osobních údajů
+				 */
+				titleEdit: () => LocalizedString
+				/**
+				 * Pro registraci je potřeba vyplnit několik údajů o Vás. Tyto údaje budou použity pro přijímací řízení. Všechny údaje jsou důležité.
+				 */
+				description: () => LocalizedString
+			}
+			fifth: {
+				/**
+				 * Zákonný zástupce
+				 */
+				title: () => LocalizedString
+				/**
+				 * Sběr dat o zákonném zástupci je klíčový pro získání důležitých kontaktů a informací.
+				 */
+				description: () => LocalizedString
+			}
+			sixth: {
+				/**
+				 * Druhý zákonný zástupce
+				 */
+				title: () => LocalizedString
+				/**
+				 * Zde můžete zadat údaje o druhém zákonném zástupci. Škole tím umožníte lépe komunikovat.
+				 */
+				description: () => LocalizedString
+			}
+			seventh: {
+				/**
+				 * Dokončení registrace
+				 */
+				title: () => LocalizedString
+				/**
+				 * Zadejte prosím své občanství, rodné číslo, či jeho alternativu Vaší země a obor na který se hlásíte.
+				 */
+				description: () => LocalizedString
+			}
+			eighth: {
+				/**
+				 * Poslední krok
+				 */
+				title: () => LocalizedString
+				/**
+				 * Přidejte prosím přepis Vaších známek z posledních dvou let studia
+				 */
+				description: () => LocalizedString
+			}
+		}
+	}
+	components: {
+		dashboard: {
+			coverLetterUploadCard: {
+				/**
+				 * Motivační dopis
+				 */
+				title: () => LocalizedString
+				/**
+				 * svůj motivanční dopis
+				 */
+				placeholder: () => LocalizedString
+			}
+			portfolioLetterUploadCard: {
+				/**
+				 * Portfolio
+				 */
+				title: () => LocalizedString
+				/**
+				 * své portfolio
+				 */
+				placeholder: () => LocalizedString
+			}
+			portfolioZipUploadCard: {
+				/**
+				 * Další data
+				 */
+				title: () => LocalizedString
+				/**
+				 * vaše další soubory ve formátu ZIP
+				 */
+				placeholder: () => LocalizedString
+			}
+			dashboardUploadCard: {
+				/**
+				 * Sem přetáhněte,
+				 */
+				dropHere: () => LocalizedString
+				/**
+				 * Nebo nahrajte {placeholder}
+				 */
+				orUpload: (arg: { placeholder: string }) => LocalizedString
+				/**
+				 * Nahráno
+				 */
+				uploaded: () => LocalizedString
+				/**
+				 * Odesláno
+				 */
+				sent: () => LocalizedString
+				/**
+				 * Smazat
+				 */
+				'delete': () => LocalizedString
+			}
+			statusNotificationBig: {
+				submitted: {
+					/**
+					 * Soubory odevzdány!
+					 */
+					title: () => LocalizedString
+					/**
+					 * Vaše soubory smažete kliknutím zde
+					 */
+					description: () => LocalizedString
+				}
+				uploaded: {
+					/**
+					 * Soubory nebyly odevzdány!
+					 */
+					title: () => LocalizedString
+					/**
+					 * Odevzdejte soubory kliknutím zde
+					 */
+					description: () => LocalizedString
+				}
+				missing: {
+					/**
+					 * Soubory nebyly nahrány!
+					 */
+					title: () => LocalizedString
+					/**
+					 * Nahrajte včechny soubory prosím
+					 */
+					description: () => LocalizedString
+				}
+			}
+		}
+		checkbox: {
+			accountLinkCheckBox: {
+				/**
+				 * Vše je v pořádku
+				 */
+				ok: () => LocalizedString
+				/**
+				 * Co se děje?
+				 */
+				whatHappened: () => LocalizedString
+				multiple: {
+					/**
+					 * Ano, podával/a jsem dvě přihlášky na dva obory SSPŠaG ({first}) a ({second})
+					 */
+					title: (arg: { first: number, second: number }) => LocalizedString
+					/**
+					 * Ne, přihlášku na SSPŠaG jsem podával/a jen jednu ({first})
+					 */
+					title2: (arg: { first: number }) => LocalizedString
+				}
+				single: {
+					/**
+					 * Ano, přihlášku na SSPŠaG jsem podával/a jen jednu ({first})
+					 */
+					title: (arg: { first: number }) => LocalizedString
+					/**
+					 * Ne, přihlášku na SSPŠaG jsem podával více přihlášek
+					 */
+					title2: () => LocalizedString
+				}
+			}
+			gdprCheckBox: {
+				/**
+				 * Souhlasím se zpracováním osobních údajů
+				 */
+				title: () => LocalizedString
+				/**
+				 * Kliknutím vyjaďřujete souhlas se zpracováním osobních údajů
+				 */
+				description: () => LocalizedString
+				/**
+				 * Zde
+				 */
+				here: () => LocalizedString
+			}
+		}
+	}
+	input: {
+		/**
+		 * nepovinné
+		 */
+		optional: () => LocalizedString
+		/**
+		 * Jméno a příjmení
+		 */
+		nameSurname: () => LocalizedString
+		/**
+		 * E-mail
+		 */
+		email: () => LocalizedString
+		/**
+		 * Telefon
+		 */
+		telephone: () => LocalizedString
+		/**
+		 * Ulice a č. p.
+		 */
+		address: () => LocalizedString
+		/**
+		 * PSČ
+		 */
+		zipCode: () => LocalizedString
+		/**
+		 * Město
+		 */
+		city: () => LocalizedString
+		/**
+		 * Místo narození
+		 */
+		birthPlace: () => LocalizedString
+		/**
+		 * Datum narození
+		 */
+		birthDate: () => LocalizedString
+		/**
+		 * Pohlaví
+		 */
+		sex: () => LocalizedString
+		/**
+		 * Občanství
+		 */
+		citizenship: () => LocalizedString
+		/**
+		 * Jazyk odborných testů
+		 */
+		testLanguage: () => LocalizedString
+		/**
+		 * IZO školy
+		 */
+		schoolIzo: () => LocalizedString
+		/**
+		 * Název školy
+		 */
+		schoolName: () => LocalizedString
+		/**
+		 * Číslo zdravotní pojišťovny
+		 */
+		insuranceNumber: () => LocalizedString
+		/**
+		 * Rodné číslo
+		 */
+		personalIdentificationNumber: () => LocalizedString
+		/**
+		 * Ev. číslo
+		 */
+		evidenceNumber: () => LocalizedString
+		/**
+		 * Admin Id
+		 */
+		adminId: () => LocalizedString
+		/**
+		 * Heslo
+		 */
+		password: () => LocalizedString
+		/**
+		 * Odeslat
+		 */
+		submit: () => LocalizedString
+		/**
+		 * Pokračovat
+		 */
+		'continue': () => LocalizedString
+		parent: {
+			/**
+			 * Jméno a příjmení zákonného zástupce
+			 */
+			nameSurname: () => LocalizedString
+			/**
+			 * E-mail zákonného zástupce
+			 */
+			email: () => LocalizedString
+			/**
+			 * Telefon zákonného zástupce
+			 */
+			telephone: () => LocalizedString
+		}
+	}
+}
+
+export type Formatters = {}

frontend/src/translations/i18n-util.async.ts

@@ -0,0 +1,26 @@
+// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
+/* eslint-disable */
+
+import { initFormatters } from './formatters.js'
+import type { Locales, Translations } from './i18n-types.js'
+import { loadedFormatters, loadedLocales, locales } from './i18n-util.js'
+
+const localeTranslationLoaders = {
+	cs: () => import('./cs/index.js'),
+}
+
+const updateDictionary = (locale: Locales, dictionary: Partial<Translations>): Translations =>
+	loadedLocales[locale] = { ...loadedLocales[locale], ...dictionary }
+
+export const importLocaleAsync = async (locale: Locales): Promise<Translations> =>
+	(await localeTranslationLoaders[locale]()).default as unknown as Translations
+
+export const loadLocaleAsync = async (locale: Locales): Promise<void> => {
+	updateDictionary(locale, await importLocaleAsync(locale))
+	loadFormatters(locale)
+}
+
+export const loadAllLocalesAsync = (): Promise<void[]> => Promise.all(locales.map(loadLocaleAsync))
+
+export const loadFormatters = (locale: Locales): void =>
+	void (loadedFormatters[locale] = initFormatters(locale))

frontend/src/translations/i18n-util.sync.ts

@@ -0,0 +1,24 @@
+// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
+/* eslint-disable */
+
+import { initFormatters } from './formatters.js'
+import type { Locales, Translations } from './i18n-types.js'
+import { loadedFormatters, loadedLocales, locales } from './i18n-util.js'
+
+import cs from './cs/index.js'
+
+const localeTranslations = {
+	cs,
+}
+
+export const loadLocale = (locale: Locales): void => {
+	if (loadedLocales[locale]) return
+
+	loadedLocales[locale] = localeTranslations[locale] as unknown as Translations
+	loadFormatters(locale)
+}
+
+export const loadAllLocales = (): void => locales.forEach(loadLocale)
+
+export const loadFormatters = (locale: Locales): void =>
+	void (loadedFormatters[locale] = initFormatters(locale))

frontend/src/translations/i18n-util.ts

@@ -0,0 +1,34 @@
+// This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
+/* eslint-disable */
+
+import { i18n as initI18n, i18nObject as initI18nObject, i18nString as initI18nString } from 'typesafe-i18n'
+import type { LocaleDetector } from 'typesafe-i18n/detectors'
+import type { LocaleTranslationFunctions, TranslateByString } from 'typesafe-i18n'
+import { detectLocale as detectLocaleFn } from 'typesafe-i18n/detectors'
+import type { Formatters, Locales, Translations, TranslationFunctions } from './i18n-types.js'
+
+export const baseLocale: Locales = 'cs'
+
+export const locales: Locales[] = [
+	'cs'
+]
+
+export const isLocale = (locale: string): locale is Locales => locales.includes(locale as Locales)
+
+export const loadedLocales: Record<Locales, Translations> = {} as Record<Locales, Translations>
+
+export const loadedFormatters: Record<Locales, Formatters> = {} as Record<Locales, Formatters>
+
+export const i18nString = (locale: Locales): TranslateByString => initI18nString<Locales, Formatters>(locale, loadedFormatters[locale])
+
+export const i18nObject = (locale: Locales): TranslationFunctions =>
+	initI18nObject<Locales, Translations, TranslationFunctions, Formatters>(
+		locale,
+		loadedLocales[locale],
+		loadedFormatters[locale]
+	)
+
+export const i18n = (): LocaleTranslationFunctions<Locales, Translations, TranslationFunctions> =>
+	initI18n<Locales, Translations, TranslationFunctions, Formatters>(loadedLocales, loadedFormatters)
+
+export const detectLocale = (...detectors: LocaleDetector[]): Locales => detectLocaleFn<Locales>(baseLocale, locales, ...detectors)

frontend/svelte.config.js

@@ -1,5 +1,6 @@
 import adapter from '@sveltejs/adapter-node';
 import preprocess from 'svelte-preprocess';
+import path from "path";
 import { windi } from 'svelte-windicss-preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
@@ -8,7 +9,11 @@ const config = {
 	// for more information about preprocessors
 	preprocess: [preprocess(), windi({})],
 	kit: {
-		adapter: adapter({ out: 'build' })
+		adapter: adapter({ out: 'build' }),
+		alias: {
+			$i18n: path.resolve('./src/translations'),
+		}
+		
 	}
 };
 

frontend/tsconfig.json

@@ -9,6 +9,6 @@
 		"resolveJsonModule": true,
 		"skipLibCheck": true,
 		"sourceMap": true,
-		"strict": true
+		"strict": true,
 	}
 }