From 2d11b402440d35e90a4266a92595024fb5cd4b4e Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Fri, 20 Jan 2023 14:57:37 +0100
Subject: [PATCH] feat: add checkboxes translation

---
 .../checkbox/AccountLinkCheckBox.svelte       |  21 ++--
 .../components/checkbox/GdprCheckBox.svelte   |   8 +-
 frontend/src/translations/cs/index.ts         |  22 ++++
 frontend/src/translations/i18n-types.ts       | 102 +++++++++++++++++-
 4 files changed, 143 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/components/checkbox/AccountLinkCheckBox.svelte b/frontend/src/lib/components/checkbox/AccountLinkCheckBox.svelte
index 1276f57..55f1438 100644
--- a/frontend/src/lib/components/checkbox/AccountLinkCheckBox.svelte
+++ b/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 title2 = `Ne, přihlášku na SSPŠaG jsem podával/a jen jednu (${applications[0]})`;
+	let title1 = $LL.components.checkbox.accountLinkCheckBox.multiple.title({
+		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]})`;
-		title2 = `Ne, přihlášku na SSPŠaG jsem podával více přihlášek`;
+		title1 = $LL.components.checkbox.accountLinkCheckBox.single.title({
+			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>
diff --git a/frontend/src/lib/components/checkbox/GdprCheckBox.svelte b/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
index 813dba8..90aa6cd 100644
--- a/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
+++ b/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-sm">Kliknutím vyjaďřujete souhlas se zpracováním osobních údajů</div>
-		<div class="w-full text-sm"><a class="underline" href="/gdpr">Zde</a></div>
+		<div class="w-full text-lg font-semibold">{$LL.components.checkbox.gdprCheckBox.title()}</div>
+		<div class="w-full text-sm">{$LL.components.checkbox.gdprCheckBox.description()}</div>
+		<div class="w-full text-sm"><a class="underline" href="/gdpr">{$LL.components.checkbox.gdprCheckBox.here()}</a></div>
 	</div>
 </label>
 
diff --git a/frontend/src/translations/cs/index.ts b/frontend/src/translations/cs/index.ts
index 5ebf25b..6cfecf5 100644
--- a/frontend/src/translations/cs/index.ts
+++ b/frontend/src/translations/cs/index.ts
@@ -25,6 +25,28 @@ const cs: BaseTranslation = {
 			}
 		}
 	},
+	components: {
+		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: {
 		evidenceNumber: 'Ev. číslo',
 		adminId: 'Admin Id',
diff --git a/frontend/src/translations/i18n-types.ts b/frontend/src/translations/i18n-types.ts
index caefc4a..f417d41 100644
--- a/frontend/src/translations/i18n-types.ts
+++ b/frontend/src/translations/i18n-types.ts
@@ -1,6 +1,6 @@
 // This file was auto-generated by 'typesafe-i18n'. Any manual changes will be overwritten.
 /* eslint-disable */
-import type { BaseTranslation as BaseTranslationType, LocalizedString } from 'typesafe-i18n'
+import type { BaseTranslation as BaseTranslationType, LocalizedString, RequiredParams } from 'typesafe-i18n'
 
 export type BaseTranslation = BaseTranslationType
 export type BaseLocale = 'cs'
@@ -59,6 +59,58 @@ type RootTranslation = {
 			}
 		}
 	}
+	components: {
+		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: {
 		/**
 		 * E​v​.​ ​č​í​s​l​o
@@ -126,6 +178,54 @@ export type TranslationFunctions = {
 			}
 		}
 	}
+	components: {
+		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: {
 		/**
 		 * Ev. číslo