diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/RegisterOrLogin.svelte | 36 |
1 files changed, 9 insertions, 27 deletions
diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte index 1ec73b64..e1a0d60c 100644 --- a/src/components/RegisterOrLogin.svelte +++ b/src/components/RegisterOrLogin.svelte @@ -1,4 +1,6 @@ <script> + import { page } from '$app/stores'; + import { tick } from 'svelte'; import { Icon } from '$comp'; import { post, failure } from '$lib/utils'; import { redirect, user, token } from '$lib/store'; @@ -21,6 +23,8 @@ }[pageID]; $: if ($user) goto(`/${username}/receive`); + + let focus = (el) => setTimeout(() => el.focus()); </script> <div class="pt-10"> @@ -35,34 +39,19 @@ <h1 class="text-2xl font-bold text-center">{$t('login.' + pageID)}</h1> <form class="space-y-5" {action} method="POST"> - {#if $redirect} - <input type="hidden" name="redirect" value={$redirect} /> - {/if} + {#if $redirect} + <input type="hidden" name="redirect" value={$redirect} /> + {/if} - <!-- {#if pageID === 'register'} --> - <!-- <div> --> - <!-- <label for="email" class="font-semibold">{$t('login.email')}</label> --> - <!-- <!-- svelte-ignore a11y-autofocus --> --> - <!-- <input --> - <!-- name="email" --> - <!-- type="email" --> - <!-- required --> - <!-- class="bg-primary" --> - <!-- bind:value={email} --> - <!-- autofocus --> - <!-- /> --> - <!-- </div> --> - <!-- {/if} --> <div> <label for="username" class="font-semibold">{$t('login.username')}</label> - <!-- svelte-ignore a11y-autofocus --> <input name="username" type="text" required class="bg-primary" bind:value={username} - autofocus={pageID === 'signIn'} + use:focus /> </div> @@ -94,14 +83,7 @@ >{$t('login.token')} <span class="text-secondary">({$t('login.optional')})</span></label > - <!-- svelte-ignore a11y-autofocus --> - <input - name="token" - type="text" - class="bg-primary" - bind:value={twofa} - autofocus={pageID === 'signIn'} - /> + <input name="token" type="text" class="bg-primary" bind:value={twofa} /> </div> {/if} |