mikhailov.aa/leaflet_svelte
1
Fork 0
Code Issues 10 Pull requests 1 Projects 1 Releases Activity

login navbar add

Browse source
This commit is contained in:
Vasilisk9812 2025-04-05 23:54:58 +09:00
parent 522202b89e
commit 29d7480753
2 changed files with 48 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

91
src/routes/login/+page.svelte
View file

@ -1,5 +1,6 @@
<script> <script>
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import Navbar from '../Navbar.svelte';
let username = ''; let username = '';
let password = ''; let password = '';
@ -28,51 +29,53 @@
} }
} }
</script> </script>
<main>
<div class="login-container"> <Navbar />
<div class="login-card"> <div class="login-container">
<h2 class="mb-4">Login</h2> <div class="login-card">
<h2 class="mb-4">Login</h2>
{#if error}
<div class="alert alert-danger">{error}</div> {#if error}
{/if} <div class="alert alert-danger">{error}</div>
{/if}
<form on:submit|preventDefault={handleLogin}>
<div class="mb-3"> <form on:submit|preventDefault={handleLogin}>
<label for="username" class="form-label">Username</label> <div class="mb-3">
<input <label for="username" class="form-label">Username</label>
type="text" <input
class="form-control" type="text"
id="username" class="form-control"
bind:value={username} id="username"
required bind:value={username}
/> required
</div> />
<div class="mb-3"> </div>
<label for="password" class="form-label">Password</label> <div class="mb-3">
<input <label for="password" class="form-label">Password</label>
type="password" <input
class="form-control" type="password"
id="password" class="form-control"
bind:value={password} id="password"
required bind:value={password}
/> required
</div> />
<button </div>
type="submit" <button
class="btn btn-primary w-100" type="submit"
disabled={isLoading} class="btn btn-primary w-100"
> disabled={isLoading}
{#if isLoading} >
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {#if isLoading}
Logging in... <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
{:else} Logging in...
Login {:else}
{/if} Login
</button> {/if}
</form> </button>
</form>
</div>
</div> </div>
</div> </main>
<style> <style>
.login-container { .login-container {

1
src/routes/login/+page.ts Normal file
View file

@ -0,0 +1 @@
export const ssr =false;