play page

- moved login component to proper directory (oops)
- created play page
- other minor changes

4 files changed, 53 insertions, 5 deletions

diff --git a/README.md b/README.md
index 6407dec..4b084d9 100644
--- a/README.md
+++ b/README.md
@@ -48,4 +48,5 @@ curl -X POST -d '{ "key": "value" }' http://localhost:8000/yourapifile.php
 
 - sort landing page team clicks by amount
 - rank page
-- play page (token in cookies?)
+- design play page and make functional
+- find out if cookie banner is legally required
diff --git a/frontend/hitler-clicker/src/routes/lib/login.svelte b/frontend/hitler-clicker/src/lib/login.svelte
index cded203..9ee938c 100644
--- a/frontend/hitler-clicker/src/routes/lib/login.svelte
+++ b/frontend/hitler-clicker/src/lib/login.svelte
@@ -7,6 +7,8 @@
 	 * licensed under AGPLv3-or-later; see licenses/code.md for more information
 	 */
 
+	import { page } from '$app/state';
+
 	let name = $state("");
 	let password = $state("");
 	let team = $state("axis");
@@ -27,6 +29,7 @@
 				if (data.token) {
 					//console.log(data.token);
 					console.log("logged in!");
+					document.cookie = `token=${data.token}`;
 					window.location.href = `${page.url.origin}/main/`;
 				} else {
 					alert((data.status) ? `ERROR: ${data.status}` : `ERROR: something went wrong.`);
diff --git a/frontend/hitler-clicker/src/routes/+page.svelte b/frontend/hitler-clicker/src/routes/+page.svelte
index 7dba86c..b05a3b9 100644
--- a/frontend/hitler-clicker/src/routes/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/+page.svelte
@@ -7,9 +7,7 @@
 	 * licensed under AGPLv3-or-later; see licenses/code.md for more information
 	 */
 
-	import { page } from '$app/state';
-
-	import Login from './lib/login.svelte'; // why is $lib broken?
+	import Login from '$lib/login.svelte';
 
 	let axis = $state(0);
 	let allies = $state(0);
diff --git a/frontend/hitler-clicker/src/routes/main/+page.svelte b/frontend/hitler-clicker/src/routes/main/+page.svelte
index d999323..dc7842c 100644
--- a/frontend/hitler-clicker/src/routes/main/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/main/+page.svelte
@@ -7,6 +7,25 @@
 	 * licensed under AGPLv3-or-later; see licenses/code.md for more information
 	 */
 
+	import { onMount } from 'svelte';
+
+	let token = $state("");
+
+	onMount(() => {
+
+		if (document.cookie) {
+
+			token = document.cookie.slice(6);
+			console.log(token);
+
+		} else {
+
+			console.log("no token provided. anonymous play is not supported yet!")
+
+		}
+
+	});
+
 </script>
 
 <main class="
@@ -14,5 +33,32 @@
 ">
 
 	<h1 class="text-6xl font-bold my-5">Hitler Clicker!</h1>
-	
+
+	{#if token}
+
+	{#await fetch("http://localhost:8000/info.php", {
+		method: "POST",
+		headers: {
+			"Accept": "application/json",
+			"Content-Type": "application/json",
+		},
+		body: JSON.stringify({
+			"token": token
+		})
+	}).then((response) => response.json())}
+		<p>...</p>
+	{:then response}
+
+		<p>{response.name} {response.team} {response.clicks}</p>
+
+	{:catch error}
+		<pre>{error.message}</pre>
+	{/await}
+
+	{:else}
+
+		<p>anonymous play not supported yet. please return to the landing page and log in from there.</p>
+
+	{/if}
+
 </main>