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

87
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>
<Navbar />
<div class="login-container">
<div class="login-card">
<h2 class="mb-4">Login</h2>
<div class="login-container"> {#if error}
<div class="login-card"> <div class="alert alert-danger">{error}</div>
<h2 class="mb-4">Login</h2> {/if}
{#if error} <form on:submit|preventDefault={handleLogin}>
<div class="alert alert-danger">{error}</div> <div class="mb-3">
{/if} <label for="username" class="form-label">Username</label>
<input
<form on:submit|preventDefault={handleLogin}> type="text"
<div class="mb-3"> class="form-control"
<label for="username" class="form-label">Username</label> id="username"
<input bind:value={username}
type="text" required
class="form-control" />
id="username" </div>
bind:value={username} <div class="mb-3">
required <label for="password" class="form-label">Password</label>
/> <input
</div> type="password"
<div class="mb-3"> class="form-control"
<label for="password" class="form-label">Password</label> id="password"
<input bind:value={password}
type="password" required
class="form-control" />
id="password" </div>
bind:value={password} <button
required type="submit"
/> class="btn btn-primary w-100"
</div> disabled={isLoading}
<button >
type="submit" {#if isLoading}
class="btn btn-primary w-100" <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
disabled={isLoading} Logging in...
> {:else}
{#if isLoading} Login
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> {/if}
Logging in... </button>
{:else} </form>
Login </div>
{/if}
</button>
</form>
</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;