From 757e618ef4b972c6ec8f231945ca3c5aae436ffb Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Sun, 4 Dec 2022 12:40:26 +0100
Subject: [PATCH] feat: add NameField and get data for parent

---
 .../lib/components/textfield/NameField.svelte | 32 +++++++++++++++++++
 .../(authenticated)/register/+page.svelte     | 19 +++++++----
 2 files changed, 45 insertions(+), 6 deletions(-)
 create mode 100644 frontend/src/lib/components/textfield/NameField.svelte

diff --git a/frontend/src/lib/components/textfield/NameField.svelte b/frontend/src/lib/components/textfield/NameField.svelte
new file mode 100644
index 0000000..9aa2d2e
--- /dev/null
+++ b/frontend/src/lib/components/textfield/NameField.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import TextField from './TextField.svelte';
+
+	export let placeholder: string = '';
+
+	export let valueName: string = '';
+	export let valueSurname: string = '';
+
+	let value: string = "";
+
+	$: {
+		const parsed = value.trim().split(' ');
+		if (parsed.length > 1) {
+			valueName = parsed[0];
+			valueSurname = parsed[1];
+		}
+	}
+
+	onMount(() => {
+		if (valueName && valueSurname) {
+			value = `${valueName} ${valueSurname}`;
+		}
+	});
+
+	export let error: string = '';
+</script>
+
+<TextField bind:error bind:value on:click on:keydown on:keyup on:change type="text" {placeholder} />
+
+<style>
+</style>
diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 4c7cdf1..9166b31 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -9,6 +9,7 @@
 	import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
 	import EmailField from '$lib/components/textfield/EmailField.svelte';
 	import IdField from '$lib/components/textfield/IdField.svelte';
+	import NameField from '$lib/components/textfield/NameField.svelte';
 	import TelephoneField from '$lib/components/textfield/TelephoneField.svelte';
 	import TextField from '$lib/components/textfield/TextField.svelte';
 
@@ -31,8 +32,8 @@
 		citizenship: '',
 		personalIdNumber: '',
 		study: '',
-		parentName: 'TODO name',
-		parentSurname: 'TODO',
+		parentName: '',
+		parentSurname: '',
 		parentTelephone: '',
 		parentEmail: ''
 	};
@@ -133,11 +134,11 @@
 				</p>
 				<div class="flex w-full items-center justify-center md:flex-col">
 					<span class="mt-8 w-full">
-						<TextField
+						<NameField
 							error={$errors.name}
 							on:change={handleChange}
-							bind:value={$form.name}
-							type="text"
+							bind:valueName={$form.name}
+							bind:valueSurname={$form.surname}
 							placeholder="Jméno a příjmení"
 						/>
 					</span>
@@ -167,7 +168,13 @@
 			</p>
 			<div class="flex w-full flex-row md:flex-col">
 				<span class="mt-8 w-full">
-					<TextField type="text" placeholder="Rodné příjmení" on:change={handleChange} />
+					<NameField
+						error={$errors.name}
+						on:change={handleChange}
+						bind:valueName={$form.parentName}
+						bind:valueSurname={$form.parentSurname}
+						placeholder="Jméno a příjmení zákonného zástupce"
+					/>
 				</span>
 				<span class="mt-8 ml-2 w-full md:ml-0">
 					<TextField