From 5096950ce42e89b227315811a3b0dede277fe783 Mon Sep 17 00:00:00 2001
From: Ota Prokopec <otaprokopec@gmail.com>
Date: Thu, 26 Jan 2023 18:18:07 +0100
Subject: [PATCH] fix

---
 .env                                          |  6 +--
 src/lib/components/Inputs/Hidden_Input.svelte | 11 ++---
 src/routes/register.svelte                    | 41 +++++++++++++++----
 3 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/.env b/.env
index d74e0e2..1544e99 100644
--- a/.env
+++ b/.env
@@ -1,8 +1,8 @@
 # project endpoint (required) [example: http://localhost/v1]
-VITE_APPWRITE_ENDPOINT=http://localhost/v1
+VITE_APPWRITE_ENDPOINT=http://erant-deploy.erant.cz/v1
 
 # project id (required) [example: 638871b363904655d784]
-VITE_APPWRITE_PROJECT_ID=639f1cad34056246ee78
+VITE_APPWRITE_PROJECT_ID=63af924ab3995db64755
 
 # project hostname (required) [example: http://localhost:5173]
-VITE_HOSTNAME=http://localhost:5173
+VITE_HOSTNAME=http://erant-deploy.erant.cz
diff --git a/src/lib/components/Inputs/Hidden_Input.svelte b/src/lib/components/Inputs/Hidden_Input.svelte
index aa30b65..39d71a6 100644
--- a/src/lib/components/Inputs/Hidden_Input.svelte
+++ b/src/lib/components/Inputs/Hidden_Input.svelte
@@ -3,23 +3,24 @@
 
 	export let name = ''
 	export let placeholder = ''
+	export let value = ''
 
-	let input
-    let vissible = false
+	export let input
+	let vissible = false
 
 	function changeVisibility(i) {
 		if (!vissible) {
 			i.type = 'text'
-            vissible = true
+			vissible = true
 		} else {
 			i.type = 'password'
-            vissible = false
+			vissible = false
 		}
 	}
 </script>
 
 <div>
-	<input bind:this={input} type="password" {name} {placeholder} minlength="8" class="input" required />
+	<input bind:value bind:this={input} type="password" {name} {placeholder} minlength="8" class="input" required />
 	<button type="button" on:click={changeVisibility(input)}>
 		<Eye active={vissible} />
 	</button>
diff --git a/src/routes/register.svelte b/src/routes/register.svelte
index f6594ad..c827978 100644
--- a/src/routes/register.svelte
+++ b/src/routes/register.svelte
@@ -1,9 +1,36 @@
 <script>
+	import { account } from '$lib/appwrite'
+	import { ID } from 'appwrite'
 	import HiddenInput from '../lib/Components/Inputs/Hidden_Input.svelte'
 	import GoogleLogo from '../lib/svg/GoogleLogo.svelte'
 	import TopImage from '../lib/svg/Top-Image.svelte'
 
 	export let purpose = 'register' //possible values login, register
+
+	let email = 'otaprokopec@gmail.com'
+	let password = 'aaaaaaaa'
+	let repeatPassword = 'aaaaaaaa'
+	let name = 'Ota Prokopec'
+	$: console.log(password)
+
+	const register = async () => {
+		//if (password === repeatPassword || name.length < 8 || email.length < 8) throw new Error('conditions are not fine')
+		await account.create(ID.unique(), email, password, name)
+		await account.createEmailSession(email, password, name)
+		await account.createVerification(`${location.origin}/`)
+	}
+	//register email verification
+	/*const urlParams = new URLSearchParams(location.search)
+	const userId = urlParams.get('userId')
+	const secret = urlParams.get('secret')
+	;(async () => {
+		try {
+			await account.updateVerification(userId, secret)
+			navigate('/')
+		} catch (err) {
+			console.log(err)
+		}
+	})()*/
 </script>
 
 <div class="main">
@@ -31,22 +58,22 @@
 			</form>
 		{:else}
 			<form>
-				<input type="text" placeholder="Name" autocomplete="full-name" required />
-				<input type="text" placeholder="E-mail" autocomplete="email" required />
-				<HiddenInput placeholder="Password" />
-				<HiddenInput placeholder="Re-type password" />
-				<input type="submit" value="Sign up" />
+				<input bind:value={name} type="text" placeholder="Name" autocomplete="full-name" required />
+				<input bind:value={email} type="text" placeholder="E-mail" autocomplete="email" required />
+				<HiddenInput bind:value={password} placeholder="Password" />
+				<HiddenInput bind:value={repeatPassword} placeholder="Re-type password" />
 			</form>
+			<button on:click={() => register()}>Sign up</button>
 		{/if}
 	</div>
 
 	<div class="continue_with">
-		<button>
+		<button on:click={() => account.createOAuth2Session('google')}>
 			<GoogleLogo />
 			<p>Continue with Google</p>
 		</button>
 
-		<button>
+		<button on:click={() => account.createOAuth2Session('facebook')}>
 			<p>Continue with Facebook</p>
 		</button>
 	</div>