mirror of
https://github.com/Damillora/Shioriko.git
synced 2024-09-27 23:52:49 +00:00
34 lines
987 B
Svelte
34 lines
987 B
Svelte
|
<script>
|
||
|
import { login } from "../api.js"
|
||
|
import { navigate } from "svelte-routing"
|
||
|
|
||
|
let username = "";
|
||
|
let password = "";
|
||
|
|
||
|
const doLogin = async () => {
|
||
|
const tokenData = await login({ username, password});
|
||
|
navigate("/");
|
||
|
}
|
||
|
</script>
|
||
|
<div class="container">
|
||
|
<form on:submit|preventDefault={doLogin}>
|
||
|
<div class="field">
|
||
|
<label class="label">Username</label>
|
||
|
<div class="control">
|
||
|
<input class="input" type="text" placeholder="Username" bind:value={username} required>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="field">
|
||
|
<label class="label">Password</label>
|
||
|
<div class="control">
|
||
|
<input class="input" type="password" placeholder="Password" bind:value={password} required>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="field">
|
||
|
<div class="control">
|
||
|
<button class="button is-link">Login</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|
||
|
</div>
|