frontend/src/components/pdf_generation/GenerateRunnerCertificates.svelte

<script>
  import { _ } from "svelte-i18n";
  import {
    DonationService,
    RunnerTeamService,
    RunnerOrganizationService,
	RunnerService
  } 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) {
	  const linkRunner = await RunnerService.runnerControllerGetOne(runner.id)
      linkRunner.distanceDonations =
        current_donations.filter((d) => d.runner?.id == runner.id) || [];
      certificateRunners.push(linkRunner);
    }
    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,
        true
      );
      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,
		  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,
		  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}_${
                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}