Added ids for generated pdfs

ref #156
2023-02-23 09:59:07 +01:00 · 2023-02-23 09:59:07 +01:00 · 0b2c296de0
commit 0b2c296de0
parent 0e85940cba
4 changed files with 1109 additions and 1050 deletions
--- a/package.json
+++ b/package.json
@ -10,11 +10,11 @@
 	},
 	"license": "CC-BY-NC-SA-4.0",
 	"devDependencies": {
-		"@vincjo/datatables": "^1.1.0",
 		"@odit/lfk-client-js": "0.13.1",
 		"@odit/license-exporter": "0.0.11",
 		"@sveltejs/vite-plugin-svelte": "1.0.0-next.6",
 		"@types/html-minifier": "4.0.0",
+		"@vincjo/datatables": "^1.1.0",
 		"auto-changelog": "2.2.1",
 		"autoprefixer": "10.2.5",
 		"check-password-strength": "2.0.2",
@ -53,5 +53,8 @@
 		"hooks": {
 			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node versionbuilder.js  && git add index.html && node order.js  && git add src/locales"
 		}
+	},
+	"dependencies": {
+		"@paralleldrive/cuid2": "^2.2.0"
 	}
 }
--- a/src/components/pdf_generation/GenerateRunnerCards.svelte
+++ b/src/components/pdf_generation/GenerateRunnerCards.svelte
@ -6,6 +6,9 @@
    RunnerTeamService,
  } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
+  import { init } from "@paralleldrive/cuid2";
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
+
  export let cards_show = false;
  export let generate_cards = [];
  export let generate_runners = [];
@ -67,7 +70,7 @@
        const url = window.URL.createObjectURL(blob);
        let a = document.createElement("a");
        a.href = url;
-                a.download = `${$_('runnercards')}-${locale}.pdf`;
+        a.download = `${$_("runnercards")}-${locale}-${createId()}.pdf`;
        document.body.appendChild(a);
        a.click();
        a.remove();
