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

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

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