3 files changed, 65 insertions, 0 deletions
diff --git a/client/src/routes/login/+page.server.ts b/client/src/routes/login/+page.server.ts
new file mode 100644
index 0000000..738b8ad
--- /dev/null
+++ b/client/src/routes/login/+page.server.ts
@@ -0,0 +1,36 @@
+import { redirect } from '@sveltejs/kit';
+import { base } from '$app/paths';
+import type { Actions } from './$types';
+import { client } from '$lib/fetch-client';
+
+export const actions = {
+  default: async ({ request, fetch }) => {
+    const data = await request.formData();
+    const username = data.get('username');
+    const password = data.get('password');
+    const ret = data.get('return');
+
+    const login = await client.POST('/login', {
+      body: {
+        username: username?.toString() || '',
+        password: password?.toString() || ''
+      },
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      fetch
+    });
+    if (login.data?.ok === true) {
+      if (ret) {
+        redirect(303, ret.toString());
+      } else {
+        redirect(303, base);
+      }
+    } else {
+      return {
+        error: true,
+        username: username
+      };
+    }
+  }
+} satisfies Actions;
diff --git a/client/src/routes/login/+page.svelte b/client/src/routes/login/+page.svelte
new file mode 100644
index 0000000..8a91125
--- /dev/null
+++ b/client/src/routes/login/+page.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import type { PageProps } from './$types';
+
+  let { data, form }: PageProps = $props();
+</script>
+
+{#if form?.error}
+  <p>Unknown username or password</p>
+{/if}
+
+<form method="POST">
+  <label>
+    Username
+    <input name="username" type="text" value={form?.username} />
+  </label>
+  <label>
+    Password
+    <input name="password" type="password" />
+  </label>
+  <button>Log in</button>
+  <input type="hidden" name="return" value={data.return} />
+</form>
diff --git a/client/src/routes/login/+page.ts b/client/src/routes/login/+page.ts
new file mode 100644
index 0000000..70d306a
--- /dev/null
+++ b/client/src/routes/login/+page.ts
@@ -0,0 +1,7 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ url }) => {
+  return {
+    return: url.searchParams.get('return') || ''
+  };
+};