@ -75,8 +78,7 @@
        Toastify({
          text: $_("pdf-successfully-generated"),
          duration: 3500,
-                    backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
      })
      .catch((err) => {
@ -127,11 +129,12 @@
        const url = window.URL.createObjectURL(blob);
        let a = document.createElement("a");
        a.href = url;
-                if(generate_runners.length == 1){
-                    a.download = `${$_('runnercards')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
-                }
-                else{
-                    a.download = `Runnercards-${locale}.pdf`;
+        if (generate_runners.length == 1) {
+          a.download = `${$_("runnercards")}_${generate_runners[0].firstname}_${
+            generate_runners[0].lastname
+          }-${locale}-${createId()}.pdf`;
+        } else {
+          a.download = `${$_("runnercards")}-${locale}-${createId()}.pdf`;
        }
        document.body.appendChild(a);
        a.click();
@ -140,8 +143,7 @@
        Toastify({
          text: $_("pdf-successfully-generated"),
          duration: 3500,
-                    backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
      })
      .catch((err) => {});
@ -196,7 +198,7 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                    a.download = `${$_('runnercards')}_${t.name}-${locale}.pdf`;
+          a.download = `${$_("runnercards")}_${t.name}-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
@ -205,8 +207,7 @@
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -221,11 +222,15 @@
    }).showToast();
    const current_cards = await RunnerCardService.runnerCardControllerGetAll();
    let count = 0;
-        let count_orgs =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 runners =
+        await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+          o.id,
+          true
+        );
      let cards = [];
      for (let runner of runners) {
        let card = current_cards.find((c) => c.runner?.id == runner.id);
@ -263,18 +268,17 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                a.download = `${$_('runnercards')}_${o.name}_direct-${locale}.pdf`;
+          a.download = `${$_("runnercards")}_${o.name}_direct-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
          if (count === o.teams.length && count_orgs === generate_orgs.length) {
            toast.hideToast();
-                    console.log("here")
+            console.log("here");
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -321,17 +325,21 @@
            const url = window.URL.createObjectURL(blob);
            let a = document.createElement("a");
            a.href = url;
-                a.download = `${$_('runnercards')}_${o.name}_${t.name}-${locale}.pdf`;
+            a.download = `${$_("runnercards")}_${o.name}_${
+              t.name
+            }-${locale}-${createId()}.pdf`;
            document.body.appendChild(a);
            a.click();
            a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            if (
+              count === o.teams.length &&
+              count_orgs === generate_orgs.length
+            ) {
              toast.hideToast();
              Toastify({
                text: $_("pdfs-successfully-generated"),
                duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
              }).showToast();
            }
          })
@ -352,49 +360,56 @@
        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
        id="options-menu"
        aria-haspopup="true"
-                aria-expanded="true">
-                {$_('generate-runnercards')}
+        aria-expanded="true"
+      >
+        {$_("generate-runnercards")}
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
-                        fill="none"
-                        d="M0 0h24v24H0z" />
+          class="-mr-1 ml-2 h-5 w-5"
+          ><path fill="none" d="M0 0h24v24H0z" />
          <path
            fill="currentColor"
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
+          /></svg
+        >
      </button>
    </div>
    {#if cards_dropdown_open}
      <div
        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="cards:dropdown:menu">
+        id="cards:dropdown:menu"
+      >
        <div
          class="py-1"
          role="menu"
          aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
          <button
            on:click={() => {
-                            generateRunnerCards('de');
+              generateRunnerCards("de");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
+            role="menuitem"
+          >
+            {$_("german")}
          </button>
          <button
            on:click={() => {
-                            generateRunnerCards('en');
+              generateRunnerCards("en");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
+            role="menuitem"
+          >
+            {$_("english")}
          </button>
        </div>
      </div>
--- a/src/components/pdf_generation/GenerateRunnerCertificates.svelte
+++ b/src/components/pdf_generation/GenerateRunnerCertificates.svelte
@ -3,9 +3,12 @@
  import {
    DonationService,
    RunnerTeamService,
-        RunnerOrganizationService
+    RunnerOrganizationService,
  } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
+  import { init } from "@paralleldrive/cuid2";
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
+
  export let certificates_show = false;
  export let generate_runners = [];
  export let generate_orgs = [];
@ -37,11 +40,13 @@
      text: $_("generating-pdf"),
      duration: -1,
    }).showToast();
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
+    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) || [];
-            console.log(runner.distanceDonations)
+      runner.distanceDonations =
+        current_donations.filter((d) => d.runner?.id == runner.id) || [];
+      console.log(runner.distanceDonations);
      certificateRunners.push(runner);
    }
    fetch(
@ -71,11 +76,12 @@
        const url = window.URL.createObjectURL(blob);
        let a = document.createElement("a");
        a.href = url;
-                if(generate_runners.length == 1){
-                    a.download = `${$_('certificates')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
-                }
-                else{
-                    a.download = `${$_('certificates')}-${locale}.pdf`;
+        if (generate_runners.length == 1) {
+          a.download = `${$_("certificates")}_${
+            generate_runners[0].firstname
+          }_${generate_runners[0].lastname}-${locale}-${createId()}.pdf`;
+        } else {
+          a.download = `${$_("certificates")}-${locale}.pdf`;
        }
        document.body.appendChild(a);
        a.click();
@ -84,8 +90,7 @@
        Toastify({
          text: $_("pdf-successfully-generated"),
          duration: 3500,
-                    backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
      })
      .catch((err) => {});
@ -97,14 +102,16 @@
      duration: -1,
    }).showToast();
    let count = 0;
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
+    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) || [];
+        runner.distanceDonations =
+          current_donations.filter((d) => d.runner?.id == runner.id) || [];
        certificateRunners.push(runner);
      }
      fetch(
@ -135,7 +142,7 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                    a.download = `${$_('certificates')}_${t.name}-${locale}.pdf`;
+          a.download = `${$_("certificates")}_${t.name}-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
@ -144,8 +151,7 @@
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -158,16 +164,22 @@
      text: $_("generating-pdfs"),
      duration: -1,
    }).showToast();
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
+    const current_donations =
+      (await DonationService.donationControllerGetAll()) || [];
    let count = 0;
-        let count_orgs =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 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) || [];
+        runner.distanceDonations =
+          current_donations.filter((d) => d.runner?.id == runner.id) || [];
        certificateRunners.push(runner);
      }
      await fetch(
@ -197,18 +209,17 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                a.download = `${$_('certificates')}_${o.name}_direct-${locale}.pdf`;
+          a.download = `${$_("certificates")}_${o.name}-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
          if (count === o.teams.length && count_orgs === generate_orgs.length) {
            toast.hideToast();
-                    console.log("here")
+            console.log("here");
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -220,7 +231,8 @@
        );
        let certificateRunners = [];
        for (let runner of runners) {
-                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
+          runner.distanceDonations =
+            current_donations.filter((d) => d.runner?.id == runner.id) || [];
          certificateRunners.push(runner);
        }
        await fetch(
@ -250,17 +262,21 @@
            const url = window.URL.createObjectURL(blob);
            let a = document.createElement("a");
            a.href = url;
-                a.download = `${$_('certificates')}_${o.name}_${t.name}-${locale}.pdf`;
+            a.download = `${$_("certificates")}_${o.name}_${
+              t.name
+            }-${locale}-${createId()}.pdf`;
            document.body.appendChild(a);
            a.click();
            a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            if (
+              count === o.teams.length &&
+              count_orgs === generate_orgs.length
+            ) {
              toast.hideToast();
              Toastify({
                text: $_("pdfs-successfully-generated"),
                duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
              }).showToast();
            }
          })
