starred/MediaManager
1
0
Fork 0
mirror of https://github.com/maxdorninger/MediaManager.git synced 2026-04-24 01:35:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

add autocomplete flag to login/signup forms

Browse Source
This commit is contained in:
maxDorninger
2025-08-02 14:34:21 +02:00
parent d381fdddce
commit 174c675992
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/login-card.svelte
View File

@@ -121,6 +121,7 @@
placeholder="m@example.com"
required
type="email"
autocomplete="email"
/>
</div>
<div class="grid gap-2">
@@ -130,7 +131,7 @@
Forgot your password?
</a>
</div>
<Input bind:value={password} id="password" required type="password" />
<Input bind:value={password} id="password" required type="password" autocomplete="current-password" />
</div>
{#if errorMessage}
@@ -168,4 +169,3 @@
</div>
</Card.Content>
</Card.Root>

11
web/src/lib/components/signup-card.svelte
View File

@@ -18,7 +18,7 @@
let errorMessage = $state('');
let successMessage = $state('');
let isLoading = $state(false);
let confirmPassword = $state('');
let {
oauthProvider
}: {
@@ -89,11 +89,16 @@
placeholder="m@example.com"
required
type="email"
autocomplete="email"
/>
</div>
<div class="grid gap-2">
<Label for="password">Password</Label>
<Input bind:value={password} id="password" required type="password" />
<Input bind:value={password} id="password" required type="password" autocomplete="new-password" />
</div>
<div class="grid gap-2">
<Label for="password">Confirm Password</Label>
<Input bind:value={confirmPassword} id="confirm-password" required type="password" autocomplete="new-password" />
</div>
{#if errorMessage}
<Alert.Root variant="destructive">
@@ -112,7 +117,7 @@
{#if isLoading}
<LoadingBar />
{/if}
<Button class="w-full" disabled={isLoading} type="submit">Create an account</Button>
<Button class="w-full" disabled={isLoading||password!==confirmPassword||password===''} type="submit">Create an account</Button>
</form>
{#await oauthProvider}
<LoadingBar />