blob: 2836e6d44e0b178e08fe605e8775e1b0181ec9d5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<script>
import { logIn } from '$lib/apiServer';
import { currentUser } from '$lib/store';
let disabled = false;
let username = '';
let password = '';
async function handleLogin(event) {
disabled = true;
const response = await logIn(username, password);
if (200 <= response.status && response.status < 300) {
currentUser.update(() => ({ username }));
username = '';
password = '';
}
disabled = false;
}
</script>
<div class="card m-4 p-4">
<form on:submit|preventDefault={handleLogin}>
<label class="label" for="username">
username
<input class="input" name="username" type="text" placeholder="username" bind:value={username} disabled={disabled}>
</label>
<label class="label" for="password">
password
<input class="input" name="password" type="password" placeholder="password" bind:value={password} disabled={disabled}>
</label>
<button class="btn variant-filled" type="submit">
sign in or up
</button>
</form>
</div>
|
