From 765babb804ea92bb1b2113004cfc0e3817664a02 Mon Sep 17 00:00:00 2001 From: EETagent Date: Wed, 15 Feb 2023 14:16:35 +0100 Subject: [PATCH 1/2] feat: add white PDF --- .../pdf/{drawing.svg => register_color.svg} | 0 .../admin/modal/CreateCandidateModal.svelte | 28 +++++++++++++------ 2 files changed, 20 insertions(+), 8 deletions(-) rename frontend/src/lib/assets/pdf/{drawing.svg => register_color.svg} (100%) diff --git a/frontend/src/lib/assets/pdf/drawing.svg b/frontend/src/lib/assets/pdf/register_color.svg similarity index 100% rename from frontend/src/lib/assets/pdf/drawing.svg rename to frontend/src/lib/assets/pdf/register_color.svg diff --git a/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte b/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte index 200c3cd..ef581d6 100644 --- a/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte +++ b/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte @@ -12,7 +12,7 @@ import { SvelteToast, toast } from '@zerodevx/svelte-toast'; import jsPDF from 'jspdf'; import 'svg2pdf.js'; - import { font } from "$lib/assets/list/font" + import { font } from '$lib/assets/list/font'; let isOpened = true; @@ -87,10 +87,13 @@ } }; - const generatePdf = async () => { - const template = (await import('$lib/assets/pdf/drawing.svg?raw')).default; + import registerPdfColor from '$lib/assets/pdf/register_color.svg?raw'; - const svg = template; + // import registerPdfWhite from '$lib/assets/pdf/register_white.svg?raw'; + + const generatePdf = async (type: 'color' | 'white') => { + // TODO: Add white version + const svg = type === 'color' ? registerPdfColor : registerPdfColor; const element = document.getElementById('svg-element')!; element.innerHTML = svg; @@ -109,7 +112,11 @@ doc.text(login.password, 54, 129); doc.text(login.personalIdNumber, 90, 147.62); if (login.applications.length > 1) { - doc.text('Slinkováno s přihláškou ' + login.applications.filter((a) => a != applicationId)[0], 13.6, 166.24); + doc.text( + 'Slinkováno s přihláškou ' + login.applications.filter((a) => a != applicationId)[0], + 13.6, + 166.24 + ); } doc.save('PRIHLASOVACI_UDAJE_' + login.applicationId.toString()); @@ -138,9 +145,14 @@ Slinkovaný s {login.applications.filter((a) => a != applicationId)} {/if} -
- + +
{:else} From ad7a2e12dcc6661d4917a1a0e1874167171cdd85 Mon Sep 17 00:00:00 2001 From: Sebastian Pravda Date: Thu, 16 Feb 2023 11:05:44 +0100 Subject: [PATCH 2/2] feat: eco pdf --- .../assets/pdf/login_document_black_white.svg | 1567 +++++++++++++++++ ...r_color.svg => login_document_colored.svg} | 0 .../admin/modal/CreateCandidateModal.svelte | 14 +- 3 files changed, 1575 insertions(+), 6 deletions(-) create mode 100644 frontend/src/lib/assets/pdf/login_document_black_white.svg rename frontend/src/lib/assets/pdf/{register_color.svg => login_document_colored.svg} (100%) diff --git a/frontend/src/lib/assets/pdf/login_document_black_white.svg b/frontend/src/lib/assets/pdf/login_document_black_white.svg new file mode 100644 index 0000000..06d7ad9 --- /dev/null +++ b/frontend/src/lib/assets/pdf/login_document_black_white.svg @@ -0,0 +1,1567 @@ + + + +t diff --git a/frontend/src/lib/assets/pdf/register_color.svg b/frontend/src/lib/assets/pdf/login_document_colored.svg similarity index 100% rename from frontend/src/lib/assets/pdf/register_color.svg rename to frontend/src/lib/assets/pdf/login_document_colored.svg diff --git a/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte b/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte index ef581d6..1246040 100644 --- a/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte +++ b/frontend/src/lib/components/admin/modal/CreateCandidateModal.svelte @@ -87,13 +87,15 @@ } }; - import registerPdfColor from '$lib/assets/pdf/register_color.svg?raw'; + import registerPdfColored from '$lib/assets/pdf/login_document_colored.svg?raw'; + import registerPdfBlackWhite from '$lib/assets/pdf/login_document_black_white.svg?raw'; // import registerPdfWhite from '$lib/assets/pdf/register_white.svg?raw'; - const generatePdf = async (type: 'color' | 'white') => { + const generatePdf = async (type: 'colored' | 'blackWhite') => { // TODO: Add white version - const svg = type === 'color' ? registerPdfColor : registerPdfColor; + const svg = type === 'colored' ? registerPdfColored : registerPdfBlackWhite; + const {r, g, b} = type === 'colored' ? {r: 255, g: 255, b: 255} : {r: 0, g: 0, b: 0}; const element = document.getElementById('svg-element')!; element.innerHTML = svg; @@ -105,7 +107,7 @@ doc.setFont('JetBrainsMono-Regular'); doc.setFontSize(28); - doc.setTextColor(255, 255, 255); + doc.setTextColor(r, g, b); await doc.svg(element); doc.text(login.applicationId.toString(), 120, 110); @@ -148,11 +150,11 @@
await generatePdf('colored')}>Stáhnout PDF await generatePdf('blackWhite')}>Stáhnout šetrné PDF 🌱
{:else}