Mostly empty files

website/src/lib/client/components/Gamelist.svelte

@@ -0,0 +1,5 @@
+<script>
+	export let type;
+	export let gamedata;
+	export let playerdata;
+</script>

website/src/routes/api/serverlist/+server.js

@@ -6,7 +6,7 @@ export async function GET() {
 	if (!fs.existsSync(TEMP_FOLDER_LOCATION)) fs.mkdirSync(TEMP_FOLDER_LOCATION, { recursive: true });
 
 	if (!fs.existsSync(TEMP_FOLDER_LOCATION + 'gameserverstatus.json'))
-		return new Response({status: 404});
+		return new Response({ status: 404 });
 
 	const serverList = fs.readFileSync(TEMP_FOLDER_LOCATION + 'gameserverstatus.json');
 

website/src/routes/gamelist/+page.svelte

@@ -0,0 +1,57 @@
+<script>
+	import Gamelist from '$lib/client/components/Gamelist.svelte';
+
+	let currentUser = '';
+
+	const setUsername = (event) => {
+		const formData = new FormData(event.target);
+		currentUser = formData.get('discord-username');
+	};
+
+	const resetUsername = () => {
+		currentUser = '';
+	};
+</script>
+
+<div>
+	<div>
+		<h1>Spielliste</h1>
+		{#if !currentUser}
+			<h2>Zum eintragen wird der Discord Username benötigt</h2>
+
+			<form on:submit|preventDefault={setUsername}>
+				<label for="discord-username">Discord Username:</label>
+				<input name="discord-username" id="discord-username" type="text" />
+				<input type="submit" value="Anmelden" />
+			</form>
+		{:else}
+			<p>Hallo, {currentUser}</p>
+			<button on:click={resetUsername}>Abmelden</button>
+			<h2>Füge einen neuen Benutzernamen hinzu</h2>
+			<form>
+				<input required readonly hidden name="discord-name" value={currentUser} />
+				<label for="platform">Plattform: </label>
+				<input required type="text" name="platform" />
+				<label for="username">Username: </label>
+				<input required type="text" name="username" />
+				<label for="invitecode">Username: </label>
+				<input type="text" name="invitecode" />
+				<input type="submit" value="Plattform hinzufügen" />
+			</form>
+
+			<h2>Füge ein neues Spiel hinzu</h2>
+		{/if}
+	</div>
+
+	<div>
+		<h2>Komplette Liste</h2>
+		<Gamelist />
+	</div>
+
+	{#if currentUser}
+		<div>
+			<h2>Eigene Liste</h2>
+			<Gamelist />
+		</div>
+	{/if}
+</div>