dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-07 03:50:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: move to our modal

Browse source
This commit is contained in:
EETagent 2023-02-05 21:11:17 +01:00
parent fc8c587f5a
commit 66f3f13419
1 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte
View file

@ -10,6 +10,8 @@
import IdField from '../../textfield/IdField.svelte'; import IdField from '../../textfield/IdField.svelte';
import NumberField from '../../textfield/NumberField.svelte'; import NumberField from '../../textfield/NumberField.svelte';
import { SvelteToast, toast } from '@zerodevx/svelte-toast'; import { SvelteToast, toast } from '@zerodevx/svelte-toast';
import jsPDF from 'jspdf';
import 'svg2pdf.js';
let isOpened = true; let isOpened = true;
@ -84,6 +86,22 @@
} }
}; };
const generatePdf = async () => {
const template = (await import('$lib/assets/pdf/drawing.svg?raw')).default;
const svg = template
.replace('${APPLICATION}', login.applicationId.toString())
.replace('${CODE}', login.password);
const element = document.getElementById('svg-element')!;
element.innerHTML = svg;
const doc = new jsPDF('p', 'mm', [210, 297]);
await doc.svg(element);
doc.save('PRIHLASOVACI_UDAJE_' + login.applicationId.toString());
};
const close = () => { const close = () => {
isOpened = false; isOpened = false;
dispatch('close'); dispatch('close');
@ -95,6 +113,8 @@
<Modal on:close={close}> <Modal on:close={close}>
<div class="p-20"> <div class="p-20">
{#if login} {#if login}
<svg width="210mm" height="297mm" class="hidden h-[297mm] w-[210mm]" id="svg-element" />
<button on:click={generatePdf}>aa</button>
<h1 class="text-sspsBlue text-3xl font-semibold">Ev. č.: {applicationId}</h1> <h1 class="text-sspsBlue text-3xl font-semibold">Ev. č.: {applicationId}</h1>
<h1 class="text-sspsBlue text-3xl font-semibold">R. č.: {login.personalIdNumber}</h1> <h1 class="text-sspsBlue text-3xl font-semibold">R. č.: {login.personalIdNumber}</h1>
<h1 class="text-sspsBlue text-3xl font-semibold">Heslo: {login.password}</h1> <h1 class="text-sspsBlue text-3xl font-semibold">Heslo: {login.password}</h1>
@ -114,7 +134,8 @@
</div> </div>
{/if} {/if}
<div> <div>
<h3 class="my-4">Evidenční číslo přihlášky ( <h3 class="my-4">
Evidenční číslo přihlášky (
<span class="font-bold">{`Obor: ${field}`}</span>) <span class="font-bold">{`Obor: ${field}`}</span>)
</h3> </h3>
<NumberField bind:value={applicationId} /> <NumberField bind:value={applicationId} />