Milas Holsting
8e02f673ca
Some checks failed
Build and Push Container Image / build-and-push (push) Failing after 3m49s
53 lines
1.5 KiB
Svelte
53 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { enhance } from '$app/forms';
|
|
import type { ActionData } from './$types';
|
|
|
|
let { form }: { form: ActionData } = $props();
|
|
</script>
|
|
|
|
<h1>Login</h1>
|
|
<form method="post" action="?/signInEmail" use:enhance>
|
|
<label>
|
|
Email
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
|
/>
|
|
</label>
|
|
<label>
|
|
Password
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
|
/>
|
|
</label>
|
|
<label>
|
|
Name (for registration)
|
|
<input
|
|
name="name"
|
|
class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
|
/>
|
|
</label>
|
|
<button class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
|
|
>Login</button
|
|
>
|
|
<button
|
|
formaction="?/signUpEmail"
|
|
class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
|
|
>Register</button
|
|
>
|
|
</form>
|
|
<p class="text-red-500">{form?.message ?? ''}</p>
|
|
|
|
<hr class="my-4" />
|
|
|
|
<form method="post" action="?/signInSocial" use:enhance>
|
|
<input type="hidden" name="provider" value="github" />
|
|
<input type="hidden" name="callbackURL" value="/" />
|
|
<button class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
|
|
>Sign in with GitHub</button
|
|
>
|
|
</form>
|