✨ PDF from RunnerDetail

ref #62

src/components/runners/RunnerDetail.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { _ } from "svelte-i18n";
+  import { getLocaleFromNavigator, _ } from "svelte-i18n";
   import lodashIsEqual from "lodash.isequal";
   import store from "../../store";
   import {
@@ -14,6 +14,7 @@
   export let params;
   const runner_promise = RunnerService.runnerControllerGetOne(params.runnerid);
   $: delete_triggered = false;
+  $: original_data_pdf = {};
   $: original_data = {};
   $: editable = {};
   $: changes_performed = !lodashIsEqual(original_data, editable);
@@ -26,6 +27,7 @@
     changes_performed && isFirstnameValid && isLastnameValid && isEmailValid;
   runner_promise.then((data) => {
     data_loaded = true;
+    original_data_pdf = Object.assign(original_data_pdf, data);
     original_data = Object.assign(original_data, data);
     original_data.group = original_data.group.id;
     editable = Object.assign(editable, original_data);
@@ -130,6 +132,35 @@
               }}
               class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm">{$_('cancel')}</button>
           {/if}
+          <button
+            on:click={() => {
+              const locale = getLocaleFromNavigator();
+              fetch(
+                `https://dev.lauf-fuer-kaya.de/documents/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+                {
+                  method: 'POST',
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                  body: JSON.stringify([original_data_pdf]),
+                }
+              )
+                .then((response) => response.blob())
+                .then((blob) => {
+                  const url = window.URL.createObjectURL(blob);
+                  let a = document.createElement('a');
+                  a.href = url;
+                  a.download = 'Sponsoring.pdf';
+                  document.body.appendChild(a);
+                  a.click();
+                  a.remove();
+                })
+                .catch((err) => {
+                  console.error(err);
+                });
+            }}
+            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">{$_('generate-sponsoring-contract')}</button>
           {#if !delete_triggered}
             <button
               on:click={() => {