feat: use button component

This commit is contained in:
EETagent 2022-12-05 14:47:50 +01:00
parent b545987764
commit 7cb6739ab8
2 changed files with 22 additions and 22 deletions

View file

@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { apiFillDetails } from '$lib/@api/candidate'; import { apiFillDetails } from '$lib/@api/candidate';
import Submit from '$lib/components/button/Submit.svelte';
import Email from '$lib/components/icons/Email.svelte'; import Email from '$lib/components/icons/Email.svelte';
import Home from '$lib/components/icons/Home.svelte'; import Home from '$lib/components/icons/Home.svelte';
@ -284,22 +285,23 @@
</span> </span>
</div> </div>
{/if} {/if}
<input
on:click={async (e) => { <div class="mt-8 w-full">
await handleSubmit(e); <Submit
console.log('clicked ' + isPageInvalid()); on:click={async (e) => {
if (isPageInvalid()) return; await handleSubmit(e);
if (pageIndex === pageCount) { console.log('clicked ' + isPageInvalid());
} else { if (isPageInvalid()) return;
pagesFilled++; if (pageIndex === pageCount) {
pageIndex++; } else {
} pagesFilled++;
errors.set(formInitialValues); pageIndex++;
}} }
class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-full rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300 hover:cursor-pointer" errors.set(formInitialValues);
type="submit" }}
value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'} value={pageIndex === pageCount ? 'Odeslat' : 'Pokračovat'}
/> />
</div>
<div class="mt-8 flex flex-row justify-center"> <div class="mt-8 flex flex-row justify-center">
{#each Array(pageCount + 1) as _, i} {#each Array(pageCount + 1) as _, i}

View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import Submit from '$lib/components/button/Submit.svelte';
import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte'; import SchoolBadge from '$lib/components/icons/SchoolBadge.svelte';
import SplitLayout from '$lib/components/layout/SplitLayout.svelte'; import SplitLayout from '$lib/components/layout/SplitLayout.svelte';
@ -25,12 +26,9 @@
<div class="w-3/5"> <div class="w-3/5">
<TextField bind:value={applicationValue} placeholder="Ev. číslo" type="number" /> <TextField bind:value={applicationValue} placeholder="Ev. číslo" type="number" />
</div> </div>
<input <div class="mt-8 w-3/5">
on:click={redirectToCode} <Submit on:click={redirectToCode} value="Odeslat" />
class="bg-sspsBlue hover:bg-sspsBlueDark mt-8 w-3/5 rounded-lg p-3 text-xl font-semibold text-white transition-colors duration-300" </div>
type="submit"
value="Odeslat"
/>
</div> </div>
</SplitLayout> </SplitLayout>