christoph/svelte-formula11
1
Fork 0
Code Issues 23 Actions Packages Projects 1 Activity

Skeleton: Enable autocomplete on username inputs

Browse Source
This commit is contained in:
Christoph Urlacher
2024-12-16 12:42:26 +01:00
parent 27fc2bce49
commit 3bd960b187
1 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/routes/+layout.svelte
View File

@ -115,9 +115,9 @@
<!-- Data Drawer --> <!-- Data Drawer -->
<!-- Data Drawer --> <!-- Data Drawer -->
<div class="flex flex-col gap-2 p-2"> <div class="flex flex-col gap-2 p-2">
<Button href="/data/raceresult" onclick={close_drawer} color="surface" fullwidth <Button href="/data/raceresult" onclick={close_drawer} color="surface" fullwidth>
>Race Results</Button Race Results
> </Button>
<Button href="/data/season" onclick={close_drawer} color="surface" fullwidth>Season</Button> <Button href="/data/season" onclick={close_drawer} color="surface" fullwidth>Season</Button>
<Button href="/data/user" onclick={close_drawer} color="surface" fullwidth>Users</Button> <Button href="/data/user" onclick={close_drawer} color="surface" fullwidth>Users</Button>
</div> </div>
@ -130,16 +130,16 @@
<form method="POST" class="contents"> <form method="POST" class="contents">
<!-- Supply the pathname so the form can redirect to the current page. --> <!-- Supply the pathname so the form can redirect to the current page. -->
<input type="hidden" name="redirect_url" value={$page.url.pathname} /> <input type="hidden" name="redirect_url" value={$page.url.pathname} />
<Input name="username" placeholder="Username" required> <Input name="username" placeholder="Username" autocomplete="username" required>
<UserIcon /> <UserIcon />
</Input> </Input>
<Input name="password" type="password" placeholder="Password" required <Input name="password" type="password" placeholder="Password" autocomplete="off" required>
><PasswordIcon /> <PasswordIcon />
</Input> </Input>
<div class="flex justify-end gap-2"> <div class="flex justify-end gap-2">
<Button formaction="/profile?/login" onclick={close_drawer} color="tertiary" submit <Button formaction="/profile?/login" onclick={close_drawer} color="tertiary" submit>
>Login</Button Login
> </Button>
<Button <Button
formaction="/profile?/create_profile" formaction="/profile?/create_profile"
onclick={close_drawer} onclick={close_drawer}
@ -159,8 +159,14 @@
<!-- Supply the pathname so the form can redirect to the current page. --> <!-- Supply the pathname so the form can redirect to the current page. -->
<input type="hidden" name="redirect_url" value={$page.url.pathname} /> <input type="hidden" name="redirect_url" value={$page.url.pathname} />
<input type="hidden" name="id" value={data.user.id} /> <input type="hidden" name="id" value={data.user.id} />
<Input name="username" value={data.user.username} placeholder="Username"><UserIcon /></Input <Input
name="username"
value={data.user.username}
placeholder="Username"
autocomplete="username"
> >
<UserIcon />
</Input>
<FileDropzone <FileDropzone
name="avatar" name="avatar"
onchange={get_avatar_preview_event_handler("user_avatar_preview")} onchange={get_avatar_preview_event_handler("user_avatar_preview")}
@ -172,11 +178,13 @@
formaction="/profile?/update_profile" formaction="/profile?/update_profile"
onclick={close_drawer} onclick={close_drawer}
color="secondary" color="secondary"
submit>Save Changes</Button submit
>
<Button formaction="/profile?/logout" onclick={close_drawer} color="primary" submit
>Logout</Button
> >
Save Changes
</Button>
<Button formaction="/profile?/logout" onclick={close_drawer} color="primary" submit>
Logout
</Button>
</div> </div>
</form> </form>
</div> </div>