feat: LinkErrorModal

This commit is contained in:
Sebastian Pravda 2023-02-02 22:49:27 +01:00
parent 747c261db8
commit 19c193b520
No known key found for this signature in database
GPG key ID: F3BC84F08EFA3F57
2 changed files with 61 additions and 0 deletions

View file

@ -0,0 +1,58 @@
<script lang="ts">
import { createEventDispatcher } from 'svelte';
import Modal from '../Modal.svelte';
import { SvelteToast, toast } from '@zerodevx/svelte-toast';
export let applications: number[];
let isOpened = true;
const dispatch = createEventDispatcher();
const close = () => {
isOpened = false;
dispatch('close');
};
</script>
{#if isOpened}
<SvelteToast />
<Modal on:close={close}>
<div class="w-[80vw] lg:w-[60vw] h-[40vh] flex flex-col items-center relative">
<div>
{#if applications.length === 1}
<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
Přihláška {applications[0]} <span class="underline">není</span>
Vaše?
</h1>
<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
Nebo jste podávali <span class="underline">dvě</span>
přihlášky?
</h1>
{:else}
<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
Přihlášky {applications[0]} a {applications[1]} <span class="underline">nejsou</span>
Vaše?
</h1>
<h1 class="mt-6 text-4xl text-center text-sspsBlueDark font-bold">
Nebo jste podávali jen <span class="underline">jednu</span>
přihlášku?
</h1>
{/if}
<h3 class="text-center mt-4"
>Znamená to, že jsme udělali chybu v přepisu přihlášky.
</h3>
<h2 class="font-bold text-2xl text-center text-sspsBlueDark mt-12">
Kontaktujte nás na telefonu +420 123 456 789,
</h2>
<h3 class="text-center mt-2">
nebo nám napište na email na
<a href="mailto:portfolio@ssps.cz " class="underline"> portfolio@ssps.cz </a>
</h3>
<h4 class="text-center absolute bottom-4 left-0 w-full">Omlouváme se za komplikace s přijímacím řízením SSPŠaG</h4>
</div>
</div>
</Modal>
{/if}
<style lang="postcss">
</style>

View file

@ -27,6 +27,7 @@
import PersonalIdConfirmCheckBox from '$lib/components/checkbox/PersonalIdConfirmCheckBox.svelte';
import { isPersonalIdNumberWithBirthdateValid } from '$lib/utils/personalIdFormat';
import PersonalIdErrorModal from '$lib/components/modal/PersonalIdErrorModal.svelte';
import LinkErrorModal from '$lib/components/modal/LinkErrorModal.svelte';
let pageIndex = 0;
let pagesFilled = [false, false, false, false, false, false, false, false];
@ -434,6 +435,8 @@
on:close={(_) => (visibleModals.personalIdModal = false)}
personalIdNumber={baseCandidateDetails.personalIdNumber}
/>
{:else if visibleModals.linkErrorModal}
<LinkErrorModal applications={baseCandidateDetails.applications} on:close={(_) => (visibleModals.linkErrorModal = false)} />
{/if}
<div class="form relative bg-center">
<div class="bottom-5/24 absolute flex w-full flex-col md:h-auto">