2021-05-09 15:07:23 +00:00
|
|
|
<script>
|
2021-05-10 15:47:35 +00:00
|
|
|
import { login } from "../api.js";
|
|
|
|
import { navigate } from "svelte-routing";
|
2021-05-09 15:07:23 +00:00
|
|
|
|
|
|
|
let username = "";
|
|
|
|
let password = "";
|
|
|
|
|
|
|
|
const doLogin = async () => {
|
2021-05-10 15:47:35 +00:00
|
|
|
const tokenData = await login({ username, password });
|
2021-05-09 15:07:23 +00:00
|
|
|
navigate("/");
|
2021-05-10 15:47:35 +00:00
|
|
|
};
|
2021-05-09 15:07:23 +00:00
|
|
|
</script>
|
2021-05-10 15:47:35 +00:00
|
|
|
|
2021-05-09 15:07:23 +00:00
|
|
|
<div class="container">
|
|
|
|
<form on:submit|preventDefault={doLogin}>
|
|
|
|
<div class="field">
|
2021-05-10 15:47:35 +00:00
|
|
|
<label for="username" class="label">Username</label>
|
|
|
|
<div class="control">
|
|
|
|
<input
|
|
|
|
id="username"
|
|
|
|
class="input"
|
|
|
|
type="text"
|
|
|
|
placeholder="Username"
|
|
|
|
bind:value={username}
|
|
|
|
required
|
|
|
|
/>
|
|
|
|
</div>
|
2021-05-09 15:07:23 +00:00
|
|
|
</div>
|
|
|
|
<div class="field">
|
2021-05-10 15:47:35 +00:00
|
|
|
<label for="password" class="label">Password</label>
|
|
|
|
<div class="control">
|
|
|
|
<input
|
|
|
|
id="password"
|
|
|
|
class="input"
|
|
|
|
type="password"
|
|
|
|
placeholder="Password"
|
|
|
|
bind:value={password}
|
|
|
|
required
|
|
|
|
/>
|
|
|
|
</div>
|
2021-05-09 15:07:23 +00:00
|
|
|
</div>
|
|
|
|
<div class="field">
|
2021-05-10 15:47:35 +00:00
|
|
|
<div class="control">
|
|
|
|
<button class="button is-link">Login</button>
|
|
|
|
</div>
|
2021-05-09 15:07:23 +00:00
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|