mirror of
https://github.com/danbulant/Portfolio
synced 2026-07-08 12:30:56 +00:00
feat: use button component
This commit is contained in:
parent
b545987764
commit
7cb6739ab8
2 changed files with 22 additions and 22 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue