4 Commits

2 changed files with 7 additions and 32 deletions

View File

@@ -34,11 +34,6 @@
showback: false,
},
SIGNIN: {
name: "Signin",
progress: 50,
showback: true,
},
SIGNIN_BARCODE: {
name: "Signin with Barcode",
progress: 100,
showback: false,
@@ -72,7 +67,9 @@
<Card.Description
>Let me guide you through the signup process.</Card.Description
>
<Progress value={currentStep.progress} />
{#if currentStep.name !== Steps.WELCOME.name}
<Progress value={currentStep.progress} />
{/if}
</Card.Header>
<Card.Content class="grid gap-4">
{#if currentStep.name == Steps.WELCOME.name}
@@ -188,28 +185,9 @@
tell them your name.<br />
You can scan this qr code to login to our selfservice.
<!-- TODO: generate actual qr code -->
<img src={sampleQR} alt="" />
<img class="mx-auto h-56" src={sampleQR} alt="" />
</p>
{:else if currentStep.name == Steps.SIGNIN.name}
<div class="grid gap-2">
<Button
autofocus
class="w-full"
on:click={() => {
currentStep = Steps.SIGNIN_BARCODE;
}}>I brought my Barcode</Button
>
</div>
<div class="grid gap-2">
<Button
variant="secondary"
class="w-full"
on:click={() => {
currentStep = Steps.SIGNIN_MAIL;
}}>I don't have my barcode with me</Button
>
</div>
{:else if currentStep.name == Steps.SIGNIN_BARCODE.name}
Just walk up to the next available person and show them your barcode.
{:else if currentStep.name == Steps.SIGNIN_MAIL.name}
<div class="grid gap-2">
@@ -238,7 +216,7 @@
and tell them your name.
{/if}
</Card.Content>
<Card.Footer class="grid gap-4">
<Card.Footer class="grid gap-2">
{#if currentStep.showback}
<Button
variant="destructive"
@@ -257,9 +235,6 @@
case Steps.SIGNIN.name:
currentStep = Steps.WELCOME;
break;
case Steps.SIGNIN_BARCODE.name:
currentStep = Steps.SIGNIN;
break;
case Steps.SIGNIN_MAIL.name:
currentStep = Steps.SIGNIN;
break;

View File

@@ -18,7 +18,7 @@
<div class="container flex items-center justify-between py-2">
<h1 class="text-xl font-bold">Lauf für Kaya! Kiosk</h1>
<div class="flex items-center gap-2">
<Button on:click={toggleMode} variant="outline" size="icon">
<!-- <Button on:click={toggleMode} variant="outline" size="icon">
<Sun
class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
/>
@@ -26,7 +26,7 @@
class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
/>
<span class="sr-only">Toggle theme</span>
</Button>
</Button> -->
<Button
variant="outline"
size="icon"