lfk/kiosk
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve registration flow
Some checks failed
Build latest image / build-container (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Philipp Dormann
2025-04-02 23:46:48 +02:00
parent 6a0b014d55
commit 2c503f9b03
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/Register.svelte
View File

@@ -110,6 +110,7 @@
<input <input
on:keydown={(e) => { on:keydown={(e) => {
if (e.keyCode === 13) { if (e.keyCode === 13) {
e.preventDefault();
document.getElementById('lastname')?.focus(); document.getElementById('lastname')?.focus();
} }
if (e.keyCode === 40) { if (e.keyCode === 40) {
@@ -120,7 +121,7 @@
autocomplete="one-time-code" autocomplete="one-time-code"
id="firstname" id="firstname"
name="firstname" name="firstname"
class="placeholder:text-black dark:placeholder:text-white py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-gray-400 border" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border"
required required
placeholder="Vorname" placeholder="Vorname"
bind:value={firstname} bind:value={firstname}
@@ -160,8 +161,8 @@
<div class="relative"> <div class="relative">
<input <input
on:keydown={(e) => { on:keydown={(e) => {
console.log(e.keyCode);
if (e.keyCode === 13) { if (e.keyCode === 13) {
e.preventDefault();
document.getElementById('email')?.focus(); document.getElementById('email')?.focus();
} }
if (e.keyCode === 38) { if (e.keyCode === 38) {
@@ -175,7 +176,7 @@
type="lastname" type="lastname"
id="lastname" id="lastname"
name="lastname" name="lastname"
class="placeholder:text-black dark:placeholder:text-white py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-gray-400 border" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border"
required required
placeholder="Nachname" placeholder="Nachname"
aria-describedby="lastname-error" aria-describedby="lastname-error"
@@ -217,8 +218,8 @@
<div class="relative"> <div class="relative">
<input <input
on:keydown={(e) => { on:keydown={(e) => {
console.log(e.keyCode);
if (e.keyCode === 13) { if (e.keyCode === 13) {
e.preventDefault();
document.getElementById('submit')?.focus(); document.getElementById('submit')?.focus();
} }
if (e.keyCode === 38) { if (e.keyCode === 38) {
@@ -232,7 +233,7 @@
type="email" type="email"
id="email" id="email"
name="email" name="email"
class="placeholder:text-black dark:placeholder:text-white py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-gray-400 border" class="font-semibold placeholder:font-normal placeholder:text-black dark:placeholder:text-gray-200 py-3 px-4 block w-full border-gray-500 rounded-md focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:border-gray-200 dark:text-white border"
placeholder="E-Mail (optional)" placeholder="E-Mail (optional)"
aria-describedby="lastname-error" aria-describedby="lastname-error"
bind:value={email} bind:value={email}
@@ -266,6 +267,11 @@
<!-- End Form Group --> <!-- End Form Group -->
<button <button
on:keydown={(e) => {
if (e.keyCode === 38) {
document.getElementById('email')?.focus();
}
}}
id="submit" id="submit"
type="submit" type="submit"
disabled={!firstname || !lastname} disabled={!firstname || !lastname}