@ -281,49 +297,56 @@
        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
        id="options-menu"
        aria-haspopup="true"
-                aria-expanded="true">
-                {$_('generate-runner-certificates')}
+        aria-expanded="true"
+      >
+        {$_("generate-runner-certificates")}
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
-                        fill="none"
-                        d="M0 0h24v24H0z" />
+          class="-mr-1 ml-2 h-5 w-5"
+          ><path fill="none" d="M0 0h24v24H0z" />
          <path
            fill="currentColor"
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
+          /></svg
+        >
      </button>
    </div>
    {#if certificates_dropdown_open}
      <div
        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="certificates:dropdown:menu">
+        id="certificates:dropdown:menu"
+      >
        <div
          class="py-1"
          role="menu"
          aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
          <button
            on:click={() => {
-                            generateCertificates('de');
+              generateCertificates("de");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
+            role="menuitem"
+          >
+            {$_("german")}
          </button>
          <button
            on:click={() => {
-                            generateCertificates('en');
+              generateCertificates("en");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
+            role="menuitem"
+          >
+            {$_("english")}
          </button>
        </div>
      </div>
--- a/src/components/pdf_generation/GenerateSponsoringContracts.svelte
+++ b/src/components/pdf_generation/GenerateSponsoringContracts.svelte
@ -5,6 +5,9 @@
    RunnerTeamService,
  } from "@odit/lfk-client-js";
  import Toastify from "toastify-js";
+  import { init } from "@paralleldrive/cuid2";
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
+
  export let sponsoring_contracts_show = false;
  export let generate_runners = [];
  export let generate_orgs = [];
@ -69,7 +72,7 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                    a.download = `${$_('sponsorings')}_${t.name}-${locale}.pdf`;
+          a.download = `${$_("sponsorings")}_${t.name}-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
@ -78,8 +81,7 @@
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -92,11 +94,15 @@
      text: $_("generating-pdf"),
      duration: -1,
    }).showToast();
-        let count_orgs =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 runners =
+        await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+          o.id,
+          true
+        );
      await fetch(
        `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
        {
@ -124,18 +130,17 @@
          const url = window.URL.createObjectURL(blob);
          let a = document.createElement("a");
          a.href = url;
-                a.download = `${$_('sponsorings')}_${o.name}_direct-${locale}.pdf`;
+          a.download = `${$_("sponsorings")}_${o.name}_direct-${locale}-${createId()}.pdf`;
          document.body.appendChild(a);
          a.click();
          a.remove();
          if (count === o.teams.length && count_orgs === generate_orgs.length) {
            toast.hideToast();
-                    console.log("here")
+            console.log("here");
            Toastify({
              text: $_("pdfs-successfully-generated"),
              duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
            }).showToast();
          }
        })
@ -172,17 +177,21 @@
            const url = window.URL.createObjectURL(blob);
            let a = document.createElement("a");
            a.href = url;
-                a.download = `${$_('sponsorings')}_${o.name}_${t.name}-${locale}.pdf`;
+            a.download = `${$_("sponsorings")}_${o.name}_${
+              t.name
+            }-${locale}-${createId()}.pdf`;
            document.body.appendChild(a);
            a.click();
            a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            if (
+              count === o.teams.length &&
+              count_orgs === generate_orgs.length
+            ) {
              toast.hideToast();
              Toastify({
                text: $_("pdfs-successfully-generated"),
                duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
              }).showToast();
            }
          })
@ -223,10 +232,12 @@
        const url = window.URL.createObjectURL(blob);
        let a = document.createElement("a");
        a.href = url;
-                if(generate_runners.length == 1){
-                    a.download = `${$_('sponsorings')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
+        if (generate_runners.length == 1) {
+          a.download = `${$_("sponsorings")}_${generate_runners[0].firstname}_${
+            generate_runners[0].lastname
+          }-${locale}-${createId()}.pdf`;
        }
-                a.download = `${$_('sponsorings')}-${locale}.pdf`;
+        a.download = `${$_("sponsorings")}-${locale}-${createId()}.pdf`;
        document.body.appendChild(a);
        a.click();
        a.remove();
@ -234,8 +245,7 @@
        Toastify({
          text: $_("pdf-successfully-generated"),
          duration: 3500,
-                    backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
        }).showToast();
      })
      .catch((err) => {
@ -249,55 +259,63 @@
    <div>
      <button
        on:click={() => {
-                    sponsoring_contracts_download_open = !sponsoring_contracts_download_open;
+          sponsoring_contracts_download_open =
+            !sponsoring_contracts_download_open;
        }}
        type="button"
        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
        id="options-menu"
        aria-haspopup="true"
-                aria-expanded="true">
-                {$_('generate-sponsoring-contracts')}
+        aria-expanded="true"
+      >
+        {$_("generate-sponsoring-contracts")}
        <svg
          xmlns="http://www.w3.org/2000/svg"
          width="24"
          height="24"
          viewBox="0 0 24 24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
-                        fill="none"
-                        d="M0 0h24v24H0z" />
+          class="-mr-1 ml-2 h-5 w-5"
+          ><path fill="none" d="M0 0h24v24H0z" />
          <path
            fill="currentColor"
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
+          /></svg
+        >
      </button>
    </div>
    {#if sponsoring_contracts_download_open}
      <div
        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="sponsoring:dropdown:menu">
+        id="sponsoring:dropdown:menu"
+      >
        <div
          class="py-1"
          role="menu"
          aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
          <button
            on:click={() => {
-                            generateSponsoringContract('de');
+              generateSponsoringContract("de");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
+            role="menuitem"
+          >
+            {$_("german")}
          </button>
          <button
            on:click={() => {
-                            generateSponsoringContract('en');
+              generateSponsoringContract("en");
            }}
            type="submit"
            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
+            role="menuitem"
+          >
+            {$_("english")}
          </button>
        </div>
      </div>