mirror of
https://github.com/danbulant/Portfolio
synced 2026-07-06 11:30:44 +00:00
feat: LinkErrorModal
This commit is contained in:
parent
747c261db8
commit
19c193b520
2 changed files with 61 additions and 0 deletions
58
frontend/src/lib/components/modal/LinkErrorModal.svelte
Normal file
58
frontend/src/lib/components/modal/LinkErrorModal.svelte
Normal 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>
|
||||||
|
|
@ -27,6 +27,7 @@
|
||||||
import PersonalIdConfirmCheckBox from '$lib/components/checkbox/PersonalIdConfirmCheckBox.svelte';
|
import PersonalIdConfirmCheckBox from '$lib/components/checkbox/PersonalIdConfirmCheckBox.svelte';
|
||||||
import { isPersonalIdNumberWithBirthdateValid } from '$lib/utils/personalIdFormat';
|
import { isPersonalIdNumberWithBirthdateValid } from '$lib/utils/personalIdFormat';
|
||||||
import PersonalIdErrorModal from '$lib/components/modal/PersonalIdErrorModal.svelte';
|
import PersonalIdErrorModal from '$lib/components/modal/PersonalIdErrorModal.svelte';
|
||||||
|
import LinkErrorModal from '$lib/components/modal/LinkErrorModal.svelte';
|
||||||
|
|
||||||
let pageIndex = 0;
|
let pageIndex = 0;
|
||||||
let pagesFilled = [false, false, false, false, false, false, false, false];
|
let pagesFilled = [false, false, false, false, false, false, false, false];
|
||||||
|
|
@ -434,6 +435,8 @@
|
||||||
on:close={(_) => (visibleModals.personalIdModal = false)}
|
on:close={(_) => (visibleModals.personalIdModal = false)}
|
||||||
personalIdNumber={baseCandidateDetails.personalIdNumber}
|
personalIdNumber={baseCandidateDetails.personalIdNumber}
|
||||||
/>
|
/>
|
||||||
|
{:else if visibleModals.linkErrorModal}
|
||||||
|
<LinkErrorModal applications={baseCandidateDetails.applications} on:close={(_) => (visibleModals.linkErrorModal = false)} />
|
||||||
{/if}
|
{/if}
|
||||||
<div class="form relative bg-center">
|
<div class="form relative bg-center">
|
||||||
<div class="bottom-5/24 absolute flex w-full flex-col md:h-auto">
|
<div class="bottom-5/24 absolute flex w-full flex-col md:h-auto">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue