aboutsummaryrefslogtreecommitdiffstats
path: root/apps/kit/src/routes/(public)/login/+page.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'apps/kit/src/routes/(public)/login/+page.svelte')
-rw-r--r--apps/kit/src/routes/(public)/login/+page.svelte136
1 files changed, 0 insertions, 136 deletions
diff --git a/apps/kit/src/routes/(public)/login/+page.svelte b/apps/kit/src/routes/(public)/login/+page.svelte
deleted file mode 100644
index 9e2f6e7..0000000
--- a/apps/kit/src/routes/(public)/login/+page.svelte
+++ /dev/null
@@ -1,136 +0,0 @@
-<script lang="ts">
- import { goto } from "$app/navigation";
- import { login } from "$lib/api/user";
- import LL from "$lib/i18n/i18n-svelte";
- import type { ErrorResult } from "$lib/models/ErrorResult";
- import type { LoginPayload } from "$lib/models/LoginPayload";
-
- const data = {
- username: "",
- password: "",
- } as LoginPayload;
-
- let error = {
- text: "",
- title: "",
- } as ErrorResult;
-
- async function submitFormAsync() {
- error = { text: "", title: "" };
- const loginResponse = await login(data);
- if (loginResponse.ok) {
- await goto("/home");
- } else {
- error.title = loginResponse.data.title;
- error.text = loginResponse.data.text;
- }
- }
-</script>
-
-<div class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
- <div class="sm:mx-auto sm:w-full sm:max-w-md">
- <h2
- class="mt-6 text-center text-3xl tracking-tight font-bold text-gray-900"
- >
- {$LL.login.loginToYourAccount()}
- </h2>
- <p class="mt-2 text-center text-sm text-gray-600">
- {$LL.common.or()}
- <a
- href="/signup"
- class="font-medium text-indigo-600 hover:text-indigo-500"
- >{$LL.login.createANewAccount()}</a
- >
- </p>
- </div>
- <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
- <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
- {#if error.text || error.title}
- <div class="rounded-md bg-red-50 p-3 mb-3">
- {#if error.title}
- <h3 class="text-sm font-medium text-red-800">
- {error.title}
- </h3>
- {/if}
- {#if error.text}
- <div class="mt-2 text-sm text-red-700">
- {error.text}
- </div>
- {/if}
- </div>
- {/if}
- <form class="space-y-6" on:submit|preventDefault={submitFormAsync}>
- <div>
- <label
- for="email"
- class="block text-sm font-medium text-gray-700"
- >{$LL.common.emailAddress()}</label
- >
- <div class="mt-1">
- <input
- id="email"
- name="email"
- type="email"
- autocomplete="email"
- required
- value={data.username}
- class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
- />
- </div>
- </div>
-
- <div>
- <label
- for="password"
- class="block text-sm font-medium text-gray-700"
- >{$LL.login.password()}</label
- >
- <div class="mt-1">
- <input
- id="password"
- name="password"
- type="password"
- autocomplete="current-password"
- required
- value={data.password}
- class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
- />
- </div>
- </div>
-
- <div class="flex items-center justify-between">
- <div class="flex items-center">
- <input
- id="remember-me"
- name="remember-me"
- type="checkbox"
- class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"
- />
- <label
- for="remember-me"
- class="ml-2 block text-sm text-gray-900"
- >{$LL.login.notMyComputer()}</label
- >
- </div>
-
- <div class="text-sm">
- <a
- href="/reset"
- class="font-medium text-indigo-600 hover:text-indigo-500"
- >{$LL.login.forgotPassword()}</a
- >
- </div>
- </div>
-
- <div>
- <button
- type="submit"
- class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
- >
- {$LL.common.logIn()}
- </button>
- </div>
- </form>
- </div>
- </div>
-</div>