feat: translate register page

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

@@ -29,12 +29,13 @@
 	let pageIndex = 0;
 	let pagesFilled = [false, false, false, false, false, false, false];
 	let pageTexts = [
-		'Zpracování osobních údajů',
-		'Registrace',
-		'Něco o Vás',
-		'Zákonný zástupce',
-		'Druhý zákonný zástupce',
-		'Poslední krok'
+		$LL.candidate.register.second.title(),
+		$LL.candidate.register.third.title(),
+		$LL.candidate.register.fourth.title(),
+		$LL.candidate.register.fifth.title(),
+		$LL.candidate.register.sixth.title(),
+		$LL.candidate.register.seventh.title(),
+		$LL.candidate.register.eighth.title()
 	];
 
 	export let data: PageData;
@@ -414,7 +415,7 @@
 			]
 		});
 		pageIndex = 2; // skip gdpr page
-		pageTexts[2] = 'Úprava osobních údajů';
+		pageTexts[2] = $LL.candidate.register.fourth.titleEdit();
 	}
 </script>
 
@@ -431,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ě
-						přihlášky. Potvrďte, že jste jste k nám skutečně podali dvě přihlášky.
+						{$LL.candidate.register.first.description()}
 					</p>
 					<div class="field">
 						<AccountLinkCheckBox
@@ -449,10 +449,8 @@
 				<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ý
-						Váš souhlas s jejich zpracováním. O bezpečnosti zpracování Vašich osobních údajů si
-						můžete přečíst
-						<a href="/bezpecnost" class="text-sspsBlue underline"> zde</a>.
+						{$LL.candidate.register.second.description()}
+						<a href="/bezpecnost" class="text-sspsBlue underline"> {$LL.here()}</a>.
 					</p>
 					<div class="field">
 						<GdprCheckBox bind:value={$form.gdpr} error={$typedErrors['gdpr']} />
@@ -462,8 +460,7 @@
 				<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
-						vyplněním potřebných údajů.
+						{$LL.candidate.register.third.description()}
 					</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="{$LL.input.nameSurname()}"
+								placeholder={$LL.input.nameSurname()}
 							/>
 						</span>
 						<span class="field">
 							<EmailField
 								error={$typedErrors['candidate']['email']}
 								bind:value={$form.candidate.email}
-								placeholder="{$LL.input.email()}"
+								placeholder={$LL.input.email()}
 							/>
 						</span>
 						<span class="field">
 							<TelephoneField
 								error={$typedErrors['candidate']['telephone']}
 								bind:value={$form.candidate.telephone}
-								placeholder="{$LL.input.telephone()}"
+								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
-					přijímací řízení. Všechny údaje jsou důležité.
+					{$LL.candidate.register.fourth.description()}
 				</p>
 				<div class="field flex">
 					<span class="w-[66%]">
@@ -563,7 +559,7 @@
 			{: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">
@@ -592,7 +588,7 @@
 			{: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">
@@ -621,8 +617,7 @@
 			{: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ý
-					se hlásíte.
+					{$LL.candidate.register.seventh.description()}
 				</p>
 				<div class="flex w-full flex-col">
 					<div class="field flex w-full">
@@ -651,7 +646,7 @@
 									type="number"
 									bind:value={$form.candidate.schoolName}
 									placeholder={$LL.input.schoolIzo()}
-									/>
+								/>
 							{:else}
 								<TextField
 									error={$typedErrors['candidate']['schoolName']}
@@ -668,7 +663,7 @@
 								type="text"
 								bind:value={$form.candidate.healthInsurance}
 								placeholder={$LL.input.insuranceNumber()}
-								/>
+							/>
 						</span>
 					</div>
 				</div>
@@ -678,19 +673,19 @@
 							error={$typedErrors['candidate']['personalIdNumber']}
 							bind:value={$form.candidate.personalIdNumber}
 							placeholder={$LL.input.personalIdentificationNumber()}
-							/>
+						/>
 					{:else}
 						<TextField
 							error={$typedErrors['candidate']['personalIdNumber']}
 							bind:value={$form.candidate.personalIdNumber}
 							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/translations/cs/index.ts

@@ -1,6 +1,7 @@
 import type { BaseTranslation } from '../i18n-types.js';
 
 const cs: BaseTranslation = {
+	here: 'zde',
 	admin: {
 		auth: {
 			login: {
@@ -23,6 +24,48 @@ const cs: BaseTranslation = {
 					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: {
@@ -37,7 +80,7 @@ const cs: BaseTranslation = {
 				},
 				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'
+					title2: 'Ne, přihlášku na SSPŠaG jsem podával více přihlášek'
 				}
 			},
 			gdprCheckBox: {
@@ -60,14 +103,15 @@ const cs: BaseTranslation = {
 		sex: 'Pohlaví',
 		citizenship: 'Občanství',
 		testLanguage: 'Jazyk odborných testů',
-		schoolIzo: "IZO školy",
-		schoolName: "Název školy",
+		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',

frontend/src/translations/i18n-types.ts

@@ -13,6 +13,10 @@ export type Translation = RootTranslation
 export type Translations = RootTranslation
 
 type RootTranslation = {
+	/**
+	 * z​d​e
+	 */
+	here: string
 	admin: {
 		auth: {
 			login: {
@@ -58,6 +62,92 @@ type RootTranslation = {
 				}
 			}
 		}
+		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: {
 		checkbox: {
@@ -90,7 +180,7 @@ type RootTranslation = {
 					 */
 					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
+					 * 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
 				}
@@ -192,6 +282,10 @@ type RootTranslation = {
 		 * 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
@@ -210,6 +304,10 @@ type RootTranslation = {
 }
 
 export type TranslationFunctions = {
+	/**
+	 * zde
+	 */
+	here: () => LocalizedString
 	admin: {
 		auth: {
 			login: {
@@ -255,6 +353,92 @@ export type TranslationFunctions = {
 				}
 			}
 		}
+		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: {
 		checkbox: {
@@ -283,7 +467,7 @@ export type TranslationFunctions = {
 					 */
 					title: (arg: { first: number }) => LocalizedString
 					/**
-					 * `Ne, přihlášku na SSPŠaG jsem podával více přihlášek
+					 * Ne, přihlášku na SSPŠaG jsem podával více přihlášek
 					 */
 					title2: () => LocalizedString
 				}
@@ -385,6 +569,10 @@ export type TranslationFunctions = {
 		 * Odeslat
 		 */
 		submit: () => LocalizedString
+		/**
+		 * Pokračovat
+		 */
+		'continue': () => LocalizedString
 		parent: {
 			/**
 			 * Jméno a příjmení zákonného zástupce