frontend/src/components/pdf_generation/GenerateRunnerCertificates.svelte

<script>
	import { _ } from "svelte-i18n";
	import {
		DonationService,
		RunnerTeamService,
		RunnerOrganizationService,
	} from "@odit/lfk-client-js";
	import { init } from "@paralleldrive/cuid2";
	import toast from "svelte-french-toast";
	import DocumentServer from "./DocumentServer";
	const createId = init({ length: 10, fingerprint: "lfk-frontend" });
	const documentServer = new DocumentServer(
		config.baseurl_documentserver,
		config.documentserver_key
	);

	export let certificates_show = false;
	export let generate_runners = [];
	export let generate_orgs = [];
	export let generate_teams = [];

	function generateCertificates(locale) {
		if (generate_orgs.length > 0) {
			generateOrgCertificates(locale);
		} else if (generate_teams.length > 0) {
			generateTeamCertificates(locale);
		} else {
			generateRunnerCertificates(locale);
		}
	}
	function download(blob, fileName) {
		const url = window.URL.createObjectURL(blob);
		let a = document.createElement("a");
		a.href = url;
		a.download = fileName;
		document.body.appendChild(a);
		a.click();
		a.remove();
		toast.dismiss();
		toast.success($_("pdf-successfully-generated"));
	}

	async function generateRunnerCertificates(locale) {
		toast.loading($_("generating-pdf"));
		const current_donations =
			(await DonationService.donationControllerGetAll()) || [];
		let certificateRunners = [];
		for (let runner of generate_runners) {
			runner.distanceDonations =
				current_donations.filter((d) => d.runner?.id == runner.id) || [];
			certificateRunners.push(runner);
		}
		documentServer
			.generateCertificates(certificateRunners, locale)
			.then((blob) => {
				let fileName = `${$_("certificates")}-${locale}.pdf`;
				if (generate_runners.length == 1) {
					fileName = `${$_("certificates")}_${
						generate_runners[0].firstname
					}_${generate_runners[0].lastname}-${locale}-${createId()}.pdf`;
				}
				download(blob, fileName);
			})
			.catch((err) => {});
	}

	async function generateTeamCertificates(locale) {
		toast.loading($_("generating-pdfs"));
		let count = 0;
		const current_donations =
			(await DonationService.donationControllerGetAll()) || [];
		for (const t of generate_teams) {
			const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
				t.id
			);
			let certificateRunners = [];
			for (let runner of runners) {
				runner.distanceDonations =
					current_donations.filter((d) => d.runner?.id == runner.id) || [];
				certificateRunners.push(runner);
			}
			documentServer
				.generateCertificates(certificateRunners, locale)
				.then((blob) => {
					count++;
					download(
						blob,
						`${$_("certificates")}_${t.name}-${locale}-${createId()}.pdf`
					);
				})
				.catch((err) => {});
		}
	}

	async function generateOrgCertificates(locale) {
		toast.loading($_("generating-pdfs"));
		const current_donations =
			(await DonationService.donationControllerGetAll()) || [];
		let count = 0;
		let count_orgs = 0;
		for (const o of generate_orgs) {
			count_orgs++;
			let count = 0;
			let runners =
				await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
					o.id,
					true
				);
			let certificateRunners = [];
			for (let runner of runners) {
				runner.distanceDonations =
					current_donations.filter((d) => d.runner?.id == runner.id) || [];
				certificateRunners.push(runner);
			}
			await documentServer
				.generateCertificates(certificateRunners, locale)
				.then((blob) => {
					download(
						blob,
						`${$_("certificates")}_${o.name}-${locale}-${createId()}.pdf`
					);
				})
				.catch((err) => {});
			for (const t of o.teams) {
				count++;
				let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
					t.id
				);
				let certificateRunners = [];
				for (let runner of runners) {
					runner.distanceDonations =
						current_donations.filter((d) => d.runner?.id == runner.id) || [];
					certificateRunners.push(runner);
				}
				await documentServer
					.generateCertificates(certificateRunners, locale)
					.then((blob) => {
						download(
							blob,
							`${$_("certificates")}_${o.name}_${
								t.name
							}-${locale}-${createId()}.pdf`
						);
						if (
							count === o.teams.length &&
							count_orgs === generate_orgs.length
						) {
							toast.dismiss();
							toast.success($_("pdfs-successfully-generated"));
						}
					})
					.catch((err) => {});
			}
		}
	}
</script>

{#if certificates_show}
	<button
		on:click={() => {
			generateCertificates("de");
		}}
		class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm mb-1 lg:mb-0"
	>
		{$_("generate-runner-certificates")}: DE
	</button>
	<button
		on:click={() => {
			generateCertificates("en");
		}}
		class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:w-auto sm:text-sm mb-1 lg:mb-0"
	>
		{$_("generate-runner-certificates")}: EN
	</button>
{/if}