🚀RELEASE v1.3.3

Reviewed-on: #176

CHANGELOG.md

@@ -2,8 +2,97 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [1.3.3](https://git.odit.services/lfk/frontend/compare/1.3.2...1.3.3)
+
+- bumped lfk-client-js [`2c208c4`](https://git.odit.services/lfk/frontend/commit/2c208c438185892270a0ebd37deb6a7c9ac08fc0)
+
+#### [1.3.2](https://git.odit.services/lfk/frontend/compare/1.3.1...1.3.2)
+
+> 19 April 2023
+
+- 🚀RELEASE v1.3.2 [`39bc6c4`](https://git.odit.services/lfk/frontend/commit/39bc6c49450964510f996369d014f92c569188ae)
+- fix(donors): Shortened texts [`b94e3b7`](https://git.odit.services/lfk/frontend/commit/b94e3b745f2febbe91e16a7a26f96b47d347ab92)
+- feat(donations): Resolve donations via donor [`6f337ae`](https://git.odit.services/lfk/frontend/commit/6f337aeee16267d1e67e3d3855b63b6f2e57979f)
+- fix(donors): Removed debug infos [`5d48060`](https://git.odit.services/lfk/frontend/commit/5d48060834717b2244172a0914e2690f8fe634d9)
+
+#### [1.3.1](https://git.odit.services/lfk/frontend/compare/1.3.0...1.3.1)
+
+> 19 April 2023
+
+- feat(donations): Donation table filtering [`91ab199`](https://git.odit.services/lfk/frontend/commit/91ab199769c9f4f8051c74ad43a701db321f3995)
+- feat(donors): Added name and address filtering [`27b4dde`](https://git.odit.services/lfk/frontend/commit/27b4dde7551995c9d7e8ca33a9bd97d429a35801)
+- 🚀RELEASE v1.3.1 [`c842c20`](https://git.odit.services/lfk/frontend/commit/c842c203e2fbf0a201297d475db9047c0691bd52)
+- More filtering [`5bcfc8d`](https://git.odit.services/lfk/frontend/commit/5bcfc8db752fce96e9f523d14cefff1a4f675661)
+
+#### [1.3.0](https://git.odit.services/lfk/frontend/compare/1.2.0...1.3.0)
+
+> 19 April 2023
+
+- feat(donations): Implemented donation deletion via confirm modal [`505fb8c`](https://git.odit.services/lfk/frontend/commit/505fb8cb08b81a7dcb08561bdda0f6464f140d3e)
+- 🚀RELEASE v1.3.0 [`e75be49`](https://git.odit.services/lfk/frontend/commit/e75be49be42c3d5581e2204bfa064bfa3778c1b6)
+- feat(donationsoverview): Switched donations overview to datatable [`133470b`](https://git.odit.services/lfk/frontend/commit/133470b6f2a63ec087f27c98ef260648a8672e5f)
+- feat(donations): Implemented add donation payment via datatable refresh [`e5c9265`](https://git.odit.services/lfk/frontend/commit/e5c92655886ad9a6fcd7565fadd7955c477c3595)
+- feat(donations): Donations reactive create and load into datatable [`02003ec`](https://git.odit.services/lfk/frontend/commit/02003ec80efc16aabd126710a6eeac18df43f841)
+- feat(DonationsOverview): i18n loading text [`8f8858f`](https://git.odit.services/lfk/frontend/commit/8f8858f10071ddf9988d0ec0e3c4a891db24a102)
+- new license file version [CI SKIP] [`4289034`](https://git.odit.services/lfk/frontend/commit/4289034436869750205a946247e7ab5f9892fe98)
+
+#### [1.2.0](https://git.odit.services/lfk/frontend/compare/1.1.0...1.2.0)
+
+> 19 April 2023
+
+- feat(donoroverview): Added datatable formatters [`d98fb0d`](https://git.odit.services/lfk/frontend/commit/d98fb0d5b288c987a45ccbf2bb026ccaab539a71)
+- 🚀RELEASE v1.2.0 [`fdc7d80`](https://git.odit.services/lfk/frontend/commit/fdc7d80bbf9bd698128e9ec4f91fa813499777a9)
+- feat(donors): Load donors paginated [`5014bf5`](https://git.odit.services/lfk/frontend/commit/5014bf5bc5873cfe4ae04d71b4aff12b257dd2e3)
+- feat(donorsoverview): Dynamicly add newly generated donors [`352551e`](https://git.odit.services/lfk/frontend/commit/352551e168b5dced5e7353e82655908d82d28af0)
+- feat(donorsoverview): Implemented delete confirmation with datatable [`7aec050`](https://git.odit.services/lfk/frontend/commit/7aec050419f6f1bf853c3e1bc655b01725ed3b65)
+
+#### [1.1.0](https://git.odit.services/lfk/frontend/compare/1.0.0...1.1.0)
+
+> 19 April 2023
+
+- 🚀RELEASE v1.1.0 [`0708cab`](https://git.odit.services/lfk/frontend/commit/0708cabc75e63a876e54a0b343318f8d934ae319)
+- feat(dashboar): Added total donors to overview [`e0b6148`](https://git.odit.services/lfk/frontend/commit/e0b61486b089aa1e611ef3569b1521fc331ec0e4)
+- feat(dashboard): Updated stats icons [`4fcb26c`](https://git.odit.services/lfk/frontend/commit/4fcb26cf9371e27e5d7e474b3558ef354e9114c0)
+- feat(dashboard): Added average sponsoring [`269def2`](https://git.odit.services/lfk/frontend/commit/269def20d114ededaba3153bbd50ec2ddd70e1c6)
+- feat(dashboard): Added total donations [`7b2b598`](https://git.odit.services/lfk/frontend/commit/7b2b59858839b98370af6fb1e6028ba0a1639186)
+- feat(dashboard): Added average distance [`b8de9e0`](https://git.odit.services/lfk/frontend/commit/b8de9e0e427b3a8b56e6354ad7168ae12c7cce85)
+- Lockfile [`3f86f74`](https://git.odit.services/lfk/frontend/commit/3f86f7412ffc4bc27328ad1f7d3c3118546e7e29)
+- Bumped client [`6454d96`](https://git.odit.services/lfk/frontend/commit/6454d960de3f9f5ea86679f157b3b7e7cffde74d)
+- new license file version [CI SKIP] [`2a64094`](https://git.odit.services/lfk/frontend/commit/2a640940062765a470387103a72ed14a2411d97b)
+
+### [1.0.0](https://git.odit.services/lfk/frontend/compare/0.19.0...1.0.0)
+
+> 19 April 2023
+
+- 🚀RELEASE v1.0.0 [`8da7578`](https://git.odit.services/lfk/frontend/commit/8da7578a0a46a3e97d8c870e29399f6e8821c9fa)
+- Merge pull request 'feature/175-request_pagination' (#176) from feature/175-request_pagination into dev [`e9ce964`](https://git.odit.services/lfk/frontend/commit/e9ce9644ff03f981cec6e9ad56aa5fdf0ff71ef4)
+- Donation paginated loading [`ccf8656`](https://git.odit.services/lfk/frontend/commit/ccf865687b34016931a702c0a9b98a0a18e2b03a)
+- Paginated scan loading [`cac34db`](https://git.odit.services/lfk/frontend/commit/cac34db1fd3bf5dc7c7be64b3a76ca4c8c77938d)
+- Implemented Async loading of cards via pagination (500 cards per request) [`c33dfcf`](https://git.odit.services/lfk/frontend/commit/c33dfcfddddfed0902f3fa9b1d8a1d3e1560262f)
+- Paginated runner loading (1000 per page) [`faf3893`](https://git.odit.services/lfk/frontend/commit/faf3893180bb735bea6f1ea58c896686b89949fe)
+- Allways set loaded to true [`52439aa`](https://git.odit.services/lfk/frontend/commit/52439aa5bc8cfb1d78d5dfce55b1a0df640ad8f5)
+- Bumped lfk client [`019e14a`](https://git.odit.services/lfk/frontend/commit/019e14ab1f99906f13d36c7148d0f4b7894072f2)
+- new license file version [CI SKIP] [`a6ce04c`](https://git.odit.services/lfk/frontend/commit/a6ce04c90386f16abf235cc7b2f95aeea5011c7d)
+
+#### [0.19.0](https://git.odit.services/lfk/frontend/compare/0.18.4...0.19.0)
+
+> 17 April 2023
+
+- 🚀RELEASE v0.19.0 [`94a64ca`](https://git.odit.services/lfk/frontend/commit/94a64ca69078c7fe2935eeb5f955fab95a79cb85)
+- Merge pull request 'feature/173-scanstation_configcodes' (#174) from feature/173-scanstation_configcodes into dev [`165c154`](https://git.odit.services/lfk/frontend/commit/165c1542338c58f2abf42fef2e7b84b40d1e2d9c)
+- I18n [`e60c09e`](https://git.odit.services/lfk/frontend/commit/e60c09e19c9cc20338906e84f4db4e009d926360)
+- Implemented config code generation [`4b63427`](https://git.odit.services/lfk/frontend/commit/4b6342727ee0ea38597750d8c99edc301f1ccc2d)
+- Styling [`4834d14`](https://git.odit.services/lfk/frontend/commit/4834d1484c3fb6ecd4a1b56aa9fbb8125c641a62)
+- Adjusted size on smaller devices [`318547d`](https://git.odit.services/lfk/frontend/commit/318547db46045e41de64d5688368e85cd6fb8035)
+- Lockfile [`947d01c`](https://git.odit.services/lfk/frontend/commit/947d01cf7fc7fe2ee88c56e017b0d663f1f3b4f9)
+- Barcode placeholder [`cb5fa52`](https://git.odit.services/lfk/frontend/commit/cb5fa52cd9a97490b50fb0c02c26615b49650c08)
+- Added bwip-js for barcode generation [`3563394`](https://git.odit.services/lfk/frontend/commit/3563394fb33d661890327e2ae08c400830b37844)
+
 #### [0.18.4](https://git.odit.services/lfk/frontend/compare/0.18.3...0.18.4)
 
+> 15 April 2023
+
+- 🚀RELEASE v0.18.4 [`269d7a7`](https://git.odit.services/lfk/frontend/commit/269d7a7defdde059ef2bb5103262cf734e9babe9)
 - Hide address2 in orgs by default [`e95f233`](https://git.odit.services/lfk/frontend/commit/e95f2333b0b958ed00c0e097b43aac2e70ad0d38)
 
 #### [0.18.3](https://git.odit.services/lfk/frontend/compare/0.18.2...0.18.3)

index.html

@@ -13,7 +13,7 @@
 </head>
 
 <body>
-  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.18.4-RELEASE_INFO</span>
+  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-1.3.3-RELEASE_INFO</span>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <script src="/env.js"></script>
   <script type="module" src="/src/main.js"></script>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@odit/lfk-frontend",
-	"version": "0.18.4",
+	"version": "1.3.3",
 	"type": "module",
 	"scripts": {
 		"i18n-order": "node order.js",
@@ -39,7 +39,7 @@
 		}
 	},
 	"dependencies": {
-		"@odit/lfk-client-js": "0.14.3",
+		"@odit/lfk-client-js": "1.1.1",
 		"@paralleldrive/cuid2": "^2.2.0",
 		"@tanstack/svelte-table": "^8.8.5",
 		"bwip-js": "^3.4.0",

pnpm-lock.yaml

@@ -2,8 +2,8 @@ lockfileVersion: '6.0'
 
 dependencies:
   '@odit/lfk-client-js':
-    specifier: 0.14.3
-    version: 0.14.3
+    specifier: 1.1.0
+    version: 1.1.0
   '@paralleldrive/cuid2':
     specifier: ^2.2.0
     version: 2.2.0
@@ -510,8 +510,8 @@ packages:
       '@octokit/openapi-types': 16.0.0
     dev: true
 
-  /@odit/lfk-client-js@0.14.3:
-    resolution: {integrity: sha512-oOZ9jjzqcbMA0Sfwxn4q9+8hHckMU2IhAn7v0OAS54zcnquYQANnY4RMEoNIyXd0oEe1z8QewBjyBvFEDg6BmA==}
+  /@odit/lfk-client-js@1.1.0:
+    resolution: {integrity: sha512-yhjsi7YMzL9/fJ7o06yszzw15iZhao3VmX0G9oqZWFwYJd1M2td3Lvm76mXNzTVlbdG6W0W3+eEjcalBdo51Pg==}
     dev: false
 
   /@odit/license-exporter@0.0.12:

public/licenses.json

@@ -1 +1 @@
-[{"author":"ODIT.Services","repo":{"type":"git","url":"git+https://git.odit.services/lfk/lfk-client-js"},"description":"A lib to interact with https://git.odit.services/lfk/backend. Use this version for native JS applications.","name":"@odit/lfk-client-js","license":"CC-BY-NC-SA-4.0","version":"0.14.3","licensetext":"Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Creative\r\nCommons Corporation (\"Creative Commons\") is not a law firm and does not provide\r\nlegal services or legal advice. Distribution of Creative Commons public licenses\r\ndoes not create a lawyer-client or other relationship. Creative Commons makes\r\nits licenses and related information available on an \"as-is\" basis. Creative\r\nCommons gives no warranties regarding its licenses, any material licensed\r\nunder their terms and conditions, or any related information. Creative Commons\r\ndisclaims all liability for damages resulting from their use to the fullest\r\nextent possible.\r\n\r\nUsing Creative Commons Public Licenses\r\n\r\nCreative Commons public licenses provide a standard set of terms and conditions\r\nthat creators and other rights holders may use to share original works of\r\nauthorship and other material subject to copyright and certain other rights\r\nspecified in the public license below. The following considerations are for\r\ninformational purposes only, are not exhaustive, and do not form part of our\r\nlicenses.\r\n\r\nConsiderations for licensors: Our public licenses are intended for use by\r\nthose authorized to give the public permission to use material in ways otherwise\r\nrestricted by copyright and certain other rights. Our licenses are irrevocable.\r\nLicensors should read and understand the terms and conditions of the license\r\nthey choose before applying it. Licensors should also secure all rights necessary\r\nbefore applying our licenses so that the public can reuse the material as\r\nexpected. Licensors should clearly mark any material not subject to the license.\r\nThis includes other CC-licensed material, or material used under an exception\r\nor limitation to copyright. More considerations for licensors : wiki.creativecommons.org/Considerations_for_licensors\r\n\r\nConsiderations for the public: By using one of our public licenses, a licensor\r\ngrants the public permission to use the licensed material under specified\r\nterms and conditions. If the licensor's permission is not necessary for any\r\nreason–for example, because of any applicable exception or limitation to copyright–then\r\nthat use is not regulated by the license. Our licenses grant only permissions\r\nunder copyright and certain other rights that a licensor has authority to\r\ngrant. Use of the licensed material may still be restricted for other reasons,\r\nincluding because others have copyright or other rights in the material. A\r\nlicensor may make special requests, such as asking that all changes be marked\r\nor described. Although not required by our licenses, you are encouraged to\r\nrespect those requests where reasonable. More considerations for the public\r\n: wiki.creativecommons.org/Considerations_for_licensees\r\n\r\nCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public\r\nLicense\r\n\r\nBy exercising the Licensed Rights (defined below), You accept and agree to\r\nbe bound by the terms and conditions of this Creative Commons Attribution-NonCommercial-ShareAlike\r\n4.0 International Public License (\"Public License\"). To the extent this Public\r\nLicense may be interpreted as a contract, You are granted the Licensed Rights\r\nin consideration of Your acceptance of these terms and conditions, and the\r\nLicensor grants You such rights in consideration of benefits the Licensor\r\nreceives from making the Licensed Material available under these terms and\r\nconditions.\r\n\r\nSection 1 – Definitions.\r\n\r\na. Adapted Material means material subject to Copyright and Similar Rights\r\nthat is derived from or based upon the Licensed Material and in which the\r\nLicensed Material is translated, altered, arranged, transformed, or otherwise\r\nmodified in a manner requiring permission under the Copyright and Similar\r\nRights held by the Licensor. For purposes of this Public License, where the\r\nLicensed Material is a musical work, performance, or sound recording, Adapted\r\nMaterial is always produced where the Licensed Material is synched in timed\r\nrelation with a moving image.\r\n\r\nb. Adapter's License means the license You apply to Your Copyright and Similar\r\nRights in Your contributions to Adapted Material in accordance with the terms\r\nand conditions of this Public License.\r\n\r\nc. BY-NC-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses,\r\napproved by Creative Commons as essentially the equivalent of this Public\r\nLicense.\r\n\r\nd. Copyright and Similar Rights means copyright and/or similar rights closely\r\nrelated to coLine truncated
+[{"author":"ODIT.Services","repo":{"type":"git","url":"git+https://git.odit.services/lfk/lfk-client-js"},"description":"A lib to interact with https://git.odit.services/lfk/backend. Use this version for native JS applications.","name":"@odit/lfk-client-js","license":"CC-BY-NC-SA-4.0","version":"1.1.0","licensetext":"Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Creative\r\nCommons Corporation (\"Creative Commons\") is not a law firm and does not provide\r\nlegal services or legal advice. Distribution of Creative Commons public licenses\r\ndoes not create a lawyer-client or other relationship. Creative Commons makes\r\nits licenses and related information available on an \"as-is\" basis. Creative\r\nCommons gives no warranties regarding its licenses, any material licensed\r\nunder their terms and conditions, or any related information. Creative Commons\r\ndisclaims all liability for damages resulting from their use to the fullest\r\nextent possible.\r\n\r\nUsing Creative Commons Public Licenses\r\n\r\nCreative Commons public licenses provide a standard set of terms and conditions\r\nthat creators and other rights holders may use to share original works of\r\nauthorship and other material subject to copyright and certain other rights\r\nspecified in the public license below. The following considerations are for\r\ninformational purposes only, are not exhaustive, and do not form part of our\r\nlicenses.\r\n\r\nConsiderations for licensors: Our public licenses are intended for use by\r\nthose authorized to give the public permission to use material in ways otherwise\r\nrestricted by copyright and certain other rights. Our licenses are irrevocable.\r\nLicensors should read and understand the terms and conditions of the license\r\nthey choose before applying it. Licensors should also secure all rights necessary\r\nbefore applying our licenses so that the public can reuse the material as\r\nexpected. Licensors should clearly mark any material not subject to the license.\r\nThis includes other CC-licensed material, or material used under an exception\r\nor limitation to copyright. More considerations for licensors : wiki.creativecommons.org/Considerations_for_licensors\r\n\r\nConsiderations for the public: By using one of our public licenses, a licensor\r\ngrants the public permission to use the licensed material under specified\r\nterms and conditions. If the licensor's permission is not necessary for any\r\nreason–for example, because of any applicable exception or limitation to copyright–then\r\nthat use is not regulated by the license. Our licenses grant only permissions\r\nunder copyright and certain other rights that a licensor has authority to\r\ngrant. Use of the licensed material may still be restricted for other reasons,\r\nincluding because others have copyright or other rights in the material. A\r\nlicensor may make special requests, such as asking that all changes be marked\r\nor described. Although not required by our licenses, you are encouraged to\r\nrespect those requests where reasonable. More considerations for the public\r\n: wiki.creativecommons.org/Considerations_for_licensees\r\n\r\nCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public\r\nLicense\r\n\r\nBy exercising the Licensed Rights (defined below), You accept and agree to\r\nbe bound by the terms and conditions of this Creative Commons Attribution-NonCommercial-ShareAlike\r\n4.0 International Public License (\"Public License\"). To the extent this Public\r\nLicense may be interpreted as a contract, You are granted the Licensed Rights\r\nin consideration of Your acceptance of these terms and conditions, and the\r\nLicensor grants You such rights in consideration of benefits the Licensor\r\nreceives from making the Licensed Material available under these terms and\r\nconditions.\r\n\r\nSection 1 – Definitions.\r\n\r\na. Adapted Material means material subject to Copyright and Similar Rights\r\nthat is derived from or based upon the Licensed Material and in which the\r\nLicensed Material is translated, altered, arranged, transformed, or otherwise\r\nmodified in a manner requiring permission under the Copyright and Similar\r\nRights held by the Licensor. For purposes of this Public License, where the\r\nLicensed Material is a musical work, performance, or sound recording, Adapted\r\nMaterial is always produced where the Licensed Material is synched in timed\r\nrelation with a moving image.\r\n\r\nb. Adapter's License means the license You apply to Your Copyright and Similar\r\nRights in Your contributions to Adapted Material in accordance with the terms\r\nand conditions of this Public License.\r\n\r\nc. BY-NC-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses,\r\napproved by Creative Commons as essentially the equivalent of this Public\r\nLicense.\r\n\r\nd. Copyright and Similar Rights means copyright and/or similar rights closely\r\nrelated to copLine truncated

src/components/cards/CardsOverview.svelte

@@ -32,7 +32,7 @@
   export let original_data = {};
   export let current_cards = [];
   export const addCards = (cards) => {
-    console.log(cards)
+    console.log(cards);
     current_cards = current_cards.concat(...cards);
     options.update((options) => ({
       ...options,
@@ -155,15 +155,27 @@
     }).showToast();
   }
 
-  onMount(() => {
-    RunnerCardService.runnerCardControllerGetAll().then((val) => {
-      current_cards = val;
+  onMount(async () => {
+    let page = 0;
+    while (page >= 0) {
+      const cards = await RunnerCardService.runnerCardControllerGetAll(
+        page,
+        500
+      );
+      if (cards.length == 0) {
+        page = -2;
+      }
+
+      current_cards = current_cards.concat(...cards);
       options.update((options) => ({
         ...options,
         data: current_cards,
       }));
+
       dataLoaded = true;
-    });
+      page++;
+    }
+    console.log("All cards loaded");
   });
 </script>
 
@@ -229,7 +241,7 @@
               ...options,
               data: current_cards,
             }));
-            $table.resetRowSelection()
+            $table.resetRowSelection();
           }}
         >
           {$_("delete-cards")}
@@ -249,7 +261,10 @@
           </svg>
         </button>
       {/if}
-      <GenerateRunnerCards cards_show={selected.length>0} bind:generate_cards={selectedCards} />
+      <GenerateRunnerCards
+        cards_show={selected.length > 0}
+        bind:generate_cards={selectedCards}
+      />
     </div>
     <div class="overflow-x-auto">
       <table class="w-full">

src/components/dashboard/MainDashContent.svelte

@@ -35,7 +35,9 @@
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
   {:then stats}
-    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 2xl:grid-cols-6 gap-4">
+    <div
+      class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 2xl:grid-cols-6 gap-4"
+    >
       <StatCard
         title={$_("runners")}
         value={stats.total_runners}
@@ -59,18 +61,67 @@
         href="/scans/"
       >
         <svg
-          stroke="currentColor"
           fill="currentColor"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          size="24"
-          class="stroke-current text-grey-500"
-          height="24"
           width="24"
+          height="24"
           xmlns="http://www.w3.org/2000/svg"
-          ><polyline points="22 12 18 12 15 21 9 3 6 12 2 12" /></svg
+          viewBox="0 0 24 24"
+          ><path fill="none" d="M0 0h24v24H0z" />
+          <path
+            fill="currentColor"
+            d="M2 4h2v16H2V4zm4 0h1v16H6V4zm2 0h2v16H8V4zm3 0h2v16h-2V4zm3 0h2v16h-2V4zm3 0h1v16h-1V4zm2 0h3v16h-3V4z"
+          /></svg
+        >
+      </StatCard>
+      <StatCard
+        title={$_("total-donors")}
+        value={stats.total_donors}
+        href="/donors/"
+      >
+        <svg
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          width="24"
+          height="24"
+          ><path fill="none" d="M0 0h24v24H0z" />
+          <path
+            d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
+          /></svg
+        >
+      </StatCard>
+      <StatCard
+        title={$_("total-donation-count")}
+        value={stats.total_donations}
+        href="/donations/"
+      >
+        <svg
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          width="24"
+          height="24"
+          ><path fill="none" d="M0 0h24v24H0z" />
+          <path
+            d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
+          /></svg
+        >
+      </StatCard>
+      <StatCard
+        title={$_("average-donation")}
+        value={`${(stats.average_donation / 100).toFixed(2)} €`}
+        href="/donations/"
+      >
+        <svg
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          width="24"
+          height="24"
+          ><path fill="none" d="M0 0h24v24H0z" />
+          <path
+            d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
+          /></svg
         >
       </StatCard>
       <StatCard
@@ -105,6 +156,22 @@
           /></svg
         >
       </StatCard>
+      <StatCard
+        title={$_("average-distance")}
+        value={`${(stats.average_distance / 1000).toFixed(2)} km`}
+        href="#"
+      >
+        <svg
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          height="24"
+          width="24"
+          ><path d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z"
+          /></svg
+        >
+      </StatCard>
       <StatCard
         title={$_("count_teams")}
         value={stats.total_teams}

src/components/donations/AddDonationModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  
+
   import {
     DonationService,
     DonorService,
@@ -9,9 +9,10 @@
   } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import Toastify from "toastify-js";
-import { is_promise } from "svelte/internal";
+  import { is_promise } from "svelte/internal";
+  import { createEventDispatcher } from "svelte";
   export let modal_open;
-  export let current_donations;
+  const dispatch = createEventDispatcher();
   const getDonorLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
   const filterDonors = (label, filterText, option) =>
@@ -59,16 +60,16 @@ import { is_promise } from "svelte/internal";
       let amount_cent = Math.floor(amount_input * 100);
       processed_last_submit = false;
       const toast = Toastify({
-        text: $_('adding-donation'),
+        text: $_("adding-donation"),
         duration: -1,
       }).showToast();
       if (is_fixed) {
         let postdata = {
           donor,
           amount: amount_cent,
-          paidAmount: 0
+          paidAmount: 0,
         };
-        if(is_paid){
+        if (is_paid) {
           postdata.paidAmount = amount_cent;
         }
         DonationService.donationControllerPostFixed(postdata)
@@ -79,12 +80,11 @@ import { is_promise } from "svelte/internal";
             modal_open = false;
             //
             Toastify({
-              text: $_('donation_added'),
+              text: $_("donation_added"),
               duration: 500,
               backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
             }).showToast();
-            current_donations.push(result);
-            current_donations = current_donations;
+            dispatch("created", { donations: [result] });
           })
           .catch((err) => {
             //
@@ -108,12 +108,11 @@ import { is_promise } from "svelte/internal";
             modal_open = false;
             //
             Toastify({
-              text: $_('donation_added'),
+              text: $_("donation_added"),
               duration: 500,
               backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
             }).showToast();
-            current_donations.push(result);
-            current_donations = current_donations;
+            dispatch("created", { donations: [result] });
           })
           .catch((err) => {
             //
@@ -128,6 +127,207 @@ import { is_promise } from "svelte/internal";
   }
 </script>
 
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}
+  >
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop"
+        />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span
+      >
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline"
+      >
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
+                /></svg
+              >
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {#if is_fixed}
+                  {$_("create-a-new-fixed-donation")}
+                {:else}{$_("create-a-new-distance-donation")}{/if}
+              </h3>
+              <label class="content-center align-middle object-center">
+                <span class="ml-2 text-base" class:text-gray-300={is_fixed}
+                  >{$_("distance-donation")}</span
+                >
+                <input
+                  class="toggle relative w-10 h-5 transition-all duration-200 ease-in-out bg-gray-400 rounded-full shadow-inner outline-none appearance-none align-middle"
+                  type="checkbox"
+                  bind:checked={is_fixed}
+                />
+                <span class="ml-2 text-base" class:text-gray-300={!is_fixed}
+                  >{$_("fixed-donation")}</span
+                >
+              </label>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_(
+                    "please-provide-the-nessecary-information-to-create-a-new-donation"
+                  )}
+                </p>
+              </div>
+              <div class="grid grid-cols-6 gap-6">
+                <div class="col-span-6">
+                  <label
+                    for="donor"
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("donor")}</label
+                  >
+                  <Select
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    itemFilter={(label, filterText, option) =>
+                      filterDonors(label, filterText, option)}
+                    items={donors}
+                    showChevron={true}
+                    placeholder={$_("search-for-donor-name-or-id")}
+                    noOptionsMessage={$_("no-donors-found")}
+                    on:select={(selectedValue) =>
+                      (donor = selectedValue.detail.value.id)}
+                    on:clear={() => (donors = null)}
+                  />
+                </div>
+                {#if !is_fixed}
+                  <div class="col-span-6">
+                    <label
+                      for="donor"
+                      class="block text-sm font-medium text-gray-700"
+                      >{$_("runner")}</label
+                    >
+                    <Select
+                      containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                      itemFilter={(label, filterText, option) =>
+                        filterDonors(label, filterText, option)}
+                      items={runners}
+                      showChevron={true}
+                      placeholder={$_("search-for-runner-by-name-or-id")}
+                      noOptionsMessage={$_("no-runners-found")}
+                      on:select={(selectedValue) =>
+                        (runner = selectedValue.detail.value.id)}
+                      on:clear={() => (runner = null)}
+                    />
+                  </div>
+                {/if}
+                <div class="col-span-6">
+                  <label
+                    for="donation_amount_eur"
+                    class="block text-sm font-medium text-gray-700"
+                  >
+                    {#if !is_fixed}
+                      {$_("amount-per-kilometer")}
+                    {:else}{$_("donation-amount")}{/if}</label
+                  >
+                  <div class="mt-1 flex rounded-md shadow-sm">
+                    <input
+                      autocomplete="off"
+                      class:border-red-500={!is_amount_valid}
+                      class:focus:border-red-500={!is_amount_valid}
+                      class:focus:ring-red-500={!is_amount_valid}
+                      bind:value={amount_input}
+                      type="number"
+                      step="0.01"
+                      name="donation_amount_eur"
+                      class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
+                      placeholder="2.00"
+                    />
+                    <span
+                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm"
+                      >€</span
+                    >
+                  </div>
+                  {#if !is_amount_valid}
+                    <span
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {$_("donation-amount-must-be-greater-that-0-00eur")}
+                    </span>
+                  {/if}
+                </div>
+                {#if is_fixed}
+                  <div class="col-span-6">
+                    <label
+                      for="paid"
+                      class="block text-sm font-medium text-gray-700"
+                      >{$_("already-paid")}</label
+                    >
+                    <p class="text-gray-500">
+                      <input
+                        id="paid"
+                        bind:checked={is_paid}
+                        name="paid"
+                        type="checkbox"
+                        class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+                      />
+                      <span class="align-text-bottom">
+                        {#if is_paid}
+                          {$_("paid")}
+                        {:else}
+                          {$_("open")}
+                        {/if}
+                      </span>
+                    </p>
+                  </div>
+                {/if}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            disabled={!createbtnenabled}
+            class:opacity-50={!createbtnenabled}
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("create")}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}
+
 <style>
   .toggle:before {
     content: "";
@@ -152,173 +352,3 @@ import { is_promise } from "svelte/internal";
     left: 1.25rem;
   }
 </style>
-
-{#if modal_open}
-  <div
-    class="fixed z-10 inset-0 overflow-y-auto"
-    
-    use:clickOutside
-    on:click_outside={() => {
-      modal_open = false;
-    }}>
-    <div
-      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
-      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
-        <div
-          class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
-      </div>
-      <span
-        class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
-      <div
-        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
-        role="dialog"
-        aria-modal="true"
-        aria-labelledby="modal-headline">
-        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
-          <div class="sm:flex sm:items-start">
-            <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
-              <svg
-                class="h-6 w-6 text-blue-600"
-                fill="currentColor"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                width="24"
-                height="24"><path fill="none" d="M0 0h24v24H0z" />
-                <path
-                  d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z" /></svg>
-            </div>
-            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
-              <h3 class="text-lg leading-6 font-medium text-gray-900">
-                {#if is_fixed}
-                  {$_('create-a-new-fixed-donation')}
-                {:else}{$_('create-a-new-distance-donation')}{/if}
-              </h3>
-              <label class="content-center align-middle object-center">
-                <span
-                  class="ml-2 text-base"
-                  class:text-gray-300={is_fixed}>{$_('distance-donation')}</span>
-                <input
-                  class="toggle relative w-10 h-5 transition-all duration-200 ease-in-out bg-gray-400 rounded-full shadow-inner outline-none appearance-none align-middle"
-                  type="checkbox"
-                  bind:checked={is_fixed} />
-                <span
-                  class="ml-2 text-base	"
-                  class:text-gray-300={!is_fixed}>{$_('fixed-donation')}</span>
-              </label>
-              <div class="mt-2 mb-6">
-                <p class="text-sm text-gray-500">
-                  {$_('please-provide-the-nessecary-information-to-create-a-new-donation')}
-                </p>
-              </div>
-              <div class="grid grid-cols-6 gap-6">
-                <div class="col-span-6">
-                  <label
-                    for="donor"
-                    class="block text-sm font-medium text-gray-700">{$_('donor')}</label>
-                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
-                    itemFilter={(label, filterText, option) => filterDonors(label, filterText, option)}
-                    items={donors}
-                    showChevron={true}
-                    placeholder={$_('search-for-donor-name-or-id')}
-                    noOptionsMessage={$_('no-donors-found')}
-                    on:select={(selectedValue) => (donor = selectedValue.detail.value.id)}
-                    on:clear={() => (donors = null)} />
-                </div>
-                {#if !is_fixed}
-                  <div class="col-span-6">
-                    <label
-                      for="donor"
-                      class="block text-sm font-medium text-gray-700">{$_('runner')}</label>
-                    <Select
-                      containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
-                      itemFilter={(label, filterText, option) => filterDonors(label, filterText, option)}
-                      items={runners}
-                      showChevron={true}
-                      placeholder={$_('search-for-runner-by-name-or-id')}
-                      noOptionsMessage={$_('no-runners-found')}
-                      on:select={(selectedValue) => (runner = selectedValue.detail.value.id)}
-                      on:clear={() => (runner = null)} />
-                  </div>
-                {/if}
-                <div class="col-span-6">
-                  <label
-                    for="donation_amount_eur"
-                    class="block text-sm font-medium text-gray-700">
-                    {#if !is_fixed}
-                      {$_('amount-per-kilometer')}
-                    {:else}{$_('donation-amount')}{/if}</label>
-                  <div class="mt-1 flex rounded-md shadow-sm">
-                    <input
-                      autocomplete="off"
-                      class:border-red-500={!is_amount_valid}
-                      class:focus:border-red-500={!is_amount_valid}
-                      class:focus:ring-red-500={!is_amount_valid}
-                      bind:value={amount_input}
-                      type="number"
-                      step="0.01"
-                      name="donation_amount_eur"
-                      class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
-                      placeholder="2.00" />
-                    <span
-                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm">€</span>
-                  </div>
-                  {#if !is_amount_valid}
-                    <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {$_('donation-amount-must-be-greater-that-0-00eur')}
-                    </span>
-                  {/if}
-                </div>
-                {#if is_fixed}
-                <div class="col-span-6">
-                  <label
-                    for="paid"
-                    class="block text-sm font-medium text-gray-700">{$_('already-paid')}</label>
-                    <p class="text-gray-500">
-                      <input
-                        id="paid"
-                        bind:checked={is_paid}
-                        name="paid"
-                        type="checkbox"
-                        class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" >
-                        <span class="align-text-bottom">
-
-                      {#if is_paid}
-                      {$_('paid')}
-                      {:else}
-                      {$_('open')}
-                      {/if}
-                        </span>
-                    </p>
-                </div>
-                {/if}
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
-          <button
-            disabled={!createbtnenabled}
-            class:opacity-50={!createbtnenabled}
-            on:click={submit}
-            type="button"
-            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-            {$_('create')}
-          </button>
-          <button
-            on:click={() => {
-              modal_open = false;
-            }}
-            type="button"
-            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('cancel')}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-{/if}

src/components/donations/AddDonationPaymentModal.svelte

@@ -1,19 +1,21 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  
+
   import { DonationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
+  import { createEventDispatcher } from "svelte";
   export let payment_modal_open = false;
-  export let current_donations = [];
-  export let editable = {};
   export let original_data = {};
   export let paid_amount_input = 0;
-  $:processed_last_submit=true;
+  const dispatch = createEventDispatcher();
+  $: processed_last_submit = true;
   function focus(el) {
     el.focus();
   }
-  $: createbtnenabled = is_paid_amount_valid && !(paid_amount_input*100 == original_data.paidAmount)
+  $: createbtnenabled =
+    is_paid_amount_valid &&
+    !(paid_amount_input * 100 == original_data.paidAmount);
   $: is_paid_amount_valid = paid_amount_input > 0;
   (() => {
     document.onkeydown = (e) => {
@@ -33,61 +35,56 @@
     if (processed_last_submit === true) {
       processed_last_submit = false;
       const toast = Toastify({
-        text: $_('updating-donation'),
+        text: $_("updating-donation"),
         duration: -1,
       }).showToast();
+      const editable = Object.assign({}, original_data);
       editable.donor = editable.donor.id;
-      editable.paidAmount = paid_amount_input*100;
-      if(editable.responseType == "DISTANCEDONATION" || editable.runner){
+      editable.paidAmount = paid_amount_input * 100;
+      if (editable.responseType == "DISTANCEDONATION" || editable.runner) {
         editable.runner = editable.runner.id;
-        DonationService.donationControllerPutDistance(original_data.id, editable)
-        .then((result) => {
-          let id = original_data.id;
-          editable = {};
-          original_data = {};
-          payment_modal_open = false;
-          //
-          Toastify({
-            text: $_('donation-updated'),
-            duration: 500,
-            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-          }).showToast();
-          current_donations[current_donations.findIndex((c) => c.id === id)] = result;
-          current_donations = current_donations;
-        })
-        .catch((err) => {
-          //
-        })
-        .finally(() => {
-          processed_last_submit = true;
-          //
-          toast.hideToast();
-        });
-      }
-      else{
-          DonationService.donationControllerPutFixed(original_data.id, editable)
-        .then((result) => {
-          let id = original_data.id;
-          editable = {};
-          original_data = {};
-          payment_modal_open = false;
-          //
-          Toastify({
-            text: $_('donation-updated'),
-            duration: 500,
-            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-          }).showToast();
-          current_donations[current_donations.findIndex((c) => c.id === id)] = result;
-          current_donations = current_donations;
-        })
-        .catch((err) => {
-          //
-        })
-        .finally(() => {
-          processed_last_submit = true;
-          //
-          toast.hideToast();
-        });
+        DonationService.donationControllerPutDistance(
+          original_data.id,
+          editable
+        )
+          .then((result) => {
+            payment_modal_open = false;
+            //
+            Toastify({
+              text: $_("donation-updated"),
+              duration: 500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+            dispatch("created", { donation: response });
+          })
+          .catch((err) => {
+            //
+          })
+          .finally(() => {
+            processed_last_submit = true;
+            //
+            toast.hideToast();
+          });
+      } else {
+        DonationService.donationControllerPutFixed(original_data.id, editable)
+          .then((result) => {
+            payment_modal_open = false;
+            //
+            Toastify({
+              text: $_("donation-updated"),
+              duration: 500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+            dispatch("created", { donation: response });
+          })
+          .catch((err) => {
+            //
+          })
+          .finally(() => {
+            processed_last_submit = true;
+            //
+            toast.hideToast();
+          });
       }
     }
   }
@@ -96,57 +93,71 @@
 {#if payment_modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    
     use:clickOutside
     on:click_outside={() => {
       payment_modal_open = false;
-    }}>
+    }}
+  >
     <div
-      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
       <div class="fixed inset-0 transition-opacity" aria-hidden="true">
         <div
           class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
+          data-id="modal_backdrop"
+        />
       </div>
       <span
         class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
+        aria-hidden="true">&#8203;</span
+      >
       <div
         class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
         role="dialog"
         aria-modal="true"
-        aria-labelledby="modal-headline">
+        aria-labelledby="modal-headline"
+      >
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">
             <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
               <svg
                 class="h-6 w-6 text-blue-600"
                 fill="currentColor"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 24 24"
                 width="24"
-                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
                 <path
                   fill="currentColor"
-                  d="M22 10v10a1 1 0 01-1 1H3a1 1 0 01-1-1V10h20zm0-2H2V4a1 1 0 011-1h18a1 1 0 011 1v4zm-7 8v2h4v-2h-4z" /></svg>
+                  d="M22 10v10a1 1 0 01-1 1H3a1 1 0 01-1-1V10h20zm0-2H2V4a1 1 0 011-1h18a1 1 0 011 1v4zm-7 8v2h4v-2h-4z"
+                /></svg
+              >
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
               <h3 class="text-lg leading-6 font-medium text-gray-900">
-                {$_('enter-payment')}
+                {$_("enter-payment")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  {$_('you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount')}
+                  {$_(
+                    "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount"
+                  )}
                 </p>
               </div>
               <div class="grid grid-cols gap-6">
                 <div class="w-full">
                   <label
-                  for="token"
-                  class="block text-sm font-medium text-gray-700">{$_('paid-amount')}</label>
-                <div class="inline-flex border-gray-300 border rounded-l-md rounded-r-md bg-gray-50 text-gray-500 w-full">
-                  <input
+                    for="token"
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("paid-amount")}</label
+                  >
+                  <div
+                    class="inline-flex border-gray-300 border rounded-l-md rounded-r-md bg-gray-50 text-gray-500 w-full"
+                  >
+                    <input
                       autocomplete="off"
                       class:border-red-500={!is_paid_amount_valid}
                       class:focus:border-red-500={!is_paid_amount_valid}
@@ -156,47 +167,55 @@
                       step="0.01"
                       name="donation_amount_eur"
                       class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm p-2"
-                      placeholder="2.00" />
+                      placeholder="2.00"
+                    />
                     <button
-                      on:click={
-                        ()=>{
-                          paid_amount_input=paid_amount_input = (original_data.amount/100).toFixed(2);
-                        }
-                      }
-                      class="inline-flex items-center p-r-2 text-indigo-300 hover:text-indigo-700 text-sm">MAX</button>
+                      on:click={() => {
+                        paid_amount_input = paid_amount_input = (
+                          original_data.amount / 100
+                        ).toFixed(2);
+                      }}
+                      class="inline-flex items-center p-r-2 text-indigo-300 hover:text-indigo-700 text-sm"
+                      >MAX</button
+                    >
                     <span
-                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm">€</span>
+                      class="inline-flex items-center px-3 rounded-r-md border border-gray-300 bg-gray-50 text-gray-500 text-sm"
+                      >€</span
+                    >
                   </div>
                   {#if !is_paid_amount_valid}
                     <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {$_('payment-amount-must-be-greater-than-0-00eur')}
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {$_("payment-amount-must-be-greater-than-0-00eur")}
                     </span>
                   {/if}
                 </div>
-                </div>
               </div>
             </div>
           </div>
-          <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
-            <button
-              disabled={!createbtnenabled}
-              class:opacity-50={!createbtnenabled}
-              on:click={submit}
-              type="button"
-              class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-              {$_('save-changes')}
-            </button>
-            <button
-              on:click={() => {
-                payment_modal_open = false;
-              }}
-              type="button"
-              class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
-              {$_('cancel')}
-            </button>
-          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            disabled={!createbtnenabled}
+            class:opacity-50={!createbtnenabled}
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("save-changes")}
+          </button>
+          <button
+            on:click={() => {
+              payment_modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
         </div>
       </div>
     </div>
+  </div>
 {/if}

src/components/donations/DeleteDonationModal.svelte

@@ -0,0 +1,122 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { createEventDispatcher, onMount } from "svelte";
+  export let modal_open;
+  export let delete_donation = {
+    id: 0,
+    runner: {
+      firstname: "",
+      lastname: "",
+    },
+    donor: {
+      firstname: "",
+      lastname: "",
+    },
+  };
+  const dispatch = createEventDispatcher();
+  onMount(() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  });
+  async function submit() {
+    dispatch("delete", { id: delete_donation.id });
+    modal_open = false;
+  }
+</script>
+
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}
+  >
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop"
+        />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span
+      >
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline"
+      >
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  d="M14 2a8 8 0 013.3 15.3A8 8 0 116.7 6.7 8 8 0 0114 2zm-3 7H9v1a2.5 2.5 0 00-.16 5h2.25a.5.5 0 010 1H7v2h2v1h2v-1a2.5 2.5 0 00.16-5H8.91a.5.5 0 010-1H13v-2h-2V9zm3-5a5.99 5.99 0 00-4.48 2.01 8 8 0 018.47 8.47A6 6 0 0014 4z"
+                /></svg
+              >
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_("confirm-delete")}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_("please-confirm-the-deletion-of-donation")}
+                </p>
+              </div>
+              <div class="w-full">
+                <span class="inline-block"
+                  ><b>{$_("donor")}</b>: {delete_donation.donor.firstname}
+                  {delete_donation.donor.lastname}</span
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("delete")}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}

src/components/donations/DonationDonor.svelte

@@ -0,0 +1,18 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let donor;
+</script>
+
+{#if !donor || donor.firstname == 0}
+  {$_("donor-has-no-associated-donations")}
+{:else}
+  <div class="flex items-center">
+    <a
+      href="../donors/{donor.id}"
+      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
+      >{donor.firstname}
+      {#if donor.middlename}{donor.middlename}{/if}
+      {donor.lastname}</a
+    >
+  </div>
+{/if}

src/components/donations/DonationRunner.svelte

@@ -0,0 +1,18 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let runner;
+</script>
+
+{#if !runner || runner.firstname == 0}
+  {$_("fixed-donation")}
+{:else}
+  <div class="text-sm font-medium text-gray-900">
+    <a
+      href="../runners/{runner.id}"
+      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
+      >{runner.firstname}
+      {#if runner.middlename}{runner.middlename}{/if}
+      {runner.lastname}</a
+    >
+  </div>
+{/if}

src/components/donations/DonationStatus.svelte

@@ -0,0 +1,16 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let status;
+</script>
+
+{#if status == "PAID"}
+  <span
+    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800"
+    >{$_("paid")}</span
+  >
+{:else}
+  <span
+    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800"
+    >{$_("open")}</span
+  >
+{/if}

src/components/donations/DonationTableAction.svelte

@@ -0,0 +1,21 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import TableActions from "../shared/TableActions.svelte";
+
+  export let detailsLink;
+  export let detailsAction;
+  export let deleteEnabled;
+  export let deleteAction;
+  export let paymentAction;
+</script>
+
+<button
+  on:click={paymentAction}
+  class="text-[#025a21] hover:text-green-900 mr-4">{$_("enter-payment")}</button
+>
+<TableActions
+  bind:detailsAction
+  bind:detailsLink
+  bind:deleteAction
+  bind:deleteEnabled
+/>

src/components/donations/Donations.svelte

@@ -5,25 +5,33 @@
   import DonationsOverview from "./DonationsOverview.svelte";
   $: current_donations = [];
   export let modal_open = false;
+  let addDonations;
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight">
-    {$_('donations')}
-    {#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:CREATE')}
+    {$_("donations")}
+    {#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
       <button
         on:click={() => {
           modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-        {$_('add-donation')}
+        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+      >
+        {$_("add-donation")}
       </button>
     {/if}
   </span>
-  <DonationsOverview bind:current_donations />
+  <DonationsOverview bind:current_donations bind:addDonations />
 </section>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:CREATE')}
-  <AddDonationModal bind:current_donations bind:modal_open />
+{#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
+  <AddDonationModal
+    on:created={(event) => {
+      console.log(event)
+      addDonations(event.detail.donations);
+    }}
+    bind:modal_open
+  />
 {/if}

src/components/donations/DonationsOverview.svelte

@@ -1,235 +1,284 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
-  import { DonationService, DonorService } from "@odit/lfk-client-js";
+  import { _ } from "svelte-i18n";
+  import { DonationService } from "@odit/lfk-client-js";
   import store from "../../store";
-  import Toastify from "toastify-js";
   import DonationsEmptyState from "./DonationsEmptyState.svelte";
   import AddDonationPaymentModal from "./AddDonationPaymentModal.svelte";
+  import { onMount } from "svelte";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+    renderComponent,
+  } from "@tanstack/svelte-table";
+  import { writable } from "svelte/store";
+  import TableBottom from "../shared/TableBottom.svelte";
+  import InputElement from "../shared/InputElement.svelte";
+  import TableHeader from "../shared/TableHeader.svelte";
+  import DonationDonor from "./DonationDonor.svelte";
+  import DonationRunner from "./DonationRunner.svelte";
+  import DonationStatus from "./DonationStatus.svelte";
+  import DonationTableAction from "./DonationTableAction.svelte";
+  import DeleteDonationModal from "./DeleteDonationModal.svelte";
+  import { donationDonorFilter, donationRunnerFilter } from "../shared/tablefilters";
   $: searchvalue = "";
   $: active_deletes = [];
+  $: active_edits = [];
+  $: selectedDonations =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+  $: dataLoaded = false;
+
   export let current_donations = [];
-  export let payment_modal_open = false;
-  export let editable = {};
-  export let original_data = {};
-  export let paid_amount_input = 0;
-  const donations_promise = DonationService.donationControllerGetAll().then(
-    (val) => {
-      current_donations = val;
-    }
-  );
-  function should_display_based_on_id(id) {
-    if (searchvalue.toString().slice(-1) === "*") {
-      return id.toString().startsWith(searchvalue.replace("*", ""));
-    }
-    return id.toString() === searchvalue;
-  }
-  function open_payment_modal(donation) {
-    editable = Object.assign({}, donation);
-    original_data = Object.assign({}, donation);
-    paid_amount_input = (donation.paidAmount/100).toFixed(2);
-    payment_modal_open = true;
+  export const addDonations = (donations) => {
+    current_donations = current_donations.concat(...donations);
+    options.update((options) => ({
+      ...options,
+      data: current_donations,
+    }));
+  };
+
+  //Section table
+  const columns = [
+    {
+      accessorKey: "id",
+      header: () => "id",
+      filterFn: `equalsString`,
+    },
+    {
+      accessorKey: "donor",
+      header: () => $_("donor"),
+      cell: (info) => {
+        return renderComponent(DonationDonor, { donor: info.getValue() });
+      },
+      filterFn: `donor`,
+    },
+    {
+      accessorKey: "runner",
+      header: () => $_("runner"),
+      cell: (info) => {
+        return renderComponent(DonationRunner, { runner: info.getValue() });
+      },
+      filterFn: `runner`,
+    },
+    {
+      accessorKey: "amountPerDistance",
+      header: () => $_("amount-per-kilometer"),
+      cell: (info) => {
+        if (!info.getValue()) {
+          return $_("fixed-donation");
+        }
+        return `${(info.getValue() / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })} €`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "amount",
+      header: () => $_("donation-amount"),
+      cell: (info) => {
+        return `${(info.getValue() / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })} €`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "paidAmount",
+      header: () => $_("total-paid-amount"),
+      cell: (info) => {
+        return `${(info.getValue() / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })} €`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "status",
+      header: () => $_("status"),
+      cell: (info) => {
+        return renderComponent(DonationStatus, { status: info.getValue() });
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "actions",
+      header: () => $_("action"),
+      cell: (info) => {
+        return renderComponent(DonationTableAction, {
+          detailsLink: `./${info.row.original.id}`,
+          deleteAction: () => {
+            active_deletes = current_donations.filter(
+              (r) => r.id == info.row.original.id
+            );
+          },
+          paymentAction: () => {
+            active_edits = current_donations.filter(
+              (r) => r.id == info.row.original.id
+            );
+          },
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes(
+              "DONATION:DELETE"
+            ),
+        });
+      },
+      enableColumnFilter: false,
+      enableSorting: false,
+    },
+  ];
+  const options = writable({
+    data: [],
+    columns: columns,
+    initialState: {
+      pagination: {
+        pageSize: 50,
+      },
+    },
+    filterFns: {
+      donor: donationDonorFilter,
+      runner: donationRunnerFilter,
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+  });
+  const table = createSvelteTable(options);
+
+  async function deleteDonation(delete_donation_id) {
+    await DonationService.donationControllerRemove(delete_donation_id, true);
+    current_donations = current_donations.filter(
+      (r) => r.id !== delete_donation_id
+    );
+    options.update((options) => ({
+      ...options,
+      data: current_donations,
+    }));
+    Toastify({
+      text: $_("donation-deleted"),
+      duration: 3500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
   }
+
+  onMount(async () => {
+    let page = 0;
+    while (page >= 0) {
+      const donations = await DonationService.donationControllerGetAll(
+        page,
+        500
+      );
+      if (donations.length == 0) {
+        page = -2;
+      }
+
+      current_donations = current_donations.concat(...donations);
+      options.update((options) => ({
+        ...options,
+        data: current_donations,
+      }));
+
+      dataLoaded = true;
+      page++;
+    }
+    console.log("All donations loaded");
+  });
 </script>
 
-<AddDonationPaymentModal bind:current_donations bind:original_data bind:editable bind:paid_amount_input bind:payment_modal_open />
-{#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:GET')}
-  {#await donations_promise}
+<AddDonationPaymentModal
+  original_data={active_edits[0]}
+  payment_modal_open={active_edits.length > 0}
+  paid_amount_input={(active_edits[0]?.paidAmount || 0) / 100}
+  on:created={(event) => {
+    current_donations[
+      current_donations.findIndex((d) => d.id === event.detail.donation.id)
+    ].paidAmount = event.detail.donation.paidAmount;
+    options.update((options) => ({
+      ...options,
+      data: current_donations,
+    }));
+  }}
+/>
+<DeleteDonationModal
+  delete_donation={active_deletes[0]}
+  modal_open={active_deletes.length > 0}
+  on:delete={(event) => {
+    deleteDonation(event.detail.id);
+  }}
+/>
+{#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:GET")}
+  {#if !dataLoaded}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
-      role="alert">
-      <p class="font-bold">donations are being loaded</p>
-      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
+      role="alert"
+    >
+      <p class="font-bold">{$_("donations-are-being-loaded")}</p>
+      <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
-  {:then}
-    {#if current_donations.length === 0}
-      <DonationsEmptyState />
-    {:else}
-      <input
-        type="search"
-        bind:value={searchvalue}
-        placeholder={$_('datatable.search')}
-        aria-label={$_('datatable.search')}
-        class="mb-4" />
-      <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
-        <table class="divide-y divide-gray-200 w-full">
-          <thead class="bg-gray-50">
-            <tr>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('donor')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('runner')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('amount-per-kilometer')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('donation-amount')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('paid-amount')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('status')}
-              </th>
-              <th scope="col" class="relative px-6 py-3">
-                <span class="sr-only">{$_('action')}</span>
+  {:else if current_donations.length === 0}
+    <DonationsEmptyState />
+  {:else}
+    <input
+      type="search"
+      bind:value={searchvalue}
+      placeholder={$_("datatable.search")}
+      aria-label={$_("datatable.search")}
+      class="mb-4"
+    />
+    <div
+      class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
+    >
+      <table class="w-full">
+        <thead>
+          {#each $table.getHeaderGroups() as headerGroup}
+            <tr class="select-none">
+              <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={$table.getIsAllRowsSelected()}
+                  indeterminate={$table.getIsSomeRowsSelected()}
+                  on:change={() => $table.toggleAllRowsSelected()}
+                />
               </th>
+              {#each headerGroup.headers as header}
+                <TableHeader {header} />
+              {/each}
             </tr>
-          </thead>
-          <tbody class="divide-y divide-gray-200">
-            {#each current_donations as donation}
-              {#if donation.donor.firstname
-                .toLowerCase()
-                .includes(
-                  searchvalue.toLowerCase()
-                ) ||  donation.donor.lastname
-                  .toLowerCase()
-                  .includes(
-                    searchvalue.toLowerCase()
-                  ) || donation.runner?.firstname
-                  .toLowerCase()
-                  .includes(
-                    searchvalue.toLowerCase()
-                  ) || donation.runner?.lastname
-                  .toLowerCase()
-                  .includes(
-                    searchvalue.toLowerCase()
-                  ) || should_display_based_on_id(donation.id)}
-                <tr data-rowid="donation_{donation.id}">
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    <div class="flex items-center">
-                      <a
-                        href="../donors/{donation.donor.id}"
-                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{donation.donor.firstname}
-                        {donation.donor.middlename || ''}
-                        {donation.donor.lastname}</a>
-                    </div>
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {#if donation.runner}
-                      <div class="text-sm font-medium text-gray-900">
-                        <a
-                          href="../runners/{donation.runner.id}"
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{donation.runner.firstname}
-                          {donation.runner.middlename || ''}
-                          {donation.runner.lastname}</a>
-                      </div>
-                    {:else}
-                      <div class="text-sm font-medium text-gray-900">
-                        {$_('fixed-donation')}
-                      </div>
-                    {/if}
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {#if donation.amountPerDistance}
-                      <div class="text-sm font-medium text-gray-900">
-                        {(donation.amountPerDistance / 100)
-                          .toFixed(2)
-                          .toLocaleString('de-DE', { valute: 'EUR' })}€
-                      </div>
-                    {:else}
-                      <div class="text-sm font-medium text-gray-900">
-                        {$_('fixed-donation')}
-                      </div>
-                    {/if}
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    <div class="text-sm font-medium text-gray-900">
-                      {(donation.amount / 100)
-                        .toFixed(2)
-                        .toLocaleString('de-DE', { valute: 'EUR' })}€
-                    </div>
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    <div class="text-sm font-medium text-gray-900">
-                      {(donation.paidAmount / 100)
-                        .toFixed(2)
-                        .toLocaleString('de-DE', { valute: 'EUR' })}€
-                    </div>
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {#if donation.status =="PAID"}
-                      <span
-                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('paid')}</span>
-                    {:else}
-                      <span
-                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('open')}</span>
-                    {/if}
-                  </td>
-                  {#if active_deletes[donation.id] === true}
-                    <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <button
-                        on:click={() => {
-                          active_deletes[donation.id] = false;
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
-                      <button
-                        on:click={() => {
-                          DonationService.donationControllerRemove(donation.id, false).then(
-                            (resp) => {
-                              current_donations = current_donations.filter(
-                                (obj) => obj.id !== donation.id
-                              );
-                              Toastify({
-                                text: $_('donation-deleted'),
-                                duration: 500,
-                                backgroundColor:
-                                  'linear-gradient(to right, #00b09b, #96c93d)',
-                              }).showToast();
-                            }
-                          );
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
-                    </td>
-                  {:else}
-                    <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <button
-                        on:click={() => {open_payment_modal(donation);}}
-                        class="text-[#025a21] hover:text-green-900 mr-4">{$_('enter-payment')}</button>
-                      <a
-                        href="./{donation.id}"
-                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
-                      {#if store.state.jwtinfo.userdetails.permissions.includes('DONATION:DELETE')}
-                        <button
-                          on:click={() => {
-                            active_deletes[donation.id] = true;
-                          }}
-                          tabindex="0"
-                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
-                      {/if}
-                    </td>
-                  {/if}
-                </tr>
-              {/if}
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {/if}
-  {:catch error}
-    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
-      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_('general_promise_error')}</b>
-        {error}
-      </span>
+          {/each}
+        </thead>
+        <tbody>
+          {#each $table.getRowModel().rows as row}
+            <tr>
+              <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={row.getIsSelected()}
+                  on:change={() => row.toggleSelected()}
+                />
+              </td>
+              {#each row.getVisibleCells() as cell}
+                <td>
+                  <svelte:component
+                    this={flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )}
+                  />
+                </td>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
     </div>
-  {/await}
+    <div class="h-2" />
+    <TableBottom {table} {selected} />
+  {/if}
 {/if}

src/components/donors/AddDonorModal.svelte

@@ -1,15 +1,13 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  
-  import {
-    DonorService
-  } from "@odit/lfk-client-js";
+
+  import { DonorService } from "@odit/lfk-client-js";
   import isEmail from "validator/es/lib/isEmail";
   import isMobilePhone from "validator/es/lib/isMobilePhone";
   import Toastify from "toastify-js";
+  import { createEventDispatcher } from "svelte";
   export let modal_open;
-  export let current_donors;
   let firstname_input;
   let lastname_input;
   let middlename_input;
@@ -19,6 +17,7 @@
   let address_input2;
   let address_zipcode;
   let address_city;
+  const dispatch = createEventDispatcher();
   function focus(el) {
     el.focus();
   }
@@ -75,7 +74,7 @@
     if (processed_last_submit === true) {
       processed_last_submit = false;
       const toast = Toastify({
-        text: $_('donor-is-being-added'),
+        text: $_("donor-is-being-added"),
         duration: -1,
       }).showToast();
       let address = {};
@@ -92,7 +91,7 @@
         firstname: firstname_input_value,
         lastname: lastname_input_value,
         address,
-        receiptNeeded: address_checked
+        receiptNeeded: address_checked,
       };
       if (middlename_input_value) {
         postdata.middlename = middlename_input_value;
@@ -112,12 +111,11 @@
           modal_open = false;
           //
           Toastify({
-            text: $_('donor-added'),
+            text: $_("donor-added"),
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_donors.push(result);
-          current_donors = current_donors;
+          dispatch("created", { donors: [result] });
         })
         .catch((err) => {
           //
@@ -134,58 +132,70 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;
-    }}>
+    }}
+  >
     <div
-      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
       <div class="fixed inset-0 transition-opacity" aria-hidden="true">
         <div
           class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
+          data-id="modal_backdrop"
+        />
       </div>
       <span
         class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
+        aria-hidden="true">&#8203;</span
+      >
       <div
         class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
         role="dialog"
         aria-modal="true"
-        aria-labelledby="modal-headline">
+        aria-labelledby="modal-headline"
+      >
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">
             <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
               <svg
                 class="h-6 w-6 text-blue-600"
                 fill="currentColor"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 24 24"
                 width="24"
-                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
                 <path
-        d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" /></svg>
+                  d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
+                /></svg
+              >
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
               <h3 class="text-lg leading-6 font-medium text-gray-900">
-                {$_('create-a-new-donor')}
+                {$_("create-a-new-donor")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  {$_('please-provide-the-nessecary-information-to-add-a-new-donor')}
+                  {$_(
+                    "please-provide-the-nessecary-information-to-add-a-new-donor"
+                  )}
                 </p>
               </div>
               <div class="grid grid-cols-6 gap-6">
                 <div class="col-span-6">
                   <label
                     for="firstname"
-                    class="block text-sm font-medium text-gray-700">{$_('first-name')}</label>
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("first-name")}</label
+                  >
                   <input
                     use:focus
                     autocomplete="off"
-                    placeholder={$_('first-name')}
+                    placeholder={$_("first-name")}
                     class:border-red-500={!isFirstnameValid}
                     class:focus:border-red-500={!isFirstnameValid}
                     class:focus:ring-red-500={!isFirstnameValid}
@@ -193,34 +203,41 @@
                     bind:this={firstname_input}
                     type="text"
                     name="firstname"
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                  />
                   {#if !isFirstnameValid}
                     <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {$_('first-name-is-required')}
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {$_("first-name-is-required")}
                     </span>
                   {/if}
                 </div>
                 <div class="col-span-6">
                   <label
                     for="trackname"
-                    class="block text-sm font-medium text-gray-700">{$_('middle-name')}</label>
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("middle-name")}</label
+                  >
                   <input
                     autocomplete="off"
-                    placeholder={$_('middle-name')}
+                    placeholder={$_("middle-name")}
                     bind:value={middlename_input_value}
                     bind:this={middlename_input}
                     type="text"
                     name="trackname"
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                  />
                 </div>
                 <div class="col-span-6">
                   <label
                     for="lastname"
-                    class="block text-sm font-medium text-gray-700">{$_('last-name')}</label>
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("last-name")}</label
+                  >
                   <input
                     autocomplete="off"
-                    placeholder="{$_('last-name')}"
+                    placeholder={$_("last-name")}
                     class:border-red-500={!isLastnameValid}
                     class:focus:border-red-500={!isLastnameValid}
                     class:focus:ring-red-500={!isLastnameValid}
@@ -228,21 +245,25 @@
                     bind:this={lastname_input}
                     type="text"
                     name="lastname"
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                  />
                   {#if !isLastnameValid}
                     <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {$_('last-name-is-required')}
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {$_("last-name-is-required")}
                     </span>
                   {/if}
                 </div>
                 <div class="col-span-6">
                   <label
                     for="phone"
-                    class="block text-sm font-medium text-gray-700">{$_('phone')}</label>
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("phone")}</label
+                  >
                   <input
                     autocomplete="off"
-                    placeholder={$_('phone')}
+                    placeholder={$_("phone")}
                     class:border-red-500={!isPhoneValidOrEmpty}
                     class:focus:border-red-500={!isPhoneValidOrEmpty}
                     class:focus:ring-red-500={!isPhoneValidOrEmpty}
@@ -250,21 +271,27 @@
                     bind:this={phone_input}
                     type="tel"
                     name="phone"
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                  />
                   {#if !isPhoneValidOrEmpty}
                     <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {@html $_('the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number')}
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {@html $_(
+                        "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number"
+                      )}
                     </span>
                   {/if}
                 </div>
                 <div class="col-span-6">
                   <label
                     for="email"
-                    class="block text-sm font-medium text-gray-700">{$_('e-mail-adress')}</label>
+                    class="block text-sm font-medium text-gray-700"
+                    >{$_("e-mail-adress")}</label
+                  >
                   <input
                     autocomplete="off"
-                    placeholder={$_('e-mail-adress')}
+                    placeholder={$_("e-mail-adress")}
                     class:border-red-500={!isEmailValidOrEmpty}
                     class:focus:border-red-500={!isEmailValidOrEmpty}
                     class:focus:ring-red-500={!isEmailValidOrEmpty}
@@ -272,11 +299,13 @@
                     bind:this={email_input}
                     type="email"
                     name="email"
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                  />
                   {#if !isEmailValidOrEmpty}
                     <span
-                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                      {$_('valid-email-is-required')}
+                      class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                    >
+                      {$_("valid-email-is-required")}
                     </span>
                   {/if}
                 </div>
@@ -287,19 +316,22 @@
                       id="comments"
                       name="comments"
                       type="checkbox"
-                      class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+                      class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+                    />
                   </div>
                   <div class="ml-3 text-sm">
-                    <label
-                      for="comments"
-                      class="font-medium text-gray-700">{$_('receipt-needed')}</label>
+                    <label for="comments" class="font-medium text-gray-700"
+                      >{$_("receipt-needed")}</label
+                    >
                   </div>
                 </div>
                 {#if address_checked === true}
                   <div class="col-span-6">
                     <label
                       for="address1"
-                      class="block text-sm font-medium text-gray-700">{$_('address')}</label>
+                      class="block text-sm font-medium text-gray-700"
+                      >{$_("address")}</label
+                    >
                     <input
                       autocomplete="off"
                       placeholder="Address"
@@ -310,34 +342,41 @@
                       bind:this={address_input1}
                       type="text"
                       name="address1"
-                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    />
                     {#if !isAddress1Valid}
                       <span
-                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                        {$_('address-is-required')}
+                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                      >
+                        {$_("address-is-required")}
                       </span>
                     {/if}
                   </div>
                   <div class="col-span-6">
                     <label
                       for="address2"
-                      class="block text-sm font-medium text-gray-700">{$_('apartment-suite-etc')}</label>
+                      class="block text-sm font-medium text-gray-700"
+                      >{$_("apartment-suite-etc")}</label
+                    >
                     <input
                       autocomplete="off"
-                      placeholder={$_('apartment-suite-etc')}
+                      placeholder={$_("apartment-suite-etc")}
                       bind:value={address_input2_value}
                       bind:this={address_input2}
                       type="text"
                       name="address2"
-                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    />
                   </div>
                   <div class="col-span-6">
                     <label
                       for="zipcode"
-                      class="block text-sm font-medium text-gray-700">{$_('zip-postal-code')}</label>
+                      class="block text-sm font-medium text-gray-700"
+                      >{$_("zip-postal-code")}</label
+                    >
                     <input
                       autocomplete="off"
-                      placeholder={$_('zip-postal-code')}
+                      placeholder={$_("zip-postal-code")}
                       class:border-red-500={!iszipcodevalid}
                       class:focus:border-red-500={!iszipcodevalid}
                       class:focus:ring-red-500={!iszipcodevalid}
@@ -345,18 +384,22 @@
                       bind:this={address_zipcode}
                       type="text"
                       name="zipcode"
-                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    />
                     {#if !iszipcodevalid}
                       <span
-                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                        {$_('valid-zipcode-postal-code-is-required')}
+                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                      >
+                        {$_("valid-zipcode-postal-code-is-required")}
                       </span>
                     {/if}
                   </div>
                   <div class="col-span-6">
                     <label
                       for="city"
-                      class="block text-sm font-medium text-gray-700">City</label>
+                      class="block text-sm font-medium text-gray-700"
+                      >City</label
+                    >
                     <input
                       autocomplete="off"
                       placeholder="City"
@@ -367,11 +410,13 @@
                       bind:this={address_city}
                       type="text"
                       name="city"
-                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+                      class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+                    />
                     {#if !iscityvalid}
                       <span
-                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                        {$_('valid-city-is-required')}
+                        class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+                      >
+                        {$_("valid-city-is-required")}
                       </span>
                     {/if}
                   </div>
@@ -386,16 +431,18 @@
             class:opacity-50={!createbtnenabled}
             on:click={submit}
             type="button"
-            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-            {$_('create')}
+            class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("create")}
           </button>
           <button
             on:click={() => {
               modal_open = false;
             }}
             type="button"
-            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('cancel')}
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
           </button>
         </div>
       </div>

src/components/donors/ConfirmDonorDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  
+
   import { DonorService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -13,60 +13,61 @@
     dispatch("cancelDelete", { id: delete_donor.id });
   }
   function deleteDonor() {
-    DonorService.donorControllerRemove(
-      delete_donor.id,
-      true
-    )
-      .then((resp) => {
-        Toastify({
-          text: $_('donor-deleted'),
-          duration: 500,
-          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-        }).showToast();
-        location.replace("./");
-      })
-      .catch((err) => {});
+    dispatch("delete", { id: delete_donor.id });
   }
 </script>
 
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    
     use:clickOutside
-    on:click_outside={cancelDelete}>
+    on:click_outside={cancelDelete}
+  >
     <div
-      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
       <div class="fixed inset-0 transition-opacity" aria-hidden="true">
         <div
           class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
+          data-id="modal_backdrop"
+        />
       </div>
       <span
         class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
+        aria-hidden="true">&#8203;</span
+      >
       <div
         class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
         role="dialog"
         aria-modal="true"
-        aria-labelledby="modal-headline">
+        aria-labelledby="modal-headline"
+      >
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">
             <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
-              <svg class="h-6 w-6 text-blue-600" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M9.33 11.5h2.17A4.5 4.5 0 0116 16H9v1h8v-1a5.58 5.58 0 00-.89-3H19a5 5 0 014.52 2.85A13.15 13.15 0 0113 21c-2.76 0-5.1-.59-7-1.63v-9.3a6.97 6.97 0 013.33 1.43zM5 19a1 1 0 01-1 1H2a1 1 0 01-1-1v-9a1 1 0 011-1h2a1 1 0 011 1v9zM18 5a3 3 0 110 6 3 3 0 010-6zm-7-3a3 3 0 110 6 3 3 0 010-6z"/></svg>
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                ><path fill="none" d="M0 0h24v24H0z" /><path
+                  d="M9.33 11.5h2.17A4.5 4.5 0 0116 16H9v1h8v-1a5.58 5.58 0 00-.89-3H19a5 5 0 014.52 2.85A13.15 13.15 0 0113 21c-2.76 0-5.1-.59-7-1.63v-9.3a6.97 6.97 0 013.33 1.43zM5 19a1 1 0 01-1 1H2a1 1 0 01-1-1v-9a1 1 0 011-1h2a1 1 0 011 1v9zM18 5a3 3 0 110 6 3 3 0 010-6zm-7-3a3 3 0 110 6 3 3 0 010-6z"
+                /></svg
+              >
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
               <h3 class="text-lg leading-6 font-medium text-gray-900">
-                {$_('attention')}
+                {$_("attention")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
                   {$_(
-                    'do-you-want-to-delete-this-donor-with-all-related-donations'
+                    "do-you-want-to-delete-this-donor-with-all-related-donations"
                   )}
-                  <br /> 
-                  {$_('all-associated-donations-will-get-deleted-as-well')}
+                  <br />
+                  {$_("all-associated-donations-will-get-deleted-as-well")}
                 </p>
               </div>
             </div>
@@ -76,14 +77,16 @@
           <button
             on:click={deleteDonor}
             type="button"
-            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('confirm-delete-donor-with-all-donations')}
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("confirm-delete-donor-with-all-donations")}
           </button>
           <button
             on:click={cancelDelete}
             type="button"
-            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('cancel-keep-donor')}
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel-keep-donor")}
           </button>
         </div>
       </div>

src/components/donors/DonorAddress.svelte

@@ -0,0 +1,14 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let address;
+</script>
+
+{#if !address || !address.address1}
+  {$_("no-address")}
+{:else}
+  {address.address1}<br />
+  <!-- {address.address2 || ''}<br /> -->
+  {address.postalcode}
+  {address.city}
+  {address.country}
+{/if}

src/components/donors/DonorDonations.svelte

@@ -0,0 +1,29 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let donations;
+</script>
+
+{#if !donations || donations.length == 0}
+  {$_('donor-has-no-associated-donations')}
+{:else}
+  {#each donations as donation}
+    {#if donation.responseType === "DISTANCEDONATION"}
+      <a
+        href="../donations/{donation.id}"
+        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-600 text-white mr-1"
+        >{donation.runner.firstname}
+        {donation.runner.middlename || ""}
+        {donation.runner.lastname}</a
+      >
+    {:else}
+      <a
+        href="../donations/{donation.id}"
+        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-700 text-white mr-1"
+        >{$_("fixed-donation")}:
+        {(donation.amount / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })}€</a
+      >
+    {/if}
+  {/each}
+{/if}

src/components/donors/Donors.svelte

@@ -5,50 +5,73 @@
   import DonorsOverview from "./DonorsOverview.svelte";
   $: current_donors = [];
   export let modal_open = false;
+  let addDonors;
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight">
-    {$_('donors')}
-    {#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:CREATE')}
+    {$_("donors")}
+    {#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
       <button
         on:click={() => {
           modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-        {$_('add-donor')}
+        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+      >
+        {$_("add-donor")}
       </button>
     {/if}
-    {#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:GET')}
+    {#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:GET")}
       <button
         on:click={() => {
-          const data = (current_donors.filter(d=>d.receiptNeeded===true)).map(function (d) {
-            d.address.address2=d.address.address2===""?"":" "+d.address.address2;
-            const address=`${d.address.address1}${d.address.address2}, ${d.address.postalcode} ${d.address.city}, ${d.address.country}`;
-            return [d.firstname,d.middlename,d.lastname,d.paidDonationAmount,address];
-          })
-          let csv = `${$_('csv_import__firstname')};${$_('csv_import__middlename')};${$_('csv_import__lastname')};${$_('total_donation_amount_in_eur')};${$_('address')}\n`;
-    data.forEach(function(row) {
-            csv += row.join(';');
+          const data = current_donors
+            .filter((d) => d.receiptNeeded === true)
+            .map(function (d) {
+              d.address.address2 =
+                d.address.address2 === "" ? "" : " " + d.address.address2;
+              const address = `${d.address.address1}${d.address.address2}, ${d.address.postalcode} ${d.address.city}, ${d.address.country}`;
+              return [
+                d.firstname,
+                d.middlename,
+                d.lastname,
+                d.paidDonationAmount,
+                address,
+              ];
+            });
+          let csv = `${$_("csv_import__firstname")};${$_(
+            "csv_import__middlename"
+          )};${$_("csv_import__lastname")};${$_(
+            "total_donation_amount_in_eur"
+          )};${$_("address")}\n`;
+          data.forEach(function (row) {
+            csv += row.join(";");
             csv += "\n";
-    });
-    let hiddenElement = document.createElement('a');
-    hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);
-    hiddenElement.target = '_blank';
-    hiddenElement.download = `${$_('filename_sponsoringquittungsliste')}.csv`;
-    hiddenElement.click();
-    hiddenElement.remove();
+          });
+          let hiddenElement = document.createElement("a");
+          hiddenElement.href = "data:text/csv;charset=utf-8," + encodeURI(csv);
+          hiddenElement.target = "_blank";
+          hiddenElement.download = `${$_(
+            "filename_sponsoringquittungsliste"
+          )}.csv`;
+          hiddenElement.click();
+          hiddenElement.remove();
         }}
         type="button"
-        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm">
-        {$_('sponsoring-quittungs-liste_herunterladen')}
+        class="w-full inline-flex 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:ml-3 sm:w-auto sm:text-sm"
+      >
+        {$_("sponsoring-quittungs-liste_herunterladen")}
       </button>
     {/if}
   </span>
-  <DonorsOverview bind:current_donors />
+  <DonorsOverview bind:current_donors bind:addDonors />
 </section>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:CREATE')}
-  <AddDonorModal bind:current_donors bind:modal_open />
+{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
+  <AddDonorModal
+    on:created={(event) => {
+      addDonors(event.detail.donors);
+    }}
+    bind:modal_open
+  />
 {/if}

src/components/donors/DonorsOverview.svelte

@@ -5,214 +5,255 @@
   import DonorsEmptyState from "./DonorsEmptyState.svelte";
   import ConfirmDonorDeletion from "./ConfirmDonorDeletion.svelte";
   import Toastify from "toastify-js";
+  import TableBottom from "../shared/TableBottom.svelte";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+    renderComponent,
+  } from "@tanstack/svelte-table";
+  import { writable } from "svelte/store";
+  import { onMount } from "svelte";
+  import InputElement from "../shared/InputElement.svelte";
+  import TableHeader from "../shared/TableHeader.svelte";
+  import TableActions from "../shared/TableActions.svelte";
+  import DonorAddress from "./DonorAddress.svelte";
+  import DonorDonations from "./DonorDonations.svelte";
+  import { filterAddress, filterName } from "../shared/tablefilters";
   $: searchvalue = "";
   $: active_deletes = [];
-  $: current_donations = [];
-  let modal_open = false;
-  let delete_donor = {};
+  $: selectedDonors =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+
+  $: dataLoaded = false;
+
   export let current_donors = [];
-  const donors_promise = DonorService.donorControllerGetAll().then((val) => {
-    current_donors = val;
+  export const addDonors = (donors) => {
+    current_donors = current_donors.concat(...donors);
+    options.update((options) => ({
+      ...options,
+      data: current_donors,
+    }));
+  };
+
+  //Section table
+  const columns = [
+    {
+      accessorKey: "id",
+      header: () => "id",
+      filterFn: `equalsString`,
+    },
+    {
+      accessorKey: "name",
+      header: () => $_("name"),
+      cell: (info) => {
+        const d = info.row.original;
+        if (d.middlename) {
+          return `${d.firstname} ${d.middlename} ${d.lastname}`;
+        } else {
+          return `${d.firstname} ${d.lastname}`;
+        }
+      },
+      filterFn: `name`,
+    },
+    {
+      accessorKey: "address",
+      header: () => $_("contact-information"),
+      cell: (info) => {
+        return renderComponent(DonorAddress, { address: info.getValue() });
+      },
+      filterFn: `address`,
+    },
+    {
+      accessorKey: "donations",
+      header: () => $_("sponsorings"),
+      cell: (info) => {
+        return renderComponent(DonorDonations, { donations: info.getValue() });
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "donationAmount",
+      header: () => $_("total-donation-amount"),
+      cell: (info) => {
+        return `${(info.getValue() / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })}€`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "paidDonationAmount",
+      header: () => $_("total-paid-amount"),
+      cell: (info) => {
+        return `${(info.getValue() / 100)
+          .toFixed(2)
+          .toLocaleString("de-DE", { valute: "EUR" })}€`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "actions",
+      header: () => $_("action"),
+      cell: (info) => {
+        return renderComponent(TableActions, {
+          detailsLink: `./${info.row.original.id}`,
+          deleteAction: () => {
+            active_deletes = current_donors.filter(
+              (r) => r.id == info.row.original.id
+            );
+          },
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes(
+              "DONOR:DELETE"
+            ),
+        });
+      },
+      enableColumnFilter: false,
+      enableSorting: false,
+    },
+  ];
+  const options = writable({
+    data: [],
+    columns: columns,
+    initialState: {
+      pagination: {
+        pageSize: 50,
+      },
+    },
+    filterFns: {
+      name: filterName,
+      address: filterAddress,
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
   });
-  const donation_promise = DonationService.donationControllerGetAll().then(
-    (val) => {
-      current_donations = val;
-    }
-  );
+  const table = createSvelteTable(options);
+
   function should_display_based_on_id(id) {
     if (searchvalue.toString().slice(-1) === "*") {
       return id.toString().startsWith(searchvalue.replace("*", ""));
     }
     return id.toString() === searchvalue;
   }
+
+  onMount(async () => {
+    let page = 0;
+    while (page >= 0) {
+      const donors = await DonorService.donorControllerGetAll(page, 500);
+      if (donors.length == 0) {
+        page = -2;
+      }
+
+      current_donors = current_donors.concat(...donors);
+      options.update((options) => ({
+        ...options,
+        data: current_donors,
+      }));
+
+      dataLoaded = true;
+      page++;
+    }
+
+    console.log("All donors loaded");
+  });
 </script>
 
 <ConfirmDonorDeletion
   on:cancelDelete={(event) => {
-    modal_open = false;
-    active_deletes[event.detail.id] = false;
+    active_deletes = active_deletes.filter((a) => a.id !== event.detail.id);
   }}
-  bind:modal_open
-  bind:delete_donor />
-{#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:GET')}
-  {#await donors_promise && donation_promise}
+  on:delete={async (event) => {
+    await DonorService.donorControllerRemove(event.detail.id, true);
+    Toastify({
+      text: $_("donor-deleted"),
+      duration: 500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
+    current_donors = current_donors.filter((d) => d.id !== event.detail.id);
+    active_deletes = active_deletes.filter((a) => a.id !== event.detail.id);
+    options.update((options) => ({
+      ...options,
+      data: current_donors,
+    }));
+  }}
+  modal_open={active_deletes.length > 0}
+  delete_donor={active_deletes[0]}
+/>
+{#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:GET")}
+  {#if !dataLoaded}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
-      role="alert">
-      <p class="font-bold">{$_('donors-are-being-loaded')}</p>
-      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
+      role="alert"
+    >
+      <p class="font-bold">{$_("donors-are-being-loaded")}</p>
+      <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
-  {:then}
-    {#if current_donors.length === 0}
-      <DonorsEmptyState />
-    {:else}
-      <input
-        type="search"
-        bind:value={searchvalue}
-        placeholder={$_('datatable.search')}
-        aria-label={$_('datatable.search')}
-        class="mb-4" />
-      <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
-        <table class="divide-y divide-gray-200 w-full">
-          <thead class="bg-gray-50">
-            <tr>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('name')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('contact-information')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('donations')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('total-donation-amount')}
-              </th>
-              <th
-                scope="col"
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                {$_('total-paid-amount')}
-              </th>
-              <th scope="col" class="relative px-6 py-3">
-                <span class="sr-only">{$_('action')}</span>
+  {:else if current_donors.length === 0}
+    <DonorsEmptyState />
+  {:else}
+    <input
+      type="search"
+      bind:value={searchvalue}
+      placeholder={$_("datatable.search")}
+      aria-label={$_("datatable.search")}
+      class="mb-4"
+    />
+    <div
+      class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
+    >
+      <table class="w-full">
+        <thead>
+          {#each $table.getHeaderGroups() as headerGroup}
+            <tr class="select-none">
+              <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={$table.getIsAllRowsSelected()}
+                  indeterminate={$table.getIsSomeRowsSelected()}
+                  on:change={() => $table.toggleAllRowsSelected()}
+                />
               </th>
+              {#each headerGroup.headers as header}
+                <TableHeader {header} />
+              {/each}
             </tr>
-          </thead>
-          <tbody class="divide-y divide-gray-200">
-            {#each current_donors as donor}
-              {#if donor.firstname
-                .toLowerCase()
-                .includes(
-                  searchvalue.toLowerCase()
-                ) ||  donor.lastname
-                  .toLowerCase()
-                  .includes(
-                    searchvalue.toLowerCase()
-                  ) || should_display_based_on_id(donor.id)}
-                <tr data-rowid="donor_{donor.id}">
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    <div class="flex items-center">
-                      <div class="ml-4">
-                        <div class="text-sm font-medium text-gray-900">
-                          {donor.firstname}
-                          {donor.middlename || ''}
-                          {donor.lastname}
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {#if donor.email}
-                      <div class="text-sm text-gray-500">{donor.email}</div>
-                    {/if}
-                    {#if donor.phone}
-                      <div class="text-sm text-gray-500">{donor.phone}</div>
-                    {/if}
-                    {#if donor.address.address1 !== null}
-                      {donor.address.address1}<br />
-                      <!-- {donor.address.address2 || ''}<br /> -->
-                      {donor.address.postalcode}
-                      {donor.address.city}
-                      {donor.address.country}
-                    {/if}
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {#if current_donations.filter((d) => d.donor.id == donor.id).length > 0}
-                      {#each current_donations.filter((o) => o.donor.id == donor.id) as d}
-                        {#if d.responseType === 'DISTANCEDONATION'}
-                          <a
-                            href="../donations/{d.id}"
-                            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-600 text-white mr-1">{d.runner.firstname}
-                            {d.runner.middlename || ''}
-                            {d.runner.lastname}</a>
-                        {:else}
-                          <a
-                            href="../donations/{d.id}"
-                            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-700 text-white mr-1">{$_('fixed-donation')}:
-                            {(d.amount / 100)
-                              .toFixed(2)
-                              .toLocaleString('de-DE', { valute: 'EUR' })}€</a>
-                        {/if}
-                      {/each}
-                    {:else}{$_('donor-has-no-associated-donations')}{/if}
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {(donor.donationAmount / 100)
-                      .toFixed(2)
-                      .toLocaleString('de-DE', { valute: 'EUR' })}€
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    {(donor.paidDonationAmount / 100)
-                      .toFixed(2)
-                      .toLocaleString('de-DE', { valute: 'EUR' })}€
-                  </td>
-                  {#if active_deletes[donor.id] === true}
-                    <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <button
-                        on:click={() => {
-                          active_deletes[donor.id] = false;
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
-                      <button
-                        on:click={() => {
-                          DonorService.donorControllerRemove(donor.id, false)
-                            .then((resp) => {
-                              current_donors = current_donors.filter((obj) => obj.id !== donor.id);
-                              Toastify({
-                                text: 'Donor deleted',
-                                duration: 500,
-                                backgroundColor:
-                                  'linear-gradient(to right, #00b09b, #96c93d)',
-                              }).showToast();
-                            })
-                            .catch((err) => {
-                              modal_open = true;
-                              delete_donor = donor;
-                            });
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
-                    </td>
-                  {:else}
-                    <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <a
-                        href="./{donor.id}"
-                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
-                      {#if store.state.jwtinfo.userdetails.permissions.includes('DONOR:DELETE')}
-                        <button
-                          on:click={() => {
-                            active_deletes[donor.id] = true;
-                          }}
-                          tabindex="0"
-                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
-                      {/if}
-                    </td>
-                  {/if}
-                </tr>
-              {/if}
-            {/each}
-          </tbody>
-        </table>
-      </div>
-    {/if}
-  {:catch error}
-    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
-      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_('general_promise_error')}</b>
-        {error}
-      </span>
+          {/each}
+        </thead>
+        <tbody>
+          {#each $table.getRowModel().rows as row}
+            <tr>
+              <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={row.getIsSelected()}
+                  on:change={() => row.toggleSelected()}
+                />
+              </td>
+              {#each row.getVisibleCells() as cell}
+                <td>
+                  <svelte:component
+                    this={flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )}
+                  />
+                </td>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
     </div>
-  {/await}
+    <div class="h-2" />
+    <TableBottom {table} {selected} />
+  {/if}
 {/if}

src/components/runners/RunnersOverview.svelte

@@ -50,7 +50,6 @@
     }));
   };
 
-
   //Section table
   const columns = [
     {
@@ -157,16 +156,7 @@
     }).showToast();
   }
 
-  onMount(() => {
-    RunnerService.runnerControllerGetAll().then((val) => {
-      current_runners = val;
-      dataLoaded = true;
-
-      options.update((options) => ({
-        ...options,
-        data: current_runners,
-      }));
-    });
+  onMount(async () => {
     RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
       teams = val;
     });
@@ -175,6 +165,24 @@
         orgs = val;
       }
     );
+
+    let page = 0;
+    while (page >= 0) {
+      const runners = await RunnerService.runnerControllerGetAll(page, 1000);
+      if (runners.length == 0) {
+        page = -2;
+      }
+
+      current_runners = current_runners.concat(...runners);
+      options.update((options) => ({
+        ...options,
+        data: current_runners,
+      }));
+
+      dataLoaded = true;
+      page++;
+    }
+    console.log("All runners loaded");
   });
 </script>
 

src/components/scans/ScansOverview.svelte

@@ -30,6 +30,7 @@
     $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
 
   $: active_delete = undefined;
+  $: dataLoaded = false;
   export let current_scans = [];
   export const addScans = (scans) => {
     current_scans = current_scans.concat(...scans);
@@ -39,15 +40,6 @@
     }));
   };
 
-  const scans_promise = ScanService.scanControllerGetAll().then((val) => {
-    current_scans = val;
-    // handler.setRows(val);
-    current_scans = val;
-    options.update((options) => ({
-      ...options,
-      data: current_scans,
-    }));
-  });
   let allTracks = [];
   TrackService.trackControllerGetAll().then((val) => {
     allTracks = val;
@@ -99,7 +91,7 @@
       accessorKey: "timestamp",
       header: () => $_("timestamp"),
       cell: (info) => {
-        return (new Date(parseInt(info.getValue())*1000)).toLocaleString()
+        return new Date(parseInt(info.getValue()) * 1000).toLocaleString();
       },
       enableColumnFilter: false,
     },
@@ -183,6 +175,26 @@
       backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
     }).showToast();
   }
+
+  onMount(async () => {
+    let page = 0;
+    while (page >= 0) {
+      const scans = await ScanService.scanControllerGetAll(page, 500);
+      if (scans.length == 0) {
+        page = -2;
+      }
+
+      current_scans = current_scans.concat(...scans);
+      options.update((options) => ({
+        ...options,
+        data: current_scans,
+      }));
+
+      dataLoaded = true;
+      page++;
+    }
+    console.log("All scans loaded");
+  });
 </script>
 
 <DeleteScanModal
@@ -193,7 +205,7 @@
   }}
 />
 {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:GET")}
-  {#await scans_promise}
+  {#if !dataLoaded}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
       role="alert"
@@ -201,105 +213,96 @@
       <p class="font-bold">{$_("scans-are-being-loaded")}</p>
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
-  {:then}
-    {#if current_scans.length === 0}
-      <ScansEmptyState />
-    {:else}
-      {#if selected.length > 0}
-        <button
-          type="button"
-          class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
-          id="options-menu"
-          on:click={async () => {
-            const prom = [];
-            for (const scan of selectedScans) {
-              prom.push(ScanService.scanControllerRemove(scan.id, true));
-            }
-            await Promise.all(prom);
-            for (const scan of selectedScans) {
-              current_scans = current_scans.filter((r) => r.id !== scan.id);
-            }
-            options.update((options) => ({
-              ...options,
-              data: current_scans,
-            }));
-            $table.resetRowSelection();
-            Toastify({
-              text: $_("scan-deleted"),
-              duration: 3500,
-              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-            }).showToast();
-          }}
+  {:else if current_scans.length === 0}
+    <ScansEmptyState />
+  {:else}
+    {#if selected.length > 0}
+      <button
+        type="button"
+        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+        id="options-menu"
+        on:click={async () => {
+          const prom = [];
+          for (const scan of selectedScans) {
+            prom.push(ScanService.scanControllerRemove(scan.id, true));
+          }
+          await Promise.all(prom);
+          for (const scan of selectedScans) {
+            current_scans = current_scans.filter((r) => r.id !== scan.id);
+          }
+          options.update((options) => ({
+            ...options,
+            data: current_scans,
+          }));
+          $table.resetRowSelection();
+          Toastify({
+            text: $_("scan-deleted"),
+            duration: 3500,
+            backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+          }).showToast();
+        }}
+      >
+        {$_("delete-scans")}
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          class="w-5 h-5"
         >
-          {$_("delete-scans")}
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke-width="1.5"
-            stroke="currentColor"
-            class="w-5 h-5"
-          >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
-            />
-          </svg>
-        </button>
-      {/if}
-      <div class="overflow-x-auto">
-        <table class="w-full">
-          <thead>
-            {#each $table.getHeaderGroups() as headerGroup}
-              <tr class="select-none">
-                <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
-                  <InputElement
-                    type="checkbox"
-                    checked={$table.getIsAllRowsSelected()}
-                    indeterminate={$table.getIsSomeRowsSelected()}
-                    on:change={() => $table.toggleAllRowsSelected()}
-                  />
-                </th>
-                {#each headerGroup.headers as header}
-                  <TableHeader {header} />
-                {/each}
-              </tr>
-            {/each}
-          </thead>
-          <tbody>
-            {#each $table.getRowModel().rows as row}
-              <tr>
-                <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
-                  <InputElement
-                    type="checkbox"
-                    checked={row.getIsSelected()}
-                    on:change={() => row.toggleSelected()}
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+          />
+        </svg>
+      </button>
+    {/if}
+    <div class="overflow-x-auto">
+      <table class="w-full">
+        <thead>
+          {#each $table.getHeaderGroups() as headerGroup}
+            <tr class="select-none">
+              <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={$table.getIsAllRowsSelected()}
+                  indeterminate={$table.getIsSomeRowsSelected()}
+                  on:change={() => $table.toggleAllRowsSelected()}
+                />
+              </th>
+              {#each headerGroup.headers as header}
+                <TableHeader {header} />
+              {/each}
+            </tr>
+          {/each}
+        </thead>
+        <tbody>
+          {#each $table.getRowModel().rows as row}
+            <tr>
+              <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={row.getIsSelected()}
+                  on:change={() => row.toggleSelected()}
+                />
+              </td>
+              {#each row.getVisibleCells() as cell}
+                <td>
+                  <svelte:component
+                    this={flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )}
                   />
                 </td>
-                {#each row.getVisibleCells() as cell}
-                  <td>
-                    <svelte:component
-                      this={flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext()
-                      )}
-                    />
-                  </td>
-                {/each}
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </div>
-      <TableBottom {table} {selected} />
-    {/if}
-  {:catch error}
-    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
-      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
-        {error}
-      </span>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
     </div>
-  {/await}
+    <TableBottom {table} {selected} />
+  {/if}
 {/if}

src/components/shared/tablefilters.js

@@ -15,17 +15,48 @@ export const groupFilter = (row, columnId, value) => {
 };
 export const runnerFilter = (row, columnId, value) => {
     const runner = row.getValue(columnId);
-    if(!runner && value == "blanko"){return true}
-    if(!runner){return false}
+    return filterRunner(runner, value)
+};
 
-    if(value.startsWith("#")){
-        return runner.id == value.replace("#","")
+export const donationRunnerFilter = (row, columnId, value) => {
+    const runner = row.getValue(columnId);
+    if (!runner) { return false; }
+    return filterRunner(runner, value)
+};
+
+export const donationDonorFilter = (row, columnId, value) => {
+    const runner = row.getValue(columnId);
+    return filterRunner(runner, value)
+};
+
+function filterRunner(runner, value) {
+    if (!runner && value == "blanko") { return true }
+    if (!runner) { return false }
+
+    if (value.startsWith("#")) {
+        return runner.id == value.replace("#", "")
     }
 
-    if(runner.middlename){
+    if (runner.middlename) {
         return `${runner.firstname} ${runner.middlename} ${runner.lastname}`.toLowerCase().includes(value.toLowerCase())
     }
     return `${runner.firstname} ${runner.lastname}`.toLowerCase().includes(value.toLowerCase())
+}
+
+export const filterName = (row, columnId, value) => {
+    const obj = row.original;
+    if (obj.middlename) {
+        return `${obj.firstname} ${obj.middlename} ${obj.lastname}`.toLowerCase().includes(value.toLowerCase())
+    }
+    return `${obj.firstname} ${obj.lastname}`.toLowerCase().includes(value.toLowerCase())
+};
+
+export const filterAddress = (row, columnId, value) => {
+    const obj = row.original.address;
+    if (obj.address2) {s
+        return `${obj.address1} ${obj.address2} ${obj.postalcode} ${obj.city} ${obj.country}`.toLowerCase().includes(value.toLowerCase())
+    }
+    return `${obj.address1} ${obj.postalcode} ${obj.city} ${obj.country}`.toLowerCase().includes(value.toLowerCase())
 };
 
 export const statusFilter = (row, columnId, value) => {

src/locales/de.json

@@ -1,493 +1,500 @@
 {
-  "404message": "Die gesuchte Seite wurde leider nicht gefunden.",
-  "404title": "Fehler 404",
-  "about": "Über",
-  "action": "Aktionen",
-  "active": "Aktiv",
-  "add-card": "Karte erstellen",
-  "add-donation": "Sponsoring erstellen",
-  "add-donor": "Sponsor:in erstellen",
-  "add-or-update-a-payment": "Zahlung hinzufügen oder bearbeiten",
-  "add-scan": "Scan erstellen",
-  "add-the-first-scanstation": "Erstelle deine erste Scannerstation.",
-  "add-the-first-statsclient": "Erstelle deinen ersten Statsclient.",
-  "add-user-group": "Neue Gruppe erstellen",
-  "add-your-first-card": "Erstelle deine erste Läuferkarte",
-  "add-your-first-contact": "Erstelle den ersten Kontakt",
-  "add-your-first-donor": "Erstelle die erste Sponsor:in",
-  "add-your-first-group": "Erstelle die erste Gruppe",
-  "add-your-first-organization": "Erstelle die erste Organisation",
-  "add-your-first-runner": "Erstelle die erste Läufer:in",
-  "add-your-first-team": "Erstelle das erste Team",
-  "add-your-first-track": "Erstelle den ersten Track (Laufstrecke).",
-  "add-your-first-user": "Erstelle die erste Benutzer:in",
-  "add-your-fist-donation": "Erstelle dein erstes Sponsoring",
-  "add-your-fist-scan": "Füge deinen ersten Scan hinzu",
-  "adding-card": "Karte wird erstellt",
-  "adding-donation": "Sponsoring wird erstellt...",
-  "adding-scan": "Scan wird hinzugefügt",
-  "address": "Adresse",
-  "address-is-required": "Du musst eine Adresse angeben",
-  "after-deletion-we-cant-restore-your-old-profile": "Nach der Löschung können auch die Admins dein Profil nicht wiederherstellen!",
-  "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "Nach der Änderung wirst du abgemeldet - bitte melde dich dann mit deinem neuen Passwort an.",
-  "all": "Alle",
-  "all-associated-donations-will-get-deleted-as-well": "Alle Sponsorings dieser Sponsor:in werden ebenfalls gelöscht",
-  "all-associated-runners-will-be-deleted-too": "Alle zugehörigen Läufer:innen werden auch gelöscht!",
-  "all-associated-scans-will-get-deleted-as-well": "Alle Scans dieser Station werden ebenfalls gelöscht",
-  "all-associated-teams-and-runners-will-be-deleted-too": "Alle assoziierten Teams und Läufer:innen werden auch gelöscht!",
-  "already-paid": "Bereits bezahlt",
-  "amount": "Anzahl",
-  "amount-per-kilometer": "Betrag pro Kilometer",
-  "apartment-suite-etc": "Apartment, Wohnung, etc.",
-  "application_name": "Lauf für Kaya! - Admin",
-  "applying-changes": "Änderungen anwenden",
-  "attention": "Achtung!",
-  "author": "Autor:in",
-  "bitte-bestaetige-diese-laeufer-fuer-den-import": "Bitte die Läufer:innen für den Import bestätigen.",
-  "by": "von",
-  "cancel": "Abbrechen",
-  "cancel-delete": "Löschen abbrechen",
-  "cancel-keep-donor": "Abbrechen, Sponsor:in behalten",
-  "cancel-keep-my-profile": "Abbrechen, mein Profil behalten",
-  "cancel-keep-organization": "Abbrechen und Organisation bearbeiten",
-  "cancel-keep-station": "Abbrechen und Station behalten",
-  "cancel-keep-statsclient": "Abbrechen und Statsclient behalten",
-  "cancel-keep-team": "Abbrechen, Team behalten",
-  "cannot-reset-your-password-directly": "Schade. \nWir können das Passwort leider nicht direkt zurücksetzen.\nBitte sende uns eine Mail in der du deine Identität bestätigst.",
-  "card": "Läuferkarte",
-  "card-added": "Karte wurde hinzugefügt",
-  "card-deleted": "Karte gelöscht",
-  "card-updated": "Karte aktualisiert",
-  "cards": "Läuferkarten",
-  "cards-deleted": "Karten gelöscht",
-  "certificates": "Urkunden",
-  "change-your-password-here": "Hier kannst du dein Passwort ändern",
-  "changing-your-password": "Passwort wird geändert",
-  "city": "Stadt",
-  "click-to-copy-the-link-into-your-clipboard": "Klicke auf den Link, um ihn in deine Zwischenablage zu kopieren",
-  "click-to-copy-token-to-clipboard": "Klicke auf den Token, um ihn in deine Zwischenablage zu kopieren",
-  "close": "Schließen",
-  "code": "Code",
-  "configure-the-tracks-and-minimum-lap-times": "Bearbeite die Tracks und ihre minimale Rundenzeit",
-  "confirm": "Bestätigen",
-  "confirm-delete": "Löschung Bestätigen",
-  "confirm-delete-donor-with-all-donations": "Bestätigen, Sponsor:in mit allen Sponsorings löschen",
-  "confirm-delete-my-user-profile": "Bestätigung, mein Benutzerprofil löschen",
-  "confirm-delete-organization-and-associated-teams-runners": "Bestätugung, lösche die Organisation und alle zugehörigen Teams und Läufer:innen.",
-  "confirm-delete-station-with-all-scans": "Löschen der Scannerstation mit allen Scans bestätigen",
-  "confirm-delete-statsclient": "Bestätigung, Statsclient löschen",
-  "confirm-delete-team-and-associated-runners": "Bestätigung, lösche das Team mitsamt seinen Läufer:innen.",
-  "confirm-deletion": "Löschung Bestätigen",
-  "confirm-the-new-password": "Neues Passwort bestätigen",
-  "contact": "Kontakt",
-  "contact-added": "Kontakt wurde hinzugefügt",
-  "contact-deleted": "Kontakt gelöscht",
-  "contact-information": "Kontaktinformation",
-  "contact-is-being-added": "Kontakt wird erstellt...",
-  "contact-is-being-updated": "Kontakt wird aktualisiert ...",
-  "contact-is-not-a-member-in-any-group": "Kontakt gehört zu keiner Gruppe",
-  "contacts": "Kontakte",
-  "contacts-are-being-loaded": "Kontakte werden geladen ...",
-  "copied-link-to-clipboard": "Link wurde in die Zwischenablage kopiert",
-  "copied-token-to-clipboard": "Token wurde in die Zwischenablage kopiert",
-  "count_organizations": "Organisationen (Anzahl)",
-  "count_teams": "Teams (Anzahl)",
-  "create": "Erstellen",
-  "create-a-new": "Erstelle eine neue",
-  "create-a-new-card": "Neue Läuferkarte erstellen",
-  "create-a-new-contact": "Kontakt erstellen",
-  "create-a-new-distance-donation": "Erstelle ein neues Sponsoring",
-  "create-a-new-donor": "Neue Sponsor:in erstellen",
-  "create-a-new-fixed-donation": "Erstelle eine neue Festbetragsspende",
-  "create-a-new-organization": "Neue Organisation anlegen",
-  "create-a-new-runner": "Neue Läufer:in erstellen",
-  "create-a-new-scan-fixed-only": "Neuen Scan erstellen (nur mit Festdistanz)",
-  "create-a-new-scanstation": "Neue Station erstellen",
-  "create-a-new-statsclient": "Neuen Statsclient erstellen",
-  "create-a-new-team": "Erstelle ein neues Team",
-  "create-a-new-track": "Neuen Track erstellen",
-  "create-a-new-user": "Neue Benutzer:in anlegen",
-  "create-a-new-user-group": "Erstelle eine neue Gruppe",
-  "create-and-generate-pdf": "Erstellen und PDF herunterladen",
-  "create-bulk-blanco-cards": "Blankokarten erstellen",
-  "create-bulk-cards": "Blankokarten erstellen",
-  "create-organization": "Organisation erstellen",
-  "create-team": "Team erstellen",
-  "create-track": "Track erstellen",
-  "create-user": "Benutzer anlegen",
-  "create-without-pdf": "Ohne PDF erstellen",
-  "created-blanco-cards": "Blankokarten wurden erstellt",
-  "creating-blanco-cards": "Erstelle Blankokarten",
-  "credits": "Credits",
-  "csv_import__class": "Klasse",
-  "csv_import__firstname": "Vorname",
-  "csv_import__lastname": "Nachname",
-  "csv_import__middlename": "Mittelname",
-  "csv_import__team": "Team",
-  "danger-zone": "Gefahrenzone",
-  "dashboard-greeting": "Hallo",
-  "dashboard-title": "Dashboard",
-  "datatable": {
-    "search": "🔍 Suche ...",
-    "an_error_happened_while_fetching_the_data": "Beim Abrufen der Daten ist ein Fehler aufgetreten",
-    "loading": "Wird geladen...",
-    "next": "Nächste",
-    "of": "von",
-    "previous": "Vorherige",
-    "to": "bis",
-    "showing": "Zeige",
-    "no_matching_records_found": "Keine passenden Einträge gefunden",
-    "page": "Seite",
-    "records": "Einträge",
-    "sort_column_ascending": "Spalte aufsteigend sortieren",
-    "sort_column_descending": "Spalte absteigend sortieren"
-  },
-  "delete": "Löschen",
-  "delete-cards": "Karten löschen",
-  "delete-contact": "Kontakt löschen",
-  "delete-donation": "Sponsoring löschen",
-  "delete-donor": "Sponsor:in löschen",
-  "delete-group": "Gruppe löschen",
-  "delete-organization": "Organisation löschen",
-  "delete-profile": "Profil löschen",
-  "delete-runner": "Läufer:in löschen",
-  "delete-scan": "Scan löschen",
-  "delete-scans": "Scans löschen",
-  "delete-station": "Station löschen",
-  "delete-statsclient": "Statsclient löschen",
-  "delete-team": "Team Löschen",
-  "delete-user": "Benutzer:in löschen",
-  "deleted-scan": "Scan wurde gelöscht",
-  "dependency_name": "Name",
-  "description": "Beschreibung",
-  "description-optional": "Beschreibung (optional)",
-  "deselect-all": "Alle abwählen",
-  "details": "Details",
-  "disabled": "deaktiviert",
-  "distance": "Distanz",
-  "distance-donation": "Sponsoring",
-  "distance-in-km": "Distanz (in KM)",
-  "distance-track": "Distanz (+Track)",
-  "do-you-really-want-to-delete-your-profile": "Möchtest du dein Profil wirklich löschen?",
-  "do-you-want-to-delete-the-organization-delete_org-name": "Möchtest du die Organisation {orgname} löschen?",
-  "do-you-want-to-delete-the-team-delete_team-name": "Möchtest du das Team {teamname} löschen?",
-  "do-you-want-to-delete-this-donor-with-all-related-donations": "Möchtest du diese Sponsor:in mit all ihren Sponsorings löschen?",
-  "documentation": "Dokumentation",
-  "donation-amount": "Sponsoringbetrag",
-  "donation-amount-must-be-greater-that-0-00eur": "Der Sponsoringbetrag muss größer als 0.00€ sein.",
-  "donation-deleted": "Sponsoring gelöscht",
-  "donation-updated": "Sponsoring wurde aktualisiert",
-  "donation_added": "Sponsoring hinzugefügt",
-  "donations": "Sponsorings",
-  "donor": "Sponsor:in",
-  "donor-added": "Sponsor:in hinzugefügt",
-  "donor-deleted": "Sponsor:in gelöscht",
-  "donor-has-no-associated-donations": "Zur Sponsor:in gibt es noch keine Sponsorings",
-  "donor-is-being-added": "Sponsor:in wird hinzugefügt...",
-  "donor-is-being-updated": "Sponsor:in wird aktualisiert",
-  "donors": "Sponsor:innen",
-  "donors-are-being-loaded": "Sponsor:innen werden geladen",
-  "dont-have-your-email-connected": "Deine E-Mail ist nicht verknüpft?",
-  "dont-panic-were-resetting-it": "Keine Panik, wir setzen es zurück ✌",
-  "e-mail-adress": "E-Mail-Adresse",
-  "edit": "Bearbeiten",
-  "edit-a-card": "Läuferkarte bearbeiten",
-  "edit-permissions": "Berechtigungen bearbeiten",
-  "email_address_or_username": "E-Mail-Adresse/ Benutzername",
-  "enabled": "aktiviert",
-  "enabled_large": "Aktiviert",
-  "english": "Englisch",
-  "enter-payment": "Zahlung eingeben",
-  "error-during-import": "Fehler beim Importieren",
-  "error-whyile-copying-to-clipboard": "Fehler beim Kopieren in die Zwischenablage",
-  "error_on_login": "😢Fehler beim Login",
-  "erteilte": "Direkt erteilte",
-  "everything-concerning-your-profile": "Alles zu deinem Profil",
-  "everything-is-more-fun-together": "Im Team macht's mehr Spaß 🏃‍♂️🏃‍♀️🏃‍♂️",
-  "faq": "FAQ",
-  "filename_sponsoringquittungsliste": "SponsoringQuittungsListe",
-  "filter-by-organization-team": "Filtern nach Organisation / Team",
-  "first-name": "Vorname",
-  "first-name-is-required": "Vorname muss angegeben werden",
-  "first-scan-of-the-day": "Erster Scan des Tages",
-  "fixed-donation": "Festbetragsspende",
-  "forgot_password": "Passwort vergessen?",
-  "geerbte": "geerbte",
-  "general-stats": "Allgemeine Statistiken",
-  "general_promise_error": "😢 Ein unbekannter Fehler ist aufgetreten",
-  "generate-runner-certificate": "Urkunde generieren",
-  "generate-runner-certificates": "Urkunden generieren",
-  "generate-runnercards": "Läuferkarten generieren",
-  "generate-sponsoring-contract": "Sponsoringvertrag generieren",
-  "generate-sponsoring-contracts": "Sponsoringverträge generieren",
-  "generating-pdf": "PDF wird generiert...",
-  "generating-pdfs": "PDFs werden generiert...",
-  "generic-ui-logic-error": "Etwas ist in der Benutzeroberfläche schiefgelaufen.",
-  "german": "Deutsch",
-  "go-to-login": "Zum Login",
-  "goback": "Zur Startseite",
-  "granted": "Gewährt",
-  "group": "Gruppe",
-  "group-added": "Gruppe hinzugefügt",
-  "group-is-being-added": "Gruppe wird erstellt",
-  "group-name-is-required": "Der Gruppenname muss angegeben werden.",
-  "group-updated": "Gruppe aktualisiert",
-  "groups": "Gruppen",
-  "groups-are-being-loaded": "Gruppen werden geladen",
-  "home": "Start",
-  "icon-image-credits": "Wir möchten uns außerdem für die verwendeten Icons und Bilder bedanken bei:",
-  "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "Wenn du mehrere Blankokarten erstellen willst, nutze doch den \"Blankokarten erstellen\" Knopf.",
-  "import-finished": "Import abgeschlossen",
-  "import-runners": "Läufer:innen importieren",
-  "import__target-organization": "Ziel Organisation",
-  "imprint": "Impressum ",
-  "imprint-loading": "Impressum lädt...",
-  "inactive": "Inaktiv",
-  "installed-version": "Installierte Version",
-  "internal-error": "Interner Fehler",
-  "invalid": "Ungültig",
-  "invalid-mail-reset": "Das ist keine gültige E-Mail",
-  "just-enter-how-many-you-want-and-the-system-will-create-them": "Gebe einfach ein, wie viele Blankokarten das System erstellen soll.",
-  "key": "Schlüssel",
-  "laeufer-hinzufuegen": "Läufer:in hinzufügen",
-  "laeufer-importieren": "Läufer:innen importieren",
-  "laptime": "Rundenzeit",
-  "last-name": "Nachname",
-  "last-name-is-required": "Nachname muss angegeben werden",
-  "lfk-is-os": "Das \"Lauf für Kaya!\" Frontend ist (wie alle anderen Projekte für den \"LfK!\" auch) ein OpenSource Projekt.",
-  "license": "Lizenz",
-  "licenses-are-being-loaded": "Lizenzen werden geladen...",
-  "loading-cards": "Läuferkarten werden geladen",
-  "loading-contact-details": "Kontaktdaten werden geladen ...",
-  "loading-donation-details": "Lade Sponsoringdetails",
-  "loading-donor-details": "Lade Details",
-  "loading-group-detail": "Lade Gruppendetails...",
-  "loading-profile-data": "Lade Profildaten",
-  "loading-runners": "Läufer:innen werden geladen...",
-  "loading-station-details": "Lade Scanstation-Details ...",
-  "log_in": "Anmelden",
-  "log_in_to_your_account": "Bitte melde dich an",
-  "login_is_checked": "Login wird überprüft",
-  "logout": "Abmelden",
-  "mail-validation-in-progress": "E-Mail Verifizierung läuft... ",
-  "manage-admin-users": "Nutzer verwalten",
-  "middle-name": "Mittelname",
-  "minimum-lap-time-in-s": "Minimale Rundenzeit (in Sekunden)",
-  "minimum-lap-time-must-be-a-positive-number-or-0": "Die minimale Rundenzeit muss eine positive Zahl oder 0 sein",
-  "must-be-at-least-10-characters-long": "Passwort muss mindestens 10 Zeichen lang sein!",
-  "must-contain-a-lowercase-letter": "Passwort muss einen Großbuchstaben enthalten!",
-  "must-contain-a-number": "Passwort muss eine Zahl enthalten!",
-  "must-contain-a-uppercase-letter": "Passwort muss einen Kleinbuchstaben enthalten!",
-  "name": "Name",
-  "name-is-required": "Der Gruppenname muss angegeben werden",
-  "new-password": "Neues Passwort",
-  "no-contact-found": "Keine Kontakte gefunden",
-  "no-contact-selected": "Kein Kontakt ausgewählt",
-  "no-contact-specified": "Kein Kontakt angegeben",
-  "no-donors-found": "Keine Spender:innen gefunden",
-  "no-license-text-could-be-found": "Kein Lizenz-Text gefunden 😢",
-  "no-organization-or-team-found": "Keine Organisationen oder Teams gefunden",
-  "no-organization-specified": "Keine Organisation angegeben",
-  "no-organizations-found": "Keine Organisationen gefunden",
-  "no-runners-found": "Keine Läufer:innen gefunden",
-  "no-tracks-added-yet": "Es wurden noch keine Tracks erstellt.",
-  "non-blanko": "Keine/Blankokarte",
-  "open": "OFFEN",
-  "organization": "Organisation",
-  "organization-added": "Organisation hinzugefügt",
-  "organization-deleted": "Organisation gelöscht",
-  "organization-detail-is-being-loaded": "Organisationsdetails werden geladen ...",
-  "organization-is-being-added": "Organisation wird hinzugefügt ...",
-  "organization-name-is-required": "Der Name muss angegeben werden",
-  "organizations": "Organisationen",
-  "organizations-are-being-loaded": "Organisationen werden geladen ...",
-  "orgs": "Organisationen",
-  "oss_credit_description": "Wir verwenden eine Menge Open Source-Software bei diesen Projekten und möchten uns bei den folgenden Projekten und Mitwirkenden bedanken, die dazu beitragen, Open Source großartig zu machen!",
-  "paid": "BEZAHLT",
-  "paid-amount": "Gezahlter Betrag",
-  "password": "Passwort",
-  "password-changed": "Passwort wurde aktualisiert!",
-  "password-is-required": "Passwort muss angegeben werden",
-  "password-reset-failed": "Passwort zurücksetzen ist fehlgeschlagen!",
-  "password-reset-in-progress": "Passwort wird zurückgesetzt...",
-  "password-reset-mail-sent": "Passwort-Reset Mail wurde an \"{usersEmail}\" geschickt.",
-  "password-reset-successful": "Passwort erfolgreich zurückgesetzt!",
-  "passwords-dont-match": "Die Passwörter stimmen nicht überein!",
-  "payment-amount-must-be-greater-than-0-00eur": "Der Zahlungsbetrag muss größer als 0.00€ sein!",
-  "pdf-generation-failed": "PDF Generierung fehlgeschlagen!",
-  "pdf-successfully-generated": "PDF wurde erfolgreich generiert!",
-  "pdfs-successfully-generated": "Alle PDFs wurden generiert!",
-  "per-kilometer": "pro Kilometer",
-  "permissions": "Berechtigungen",
-  "permissions-updated": "Berechtigungen aktualisiert!",
-  "phone": "Telefon",
-  "please-confirm-the-deletion-of-card": "Bitte bestätige die Löschung der Karte",
-  "please-confirm-the-deletion-of-runner": "Bitte bestätige die Löschung der Läufer:in",
-  "please-confirm-the-deletion-of-scan": "Bitte bestätige die Löschung des Scans",
-  "please-copy-the-token-and-store-it-somewhere-save": "Bitte kopiere dir den Token und bewahre ihn gut auf.",
-  "please-provide-a-password": "Bitte gebe ein Passwort an...",
-  "please-provide-the-nessecary-information-to-add-a-new-donor": "Bitte mach die Notwendigen Angaben, um eine neue Sponsor:in zu erstellen",
-  "please-provide-the-nessecary-information-to-create-a-new-donation": "Bitte gebe alle für das Sponsoring notwendigen Daten an.",
-  "please-provide-the-nessecary-information-to-create-a-new-scan": "Bitte gebe alle notwendigen Informationen an, um einen neuen Scan zu erstellen.",
-  "please-provide-the-required-csv-xlsx-file": "Bitte eine CSV oder XLSX Datei hochladen.",
-  "please-provide-the-required-information-for-creating-a-new-user-group": "Bitte gebe alle für eine neue Gruppe notwendigen Informationen an.",
-  "please-provide-the-required-information-to-add-a-new-contact": "Bitte gebe alle nötigen Informationen an, im den neuen Kontakt zu erstellen.",
-  "please-provide-the-required-information-to-add-a-new-organization": "Bitte gebe alle nötigen Informationen an, im die neue Organisation zu erstellen.",
-  "please-provide-the-required-information-to-add-a-new-runner": "Bitte die benötigten Informationen angeben.",
-  "please-provide-the-required-information-to-add-a-new-team": "Bitte gebe alle nötigen Informationen an, im das neue Team zu erstellen.",
-  "please-provide-the-required-information-to-add-a-new-track": "Bitte die benötigten Informationen angeben.",
-  "please-provide-the-required-information-to-add-a-new-user": "Bitte gebe alle nötigen Informationen an, im die neue Benutzer:in zu erstellen.",
-  "please-provide-the-required-information-to-create-a-new-scanstation": "Bitte gebe alle für eine Scannerstation notwendigen Informationen an",
-  "please-provide-the-required-information-to-create-a-new-statsclient": "Bitte gebe alle für einen Statsclient notwendigen Informationen an",
-  "please-request-a-new-reset-mail": "Bitte eine neue Passwortreset-Mail anfordern...",
-  "please-wait-a-moment-your-login-is-still-being-processed": "Bitte warte einen Moment, deine Anmeldung wird verarbeitet",
-  "prefix": "Prefix",
-  "privacy": "Datenschutz",
-  "privacy-loading": "Datenschutzerklärung lädt...",
-  "profile": "Profil",
-  "profile-deleted": "Profil gelöscht!",
-  "profile-picture": "Profilbild",
-  "profile-updated": "Profil wurde aktualisiert!",
-  "read-license": "Lizenz-Text lesen",
-  "receipt-needed": "Spendenquittung benötigt",
-  "repo_link": "Link",
-  "request-a-new-reset-mail": "Neue Reset-Mail anfordern",
-  "reset-my-password": "Passwort zurücksetzen",
-  "reset-password": "Passwort zurücksetzen",
-  "runner": "Läufer:in",
-  "runner-added": "Läufer:in hinzugefügt",
-  "runner-deleted": "Läufer:in gelöscht",
-  "runner-import": "Läufer:innen Import",
-  "runner-is-being-added": "Läufer:in wird hinzugefügt...",
-  "runner-updated": "Läufer:in aktualisiert!",
-  "runnercards": "Laeuferkarten",
-  "runnerimport_verify_runners_org": "Bitte die Läufer:innen für den Import in die Organisation \"{org_name}\" bestätigen",
-  "runners": "Läufer",
-  "runners-are-being-imported": "Läufer:innen werden importiert ...",
-  "runners-are-being-loaded": "Läufer:innen werden geladen ...",
-  "save": "Speichern",
-  "save-changes": "Änderungen speichern",
-  "scan-added": "Scan hinzugefügt",
-  "scan-deleted": "Scan gelöscht",
-  "scan-is-being-updated": "Scan wird aktualisiert",
-  "scan-with-fixed-distance": "Scan mit Festdistanz",
-  "scans": "Scans",
-  "scans-are-being-loaded": "Scans werden geladen",
-  "scanstation": "Scanner Station",
-  "scanstation-added": "Station wurde erstellt",
-  "scanstation-is-being-added": "Scannerstation wird angelegt...",
-  "scanstations": "Scanner Stationen",
-  "scanstations-are-being-loaded": "Scannerstationen werden geladen...",
-  "search-for-an-organization-by-name-or-id": "Suche eine Organisation (via Name oder Id)",
-  "search-for-an-organization-or-team-by-name-or-id": "Suche eine Organisation oder ein Team (via Name oder Id)",
-  "search-for-donor-name-or-id": "Suche eine Spender:in (via Name oder Id)",
-  "search-for-permission": "Berechtigungen durchsuchen",
-  "search-for-runner-by-name-or-id": "Suche eine Läufer:in (via Name oder Id)",
-  "select-all": "Alle auswählen",
-  "select-language": "Sprache auswählen",
-  "selfservice-registration": "Selfservice Registrierung",
-  "send-a-mail-to-lfk-odit-services": "Sende eine Mail an lfk@odit.services",
-  "set-the-user-active-inactive": "Den Benutzer auf (in)aktiv setzen",
-  "settings": "Einstellungen",
-  "settings-for-your-profile": "Die Einstellungen deines Accounts",
-  "something-about-the-group": "Infos zur Gruppe",
-  "sponsoring-quittungs-liste_herunterladen": "Sponsoring-Quittungs-Liste herunterladen",
-  "sponsorings": "Sponsoringerklaerungen",
-  "station-deleted": "Scannerstation gelöscht",
-  "stats-are-being-loaded": "Die Statistiken werden geladen...",
-  "statsclient-deleted": "Statsclient wurde gelöscht",
-  "statsclient-is-being-added": "Statsclient wird angelegt...",
-  "statsclients": "Statsclient (aka Beamershow)",
-  "statsclients-are-being-loaded": "Statsclients werden geladen",
-  "status": "Status",
-  "stuff-that-could-harm-your-profile": "Einstellungen, die deinem Profil nachhaltig schaden können",
-  "successful-password-reset": "Passwort erfolgreich zurückgesetzt!",
-  "team": "Team",
-  "team-added": "Team wurde hinzugefügt",
-  "team-deleted": "Team gelöscht",
-  "team-detail-is-being-loaded": "Team wird geladen...",
-  "team-is-being-added": "Team wird erstellt...",
-  "team-name": "Teamname",
-  "team-name-is-required": "Teamname ist erforderlich",
-  "teams": "Teams",
-  "teams-are-being-loaded": "Teams werden geladen ...",
-  "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "Die angegebene Telefonnummer ist nicht korrekt. <br /> Bitte gebe eine Telefonnummer im internationalen Format an...",
-  "the-scans-distance-must-be-greater-than-0m": "Die Distanz muss größer als 0m sein.",
-  "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Scannerstation Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
-  "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Statsclient Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
-  "there-are-no-cards-yet": "Es gibt noch keine Läuferkarten.",
-  "there-are-no-contacts-added-yet": "Es wurden noch keine Kontakte hinzugefügt.",
-  "there-are-no-donations-yet": "Es gibt noch keine Sponsorings",
-  "there-are-no-donors-yet": "Es gibt noch keine Sponsor:innen",
-  "there-are-no-groups-yet": "Es gibt noch keine Gruppen",
-  "there-are-no-organizations-added-yet": "Es wurden noch keine Organisationen hinzugefügt.",
-  "there-are-no-runners-added-yet": "Es wurden noch keine Läufer:innen hinzugefügt.",
-  "there-are-no-scans-yet": "Es gibt noch keine Scans",
-  "there-are-no-teams-added-yet": "Es wurden noch keine Teams hinzugefügt.",
-  "there-are-no-users-added-yet": "Es wurden noch keine Benutzer hinzugefügt.",
-  "this-card-is": "Diese Karte ist",
-  "this-might-take-a-moment": "Das könnte einen kleinen Moment dauern",
-  "this-scanstation-is": "Diese Station ist",
-  "timestamp": "Timestamp",
-  "token": "Token",
-  "total-distance": "gelaufene Strecke",
-  "total-donation-amount": "Gesamtbetrag",
-  "total-donations": "Spendensumme",
-  "total-paid-amount": "Gezahlter Gesamtbetrag",
-  "total-scans": "gesamte Scans",
-  "total_donation_amount_in_eur": "Gesamtbetrag in €",
-  "track": "Track",
-  "track-added": "Track hinzugefügt",
-  "track-data-is-being-loaded": "Trackdaten werden geladen",
-  "track-is-being-added": "Track wird hinzugefügt...",
-  "track-is-being-updated": "Track wird aktualisiert...",
-  "track-length-in-m": "Tracklänge (in Metern)",
-  "track-length-must-be-greater-than-0": "Die Länge muss größer als 0 (Meter) sein",
-  "track-name": "Trackname",
-  "track-name-must-not-be-empty": "Der Name muss angegeben werden",
-  "track-was-updated": "Track wurde aktualisiert",
-  "tracks": "Tracks",
-  "unpaid": "Offen",
-  "update-card": "Karte aktualisieren",
-  "update-password": "Passwort ändern",
-  "updated-contact": "Kontakt aktualisiert!",
-  "updated-donor": "Sponsor:in wurde aktualisiert",
-  "updated-organization": "Organisation wurde aktualisiert",
-  "updated-scan": "Scan wurde aktualisiert",
-  "updated-team": "Team wurde aktualisiert",
-  "updateing-group": "Gruppe wird aktualisiert...",
-  "updating-card": "Karte wird aktualisiert",
-  "updating-donation": "Sponsoring wird aktualisiert",
-  "updating-organization": "Organisation wird aktualisiert",
-  "updating-permissions": "Berechtigungen werden aktualisiert...",
-  "updating-runner": "Läufer:in wird aktualisiert.",
-  "updating-team": "Team wird aktualisiert",
-  "updating-user": "Benutzer:in wird aktualisiert...",
-  "updating-your-profile": "Profil wird aktualisiert...",
-  "user-added": "Benutzer hinzugefügt",
-  "user-groups": "Benutzergruppen",
-  "user-is-being-added": "Benutzer wird hinzugefügt ...",
-  "user-updated": "Benutzer:in wurde aktualisiert",
-  "username": "Benutzername",
-  "users": "Benutzer",
-  "valid": "Gültig",
-  "valid-city-is-required": "Du musst eine Stadt angeben",
-  "valid-email-is-required": "Es wird eine valide E-Mail Adresse benötigt",
-  "valid-international-phone-number-is-required": "Du musst eine Telefonnummer im internationalen Format angeben...",
-  "valid-zipcode-postal-code-is-required": "Du musst eine valide Postleitzahl angeben",
-  "verfuegbare": "Verfügbar",
-  "welcome_wavinghand": "Willkommen 👋",
-  "yes-i-copied-the-token": "Ja, ich habe den Token kopiert",
-  "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "Du wirst all deine Berechtigungen und den Zugriff aufs Läufersystem verlieren!",
-  "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "Du kannst den Betrag der Zahlung entweder manuell eingeben oder über den MAX Button auf den Spendenbetrag setzen",
-  "you-can-now-use-your-new-password-to-log-in-to-your-account": "Du kannst dich jetzt mit deinem neuen Passwort anmelden! 🎉",
-  "you-can-provide-a-runner-but-you-dont-have-to": "Du kannst eine Läufer:in angeben, musst aber nicht.",
-  "you-dont-have-any-scanclients-yet": "Es gibt noch keine Statsclients",
-  "you-dont-have-any-scanstations-yet": "Es gibt noch keine Scannerstationen",
-  "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
-  "you-have-to-save-your-changes-to-generate-a-link": "Du musst deine Änderungen speichern, um einen Link zu generieren.",
-  "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
-  "zip-postal-code": "Postleitzahl",
-  "config-codes": "Konfigurations-Codes",
-  "api-endpoint": "API-Endpunkt"
-}
+    "404message": "Die gesuchte Seite wurde leider nicht gefunden.",
+    "404title": "Fehler 404",
+    "about": "Über",
+    "action": "Aktionen",
+    "active": "Aktiv",
+    "add-card": "Karte erstellen",
+    "add-donation": "Sponsoring erstellen",
+    "add-donor": "Sponsor:in erstellen",
+    "add-or-update-a-payment": "Zahlung hinzufügen oder bearbeiten",
+    "add-scan": "Scan erstellen",
+    "add-the-first-scanstation": "Erstelle deine erste Scannerstation.",
+    "add-the-first-statsclient": "Erstelle deinen ersten Statsclient.",
+    "add-user-group": "Neue Gruppe erstellen",
+    "add-your-first-card": "Erstelle deine erste Läuferkarte",
+    "add-your-first-contact": "Erstelle den ersten Kontakt",
+    "add-your-first-donor": "Erstelle die erste Sponsor:in",
+    "add-your-first-group": "Erstelle die erste Gruppe",
+    "add-your-first-organization": "Erstelle die erste Organisation",
+    "add-your-first-runner": "Erstelle die erste Läufer:in",
+    "add-your-first-team": "Erstelle das erste Team",
+    "add-your-first-track": "Erstelle den ersten Track (Laufstrecke).",
+    "add-your-first-user": "Erstelle die erste Benutzer:in",
+    "add-your-fist-donation": "Erstelle dein erstes Sponsoring",
+    "add-your-fist-scan": "Füge deinen ersten Scan hinzu",
+    "adding-card": "Karte wird erstellt",
+    "adding-donation": "Sponsoring wird erstellt...",
+    "adding-scan": "Scan wird hinzugefügt",
+    "address": "Adresse",
+    "address-is-required": "Du musst eine Adresse angeben",
+    "after-deletion-we-cant-restore-your-old-profile": "Nach der Löschung können auch die Admins dein Profil nicht wiederherstellen!",
+    "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "Nach der Änderung wirst du abgemeldet - bitte melde dich dann mit deinem neuen Passwort an.",
+    "all": "Alle",
+    "all-associated-donations-will-get-deleted-as-well": "Alle Sponsorings dieser Sponsor:in werden ebenfalls gelöscht",
+    "all-associated-runners-will-be-deleted-too": "Alle zugehörigen Läufer:innen werden auch gelöscht!",
+    "all-associated-scans-will-get-deleted-as-well": "Alle Scans dieser Station werden ebenfalls gelöscht",
+    "all-associated-teams-and-runners-will-be-deleted-too": "Alle assoziierten Teams und Läufer:innen werden auch gelöscht!",
+    "already-paid": "Bereits bezahlt",
+    "amount": "Anzahl",
+    "amount-per-kilometer": "Betrag pro Kilometer",
+    "apartment-suite-etc": "Apartment, Wohnung, etc.",
+    "api-endpoint": "API-Endpunkt",
+    "application_name": "Lauf für Kaya! - Admin",
+    "applying-changes": "Änderungen anwenden",
+    "attention": "Achtung!",
+    "author": "Autor:in",
+    "average-distance": "Durchschnittliche Strecke/Läufer:in",
+    "average-donation": "Durchschnittliches Sponsoring",
+    "bitte-bestaetige-diese-laeufer-fuer-den-import": "Bitte die Läufer:innen für den Import bestätigen.",
+    "by": "von",
+    "cancel": "Abbrechen",
+    "cancel-delete": "Löschen abbrechen",
+    "cancel-keep-donor": "Abbrechen, Sponsor:in behalten",
+    "cancel-keep-my-profile": "Abbrechen, mein Profil behalten",
+    "cancel-keep-organization": "Abbrechen und Organisation bearbeiten",
+    "cancel-keep-station": "Abbrechen und Station behalten",
+    "cancel-keep-statsclient": "Abbrechen und Statsclient behalten",
+    "cancel-keep-team": "Abbrechen, Team behalten",
+    "cannot-reset-your-password-directly": "Schade. \nWir können das Passwort leider nicht direkt zurücksetzen.\nBitte sende uns eine Mail in der du deine Identität bestätigst.",
+    "card": "Läuferkarte",
+    "card-added": "Karte wurde hinzugefügt",
+    "card-deleted": "Karte gelöscht",
+    "card-updated": "Karte aktualisiert",
+    "cards": "Läuferkarten",
+    "cards-deleted": "Karten gelöscht",
+    "certificates": "Urkunden",
+    "change-your-password-here": "Hier kannst du dein Passwort ändern",
+    "changing-your-password": "Passwort wird geändert",
+    "city": "Stadt",
+    "click-to-copy-the-link-into-your-clipboard": "Klicke auf den Link, um ihn in deine Zwischenablage zu kopieren",
+    "click-to-copy-token-to-clipboard": "Klicke auf den Token, um ihn in deine Zwischenablage zu kopieren",
+    "close": "Schließen",
+    "code": "Code",
+    "config-codes": "Konfigurations-Codes",
+    "configure-the-tracks-and-minimum-lap-times": "Bearbeite die Tracks und ihre minimale Rundenzeit",
+    "confirm": "Bestätigen",
+    "confirm-delete": "Löschung Bestätigen",
+    "confirm-delete-donor-with-all-donations": "Bestätigen, Sponsor:in mit allen Sponsorings löschen",
+    "confirm-delete-my-user-profile": "Bestätigung, mein Benutzerprofil löschen",
+    "confirm-delete-organization-and-associated-teams-runners": "Bestätugung, lösche die Organisation und alle zugehörigen Teams und Läufer:innen.",
+    "confirm-delete-station-with-all-scans": "Löschen der Scannerstation mit allen Scans bestätigen",
+    "confirm-delete-statsclient": "Bestätigung, Statsclient löschen",
+    "confirm-delete-team-and-associated-runners": "Bestätigung, lösche das Team mitsamt seinen Läufer:innen.",
+    "confirm-deletion": "Löschung Bestätigen",
+    "confirm-the-new-password": "Neues Passwort bestätigen",
+    "contact": "Kontakt",
+    "contact-added": "Kontakt wurde hinzugefügt",
+    "contact-deleted": "Kontakt gelöscht",
+    "contact-information": "Kontaktinformation",
+    "contact-is-being-added": "Kontakt wird erstellt...",
+    "contact-is-being-updated": "Kontakt wird aktualisiert ...",
+    "contact-is-not-a-member-in-any-group": "Kontakt gehört zu keiner Gruppe",
+    "contacts": "Kontakte",
+    "contacts-are-being-loaded": "Kontakte werden geladen ...",
+    "copied-link-to-clipboard": "Link wurde in die Zwischenablage kopiert",
+    "copied-token-to-clipboard": "Token wurde in die Zwischenablage kopiert",
+    "count_organizations": "Organisationen (Anzahl)",
+    "count_teams": "Teams (Anzahl)",
+    "create": "Erstellen",
+    "create-a-new": "Erstelle eine neue",
+    "create-a-new-card": "Neue Läuferkarte erstellen",
+    "create-a-new-contact": "Kontakt erstellen",
+    "create-a-new-distance-donation": "Erstelle ein neues Sponsoring",
+    "create-a-new-donor": "Neue Sponsor:in erstellen",
+    "create-a-new-fixed-donation": "Erstelle eine neue Festbetragsspende",
+    "create-a-new-organization": "Neue Organisation anlegen",
+    "create-a-new-runner": "Neue Läufer:in erstellen",
+    "create-a-new-scan-fixed-only": "Neuen Scan erstellen (nur mit Festdistanz)",
+    "create-a-new-scanstation": "Neue Station erstellen",
+    "create-a-new-statsclient": "Neuen Statsclient erstellen",
+    "create-a-new-team": "Erstelle ein neues Team",
+    "create-a-new-track": "Neuen Track erstellen",
+    "create-a-new-user": "Neue Benutzer:in anlegen",
+    "create-a-new-user-group": "Erstelle eine neue Gruppe",
+    "create-and-generate-pdf": "Erstellen und PDF herunterladen",
+    "create-bulk-blanco-cards": "Blankokarten erstellen",
+    "create-bulk-cards": "Blankokarten erstellen",
+    "create-organization": "Organisation erstellen",
+    "create-team": "Team erstellen",
+    "create-track": "Track erstellen",
+    "create-user": "Benutzer anlegen",
+    "create-without-pdf": "Ohne PDF erstellen",
+    "created-blanco-cards": "Blankokarten wurden erstellt",
+    "creating-blanco-cards": "Erstelle Blankokarten",
+    "credits": "Credits",
+    "csv_import__class": "Klasse",
+    "csv_import__firstname": "Vorname",
+    "csv_import__lastname": "Nachname",
+    "csv_import__middlename": "Mittelname",
+    "csv_import__team": "Team",
+    "danger-zone": "Gefahrenzone",
+    "dashboard-greeting": "Hallo",
+    "dashboard-title": "Dashboard",
+    "datatable": {
+        "search": "🔍 Suche ...",
+        "an_error_happened_while_fetching_the_data": "Beim Abrufen der Daten ist ein Fehler aufgetreten",
+        "loading": "Wird geladen...",
+        "next": "Nächste",
+        "of": "von",
+        "previous": "Vorherige",
+        "to": "bis",
+        "showing": "Zeige",
+        "no_matching_records_found": "Keine passenden Einträge gefunden",
+        "page": "Seite",
+        "records": "Einträge",
+        "sort_column_ascending": "Spalte aufsteigend sortieren",
+        "sort_column_descending": "Spalte absteigend sortieren"
+    },
+    "delete": "Löschen",
+    "delete-cards": "Karten löschen",
+    "delete-contact": "Kontakt löschen",
+    "delete-donation": "Sponsoring löschen",
+    "delete-donor": "Sponsor:in löschen",
+    "delete-group": "Gruppe löschen",
+    "delete-organization": "Organisation löschen",
+    "delete-profile": "Profil löschen",
+    "delete-runner": "Läufer:in löschen",
+    "delete-scan": "Scan löschen",
+    "delete-scans": "Scans löschen",
+    "delete-station": "Station löschen",
+    "delete-statsclient": "Statsclient löschen",
+    "delete-team": "Team Löschen",
+    "delete-user": "Benutzer:in löschen",
+    "deleted-scan": "Scan wurde gelöscht",
+    "dependency_name": "Name",
+    "description": "Beschreibung",
+    "description-optional": "Beschreibung (optional)",
+    "deselect-all": "Alle abwählen",
+    "details": "Details",
+    "disabled": "deaktiviert",
+    "distance": "Distanz",
+    "distance-donation": "Sponsoring",
+    "distance-in-km": "Distanz (in KM)",
+    "distance-track": "Distanz (+Track)",
+    "do-you-really-want-to-delete-your-profile": "Möchtest du dein Profil wirklich löschen?",
+    "do-you-want-to-delete-the-organization-delete_org-name": "Möchtest du die Organisation {orgname} löschen?",
+    "do-you-want-to-delete-the-team-delete_team-name": "Möchtest du das Team {teamname} löschen?",
+    "do-you-want-to-delete-this-donor-with-all-related-donations": "Möchtest du diese Sponsor:in mit all ihren Sponsorings löschen?",
+    "documentation": "Dokumentation",
+    "donation-amount": "Sponsoringbetrag",
+    "donation-amount-must-be-greater-that-0-00eur": "Der Sponsoringbetrag muss größer als 0.00€ sein.",
+    "donation-deleted": "Sponsoring gelöscht",
+    "donation-updated": "Sponsoring wurde aktualisiert",
+    "donation_added": "Sponsoring hinzugefügt",
+    "donations": "Sponsorings",
+    "donations-are-being-loaded": "Sponsorings werden geladen...",
+    "donor": "Sponsor:in",
+    "donor-added": "Sponsor:in hinzugefügt",
+    "donor-deleted": "Sponsor:in gelöscht",
+    "donor-has-no-associated-donations": "Keine Sponsorings",
+    "donor-is-being-added": "Sponsor:in wird hinzugefügt...",
+    "donor-is-being-updated": "Sponsor:in wird aktualisiert",
+    "donors": "Sponsor:innen",
+    "donors-are-being-loaded": "Sponsor:innen werden geladen",
+    "dont-have-your-email-connected": "Deine E-Mail ist nicht verknüpft?",
+    "dont-panic-were-resetting-it": "Keine Panik, wir setzen es zurück ✌",
+    "e-mail-adress": "E-Mail-Adresse",
+    "edit": "Bearbeiten",
+    "edit-a-card": "Läuferkarte bearbeiten",
+    "edit-permissions": "Berechtigungen bearbeiten",
+    "email_address_or_username": "E-Mail-Adresse/ Benutzername",
+    "enabled": "aktiviert",
+    "enabled_large": "Aktiviert",
+    "english": "Englisch",
+    "enter-payment": "Zahlung eingeben",
+    "error-during-import": "Fehler beim Importieren",
+    "error-whyile-copying-to-clipboard": "Fehler beim Kopieren in die Zwischenablage",
+    "error_on_login": "😢Fehler beim Login",
+    "erteilte": "Direkt erteilte",
+    "everything-concerning-your-profile": "Alles zu deinem Profil",
+    "everything-is-more-fun-together": "Im Team macht's mehr Spaß 🏃‍♂️🏃‍♀️🏃‍♂️",
+    "faq": "FAQ",
+    "filename_sponsoringquittungsliste": "SponsoringQuittungsListe",
+    "filter-by-organization-team": "Filtern nach Organisation / Team",
+    "first-name": "Vorname",
+    "first-name-is-required": "Vorname muss angegeben werden",
+    "first-scan-of-the-day": "Erster Scan des Tages",
+    "fixed-donation": "Festbetragsspende",
+    "forgot_password": "Passwort vergessen?",
+    "geerbte": "geerbte",
+    "general-stats": "Allgemeine Statistiken",
+    "general_promise_error": "😢 Ein unbekannter Fehler ist aufgetreten",
+    "generate-runner-certificate": "Urkunde generieren",
+    "generate-runner-certificates": "Urkunden generieren",
+    "generate-runnercards": "Läuferkarten generieren",
+    "generate-sponsoring-contract": "Sponsoringvertrag generieren",
+    "generate-sponsoring-contracts": "Sponsoringverträge generieren",
+    "generating-pdf": "PDF wird generiert...",
+    "generating-pdfs": "PDFs werden generiert...",
+    "generic-ui-logic-error": "Etwas ist in der Benutzeroberfläche schiefgelaufen.",
+    "german": "Deutsch",
+    "go-to-login": "Zum Login",
+    "goback": "Zur Startseite",
+    "granted": "Gewährt",
+    "group": "Gruppe",
+    "group-added": "Gruppe hinzugefügt",
+    "group-is-being-added": "Gruppe wird erstellt",
+    "group-name-is-required": "Der Gruppenname muss angegeben werden.",
+    "group-updated": "Gruppe aktualisiert",
+    "groups": "Gruppen",
+    "groups-are-being-loaded": "Gruppen werden geladen",
+    "home": "Start",
+    "icon-image-credits": "Wir möchten uns außerdem für die verwendeten Icons und Bilder bedanken bei:",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "Wenn du mehrere Blankokarten erstellen willst, nutze doch den \"Blankokarten erstellen\" Knopf.",
+    "import-finished": "Import abgeschlossen",
+    "import-runners": "Läufer:innen importieren",
+    "import__target-organization": "Ziel Organisation",
+    "imprint": "Impressum ",
+    "imprint-loading": "Impressum lädt...",
+    "inactive": "Inaktiv",
+    "installed-version": "Installierte Version",
+    "internal-error": "Interner Fehler",
+    "invalid": "Ungültig",
+    "invalid-mail-reset": "Das ist keine gültige E-Mail",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Gebe einfach ein, wie viele Blankokarten das System erstellen soll.",
+    "key": "Schlüssel",
+    "laeufer-hinzufuegen": "Läufer:in hinzufügen",
+    "laeufer-importieren": "Läufer:innen importieren",
+    "laptime": "Rundenzeit",
+    "last-name": "Nachname",
+    "last-name-is-required": "Nachname muss angegeben werden",
+    "lfk-is-os": "Das \"Lauf für Kaya!\" Frontend ist (wie alle anderen Projekte für den \"LfK!\" auch) ein OpenSource Projekt.",
+    "license": "Lizenz",
+    "licenses-are-being-loaded": "Lizenzen werden geladen...",
+    "loading-cards": "Läuferkarten werden geladen",
+    "loading-contact-details": "Kontaktdaten werden geladen ...",
+    "loading-donation-details": "Lade Sponsoringdetails",
+    "loading-donor-details": "Lade Details",
+    "loading-group-detail": "Lade Gruppendetails...",
+    "loading-profile-data": "Lade Profildaten",
+    "loading-runners": "Läufer:innen werden geladen...",
+    "loading-station-details": "Lade Scanstation-Details ...",
+    "log_in": "Anmelden",
+    "log_in_to_your_account": "Bitte melde dich an",
+    "login_is_checked": "Login wird überprüft",
+    "logout": "Abmelden",
+    "mail-validation-in-progress": "E-Mail Verifizierung läuft... ",
+    "manage-admin-users": "Nutzer verwalten",
+    "middle-name": "Mittelname",
+    "minimum-lap-time-in-s": "Minimale Rundenzeit (in Sekunden)",
+    "minimum-lap-time-must-be-a-positive-number-or-0": "Die minimale Rundenzeit muss eine positive Zahl oder 0 sein",
+    "must-be-at-least-10-characters-long": "Passwort muss mindestens 10 Zeichen lang sein!",
+    "must-contain-a-lowercase-letter": "Passwort muss einen Großbuchstaben enthalten!",
+    "must-contain-a-number": "Passwort muss eine Zahl enthalten!",
+    "must-contain-a-uppercase-letter": "Passwort muss einen Kleinbuchstaben enthalten!",
+    "name": "Name",
+    "name-is-required": "Der Gruppenname muss angegeben werden",
+    "new-password": "Neues Passwort",
+    "no-address": "Keine Adresse hinterlegt",
+    "no-contact-found": "Keine Kontakte gefunden",
+    "no-contact-selected": "Kein Kontakt ausgewählt",
+    "no-contact-specified": "Kein Kontakt angegeben",
+    "no-donors-found": "Keine Spender:innen gefunden",
+    "no-license-text-could-be-found": "Kein Lizenz-Text gefunden 😢",
+    "no-organization-or-team-found": "Keine Organisationen oder Teams gefunden",
+    "no-organization-specified": "Keine Organisation angegeben",
+    "no-organizations-found": "Keine Organisationen gefunden",
+    "no-runners-found": "Keine Läufer:innen gefunden",
+    "no-tracks-added-yet": "Es wurden noch keine Tracks erstellt.",
+    "non-blanko": "Keine/Blankokarte",
+    "open": "OFFEN",
+    "organization": "Organisation",
+    "organization-added": "Organisation hinzugefügt",
+    "organization-deleted": "Organisation gelöscht",
+    "organization-detail-is-being-loaded": "Organisationsdetails werden geladen ...",
+    "organization-is-being-added": "Organisation wird hinzugefügt ...",
+    "organization-name-is-required": "Der Name muss angegeben werden",
+    "organizations": "Organisationen",
+    "organizations-are-being-loaded": "Organisationen werden geladen ...",
+    "orgs": "Organisationen",
+    "oss_credit_description": "Wir verwenden eine Menge Open Source-Software bei diesen Projekten und möchten uns bei den folgenden Projekten und Mitwirkenden bedanken, die dazu beitragen, Open Source großartig zu machen!",
+    "paid": "BEZAHLT",
+    "paid-amount": "Gezahlter Betrag",
+    "password": "Passwort",
+    "password-changed": "Passwort wurde aktualisiert!",
+    "password-is-required": "Passwort muss angegeben werden",
+    "password-reset-failed": "Passwort zurücksetzen ist fehlgeschlagen!",
+    "password-reset-in-progress": "Passwort wird zurückgesetzt...",
+    "password-reset-mail-sent": "Passwort-Reset Mail wurde an \"{usersEmail}\" geschickt.",
+    "password-reset-successful": "Passwort erfolgreich zurückgesetzt!",
+    "passwords-dont-match": "Die Passwörter stimmen nicht überein!",
+    "payment-amount-must-be-greater-than-0-00eur": "Der Zahlungsbetrag muss größer als 0.00€ sein!",
+    "pdf-generation-failed": "PDF Generierung fehlgeschlagen!",
+    "pdf-successfully-generated": "PDF wurde erfolgreich generiert!",
+    "pdfs-successfully-generated": "Alle PDFs wurden generiert!",
+    "per-kilometer": "pro Kilometer",
+    "permissions": "Berechtigungen",
+    "permissions-updated": "Berechtigungen aktualisiert!",
+    "phone": "Telefon",
+    "please-confirm-the-deletion-of-card": "Bitte bestätige die Löschung der Karte",
+    "please-confirm-the-deletion-of-donation": "Bitte bestätige die Löschung des Sponsorings",
+    "please-confirm-the-deletion-of-runner": "Bitte bestätige die Löschung der Läufer:in",
+    "please-confirm-the-deletion-of-scan": "Bitte bestätige die Löschung des Scans",
+    "please-copy-the-token-and-store-it-somewhere-save": "Bitte kopiere dir den Token und bewahre ihn gut auf.",
+    "please-provide-a-password": "Bitte gebe ein Passwort an...",
+    "please-provide-the-nessecary-information-to-add-a-new-donor": "Bitte mach die Notwendigen Angaben, um eine neue Sponsor:in zu erstellen",
+    "please-provide-the-nessecary-information-to-create-a-new-donation": "Bitte gebe alle für das Sponsoring notwendigen Daten an.",
+    "please-provide-the-nessecary-information-to-create-a-new-scan": "Bitte gebe alle notwendigen Informationen an, um einen neuen Scan zu erstellen.",
+    "please-provide-the-required-csv-xlsx-file": "Bitte eine CSV oder XLSX Datei hochladen.",
+    "please-provide-the-required-information-for-creating-a-new-user-group": "Bitte gebe alle für eine neue Gruppe notwendigen Informationen an.",
+    "please-provide-the-required-information-to-add-a-new-contact": "Bitte gebe alle nötigen Informationen an, im den neuen Kontakt zu erstellen.",
+    "please-provide-the-required-information-to-add-a-new-organization": "Bitte gebe alle nötigen Informationen an, im die neue Organisation zu erstellen.",
+    "please-provide-the-required-information-to-add-a-new-runner": "Bitte die benötigten Informationen angeben.",
+    "please-provide-the-required-information-to-add-a-new-team": "Bitte gebe alle nötigen Informationen an, im das neue Team zu erstellen.",
+    "please-provide-the-required-information-to-add-a-new-track": "Bitte die benötigten Informationen angeben.",
+    "please-provide-the-required-information-to-add-a-new-user": "Bitte gebe alle nötigen Informationen an, im die neue Benutzer:in zu erstellen.",
+    "please-provide-the-required-information-to-create-a-new-scanstation": "Bitte gebe alle für eine Scannerstation notwendigen Informationen an",
+    "please-provide-the-required-information-to-create-a-new-statsclient": "Bitte gebe alle für einen Statsclient notwendigen Informationen an",
+    "please-request-a-new-reset-mail": "Bitte eine neue Passwortreset-Mail anfordern...",
+    "please-wait-a-moment-your-login-is-still-being-processed": "Bitte warte einen Moment, deine Anmeldung wird verarbeitet",
+    "prefix": "Prefix",
+    "privacy": "Datenschutz",
+    "privacy-loading": "Datenschutzerklärung lädt...",
+    "profile": "Profil",
+    "profile-deleted": "Profil gelöscht!",
+    "profile-picture": "Profilbild",
+    "profile-updated": "Profil wurde aktualisiert!",
+    "read-license": "Lizenz-Text lesen",
+    "receipt-needed": "Spendenquittung benötigt",
+    "repo_link": "Link",
+    "request-a-new-reset-mail": "Neue Reset-Mail anfordern",
+    "reset-my-password": "Passwort zurücksetzen",
+    "reset-password": "Passwort zurücksetzen",
+    "runner": "Läufer:in",
+    "runner-added": "Läufer:in hinzugefügt",
+    "runner-deleted": "Läufer:in gelöscht",
+    "runner-import": "Läufer:innen Import",
+    "runner-is-being-added": "Läufer:in wird hinzugefügt...",
+    "runner-updated": "Läufer:in aktualisiert!",
+    "runnercards": "Laeuferkarten",
+    "runnerimport_verify_runners_org": "Bitte die Läufer:innen für den Import in die Organisation \"{org_name}\" bestätigen",
+    "runners": "Läufer",
+    "runners-are-being-imported": "Läufer:innen werden importiert ...",
+    "runners-are-being-loaded": "Läufer:innen werden geladen ...",
+    "save": "Speichern",
+    "save-changes": "Änderungen speichern",
+    "scan-added": "Scan hinzugefügt",
+    "scan-deleted": "Scan gelöscht",
+    "scan-is-being-updated": "Scan wird aktualisiert",
+    "scan-with-fixed-distance": "Scan mit Festdistanz",
+    "scans": "Scans",
+    "scans-are-being-loaded": "Scans werden geladen",
+    "scanstation": "Scanner Station",
+    "scanstation-added": "Station wurde erstellt",
+    "scanstation-is-being-added": "Scannerstation wird angelegt...",
+    "scanstations": "Scanner Stationen",
+    "scanstations-are-being-loaded": "Scannerstationen werden geladen...",
+    "search-for-an-organization-by-name-or-id": "Suche eine Organisation (via Name oder Id)",
+    "search-for-an-organization-or-team-by-name-or-id": "Suche eine Organisation oder ein Team (via Name oder Id)",
+    "search-for-donor-name-or-id": "Suche eine Spender:in (via Name oder Id)",
+    "search-for-permission": "Berechtigungen durchsuchen",
+    "search-for-runner-by-name-or-id": "Suche eine Läufer:in (via Name oder Id)",
+    "select-all": "Alle auswählen",
+    "select-language": "Sprache auswählen",
+    "selfservice-registration": "Selfservice Registrierung",
+    "send-a-mail-to-lfk-odit-services": "Sende eine Mail an lfk@odit.services",
+    "set-the-user-active-inactive": "Den Benutzer auf (in)aktiv setzen",
+    "settings": "Einstellungen",
+    "settings-for-your-profile": "Die Einstellungen deines Accounts",
+    "something-about-the-group": "Infos zur Gruppe",
+    "sponsoring-quittungs-liste_herunterladen": "Sponsoring-Quittungs-Liste herunterladen",
+    "sponsorings": "Sponsoringerklaerungen",
+    "station-deleted": "Scannerstation gelöscht",
+    "stats-are-being-loaded": "Die Statistiken werden geladen...",
+    "statsclient-deleted": "Statsclient wurde gelöscht",
+    "statsclient-is-being-added": "Statsclient wird angelegt...",
+    "statsclients": "Statsclient (aka Beamershow)",
+    "statsclients-are-being-loaded": "Statsclients werden geladen",
+    "status": "Status",
+    "stuff-that-could-harm-your-profile": "Einstellungen, die deinem Profil nachhaltig schaden können",
+    "successful-password-reset": "Passwort erfolgreich zurückgesetzt!",
+    "team": "Team",
+    "team-added": "Team wurde hinzugefügt",
+    "team-deleted": "Team gelöscht",
+    "team-detail-is-being-loaded": "Team wird geladen...",
+    "team-is-being-added": "Team wird erstellt...",
+    "team-name": "Teamname",
+    "team-name-is-required": "Teamname ist erforderlich",
+    "teams": "Teams",
+    "teams-are-being-loaded": "Teams werden geladen ...",
+    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "Die angegebene Telefonnummer ist nicht korrekt. <br /> Bitte gebe eine Telefonnummer im internationalen Format an...",
+    "the-scans-distance-must-be-greater-than-0m": "Die Distanz muss größer als 0m sein.",
+    "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Scannerstation Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
+    "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "Der Statsclient Token wird nur einmal angezeigt - du kannst ihn nicht ändern oder ihn dir nochmal anzeigen lassen!",
+    "there-are-no-cards-yet": "Es gibt noch keine Läuferkarten.",
+    "there-are-no-contacts-added-yet": "Es wurden noch keine Kontakte hinzugefügt.",
+    "there-are-no-donations-yet": "Es gibt noch keine Sponsorings",
+    "there-are-no-donors-yet": "Es gibt noch keine Sponsor:innen",
+    "there-are-no-groups-yet": "Es gibt noch keine Gruppen",
+    "there-are-no-organizations-added-yet": "Es wurden noch keine Organisationen hinzugefügt.",
+    "there-are-no-runners-added-yet": "Es wurden noch keine Läufer:innen hinzugefügt.",
+    "there-are-no-scans-yet": "Es gibt noch keine Scans",
+    "there-are-no-teams-added-yet": "Es wurden noch keine Teams hinzugefügt.",
+    "there-are-no-users-added-yet": "Es wurden noch keine Benutzer hinzugefügt.",
+    "this-card-is": "Diese Karte ist",
+    "this-might-take-a-moment": "Das könnte einen kleinen Moment dauern",
+    "this-scanstation-is": "Diese Station ist",
+    "timestamp": "Timestamp",
+    "token": "Token",
+    "total-distance": "gelaufene Strecke",
+    "total-donation-amount": "Gesamtbetrag",
+    "total-donation-count": "Gesamte Sponsorings",
+    "total-donations": "Spendensumme",
+    "total-donors": "gesamte Sponsor:innen",
+    "total-paid-amount": "Gezahlt",
+    "total-scans": "gesamte Scans",
+    "total_donation_amount_in_eur": "Gesamtbetrag in €",
+    "track": "Track",
+    "track-added": "Track hinzugefügt",
+    "track-data-is-being-loaded": "Trackdaten werden geladen",
+    "track-is-being-added": "Track wird hinzugefügt...",
+    "track-is-being-updated": "Track wird aktualisiert...",
+    "track-length-in-m": "Tracklänge (in Metern)",
+    "track-length-must-be-greater-than-0": "Die Länge muss größer als 0 (Meter) sein",
+    "track-name": "Trackname",
+    "track-name-must-not-be-empty": "Der Name muss angegeben werden",
+    "track-was-updated": "Track wurde aktualisiert",
+    "tracks": "Tracks",
+    "unpaid": "Offen",
+    "update-card": "Karte aktualisieren",
+    "update-password": "Passwort ändern",
+    "updated-contact": "Kontakt aktualisiert!",
+    "updated-donor": "Sponsor:in wurde aktualisiert",
+    "updated-organization": "Organisation wurde aktualisiert",
+    "updated-scan": "Scan wurde aktualisiert",
+    "updated-team": "Team wurde aktualisiert",
+    "updateing-group": "Gruppe wird aktualisiert...",
+    "updating-card": "Karte wird aktualisiert",
+    "updating-donation": "Sponsoring wird aktualisiert",
+    "updating-organization": "Organisation wird aktualisiert",
+    "updating-permissions": "Berechtigungen werden aktualisiert...",
+    "updating-runner": "Läufer:in wird aktualisiert.",
+    "updating-team": "Team wird aktualisiert",
+    "updating-user": "Benutzer:in wird aktualisiert...",
+    "updating-your-profile": "Profil wird aktualisiert...",
+    "user-added": "Benutzer hinzugefügt",
+    "user-groups": "Benutzergruppen",
+    "user-is-being-added": "Benutzer wird hinzugefügt ...",
+    "user-updated": "Benutzer:in wurde aktualisiert",
+    "username": "Benutzername",
+    "users": "Benutzer",
+    "valid": "Gültig",
+    "valid-city-is-required": "Du musst eine Stadt angeben",
+    "valid-email-is-required": "Es wird eine valide E-Mail Adresse benötigt",
+    "valid-international-phone-number-is-required": "Du musst eine Telefonnummer im internationalen Format angeben...",
+    "valid-zipcode-postal-code-is-required": "Du musst eine valide Postleitzahl angeben",
+    "verfuegbare": "Verfügbar",
+    "welcome_wavinghand": "Willkommen 👋",
+    "yes-i-copied-the-token": "Ja, ich habe den Token kopiert",
+    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "Du wirst all deine Berechtigungen und den Zugriff aufs Läufersystem verlieren!",
+    "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "Du kannst den Betrag der Zahlung entweder manuell eingeben oder über den MAX Button auf den Spendenbetrag setzen",
+    "you-can-now-use-your-new-password-to-log-in-to-your-account": "Du kannst dich jetzt mit deinem neuen Passwort anmelden! 🎉",
+    "you-can-provide-a-runner-but-you-dont-have-to": "Du kannst eine Läufer:in angeben, musst aber nicht.",
+    "you-dont-have-any-scanclients-yet": "Es gibt noch keine Statsclients",
+    "you-dont-have-any-scanstations-yet": "Es gibt noch keine Scannerstationen",
+    "you-have-to-provide-an-organization": "Du musst eine Organisation angeben",
+    "you-have-to-save-your-changes-to-generate-a-link": "Du musst deine Änderungen speichern, um einen Link zu generieren.",
+    "you-must-create-at-least-one-card-or-cancel": "Du musst mindestens eine Blankokarte erstellen (oder abbrechen).",
+    "zip-postal-code": "Postleitzahl"
+}

src/locales/en.json

@@ -1,493 +1,500 @@
 {
-  "404message": "Sorry, the page you are looking for could not be found.",
-  "404title": "Error 404",
-  "about": "About",
-  "action": "Action",
-  "active": "Active",
-  "add-card": "Add Card",
-  "add-donation": "Add donation",
-  "add-donor": "Add donor",
-  "add-or-update-a-payment": "Add or update a payment",
-  "add-scan": "Add scan",
-  "add-the-first-scanstation": "Add your first scanstation.",
-  "add-the-first-statsclient": "Add your first statsclient.",
-  "add-user-group": "Add User Group",
-  "add-your-first-card": "Add your first card",
-  "add-your-first-contact": "Add your first contact",
-  "add-your-first-donor": "add your first donor",
-  "add-your-first-group": "Add your first group",
-  "add-your-first-organization": "Add your first organization",
-  "add-your-first-runner": "Add your first runner",
-  "add-your-first-team": "Add your first team",
-  "add-your-first-track": "Add your first track.",
-  "add-your-first-user": "Add your first user",
-  "add-your-fist-donation": "Add your fist donation",
-  "add-your-fist-scan": "Add your fist scan",
-  "adding-card": "Adding Card",
-  "adding-donation": "Adding donation...",
-  "adding-scan": "Adding Scan",
-  "address": "Address",
-  "address-is-required": "Address is required",
-  "after-deletion-we-cant-restore-your-old-profile": "After deletion we can't restore your old profile!",
-  "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "After the update you'll get logged out - Please login with your new password after that.",
-  "all": "all",
-  "all-associated-donations-will-get-deleted-as-well": "All associated donations will get deleted as well",
-  "all-associated-runners-will-be-deleted-too": "All associated runners will be deleted too!",
-  "all-associated-scans-will-get-deleted-as-well": "All associated scans will get deleted as well",
-  "all-associated-teams-and-runners-will-be-deleted-too": "All associated teams and runners will be deleted too!",
-  "already-paid": "Already paid",
-  "amount": "Amount",
-  "amount-per-kilometer": "Amount per kilometer",
-  "apartment-suite-etc": "Apartment, suite, etc.",
-  "application_name": "Lauf für Kaya! - Admin",
-  "applying-changes": "Applying Changes",
-  "attention": "Attention!",
-  "author": "Author",
-  "bitte-bestaetige-diese-laeufer-fuer-den-import": "Please confirm these runners for import.",
-  "by": "by",
-  "cancel": "Cancel",
-  "cancel-delete": "Cancel Delete",
-  "cancel-keep-donor": "Cancel, keep donor",
-  "cancel-keep-my-profile": "Cancel, keep my profile",
-  "cancel-keep-organization": "Cancel, keep organization",
-  "cancel-keep-station": "Cancel, keep station",
-  "cancel-keep-statsclient": "Cancel and keep statsclient",
-  "cancel-keep-team": "Cancel, keep team",
-  "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
-  "card": "card",
-  "card-added": "Card added",
-  "card-deleted": "Card deleted",
-  "card-updated": "Card updated",
-  "cards": "Cards",
-  "cards-deleted": "Cards deleted",
-  "certificates": "Certificates",
-  "change-your-password-here": "Change your password here",
-  "changing-your-password": "Changing your password",
-  "city": "City",
-  "click-to-copy-the-link-into-your-clipboard": "Click to copy the link into your clipboard",
-  "click-to-copy-token-to-clipboard": "Click to copy the token to your clipboard",
-  "close": "Close",
-  "code": "Code",
-  "configure-the-tracks-and-minimum-lap-times": "configure the tracks & minimum lap times",
-  "confirm": "Confirm",
-  "confirm-delete": "Confirm Delete",
-  "confirm-delete-donor-with-all-donations": "Confirm, delete donor with all donations",
-  "confirm-delete-my-user-profile": "Confirm, delete my user profile",
-  "confirm-delete-organization-and-associated-teams-runners": "Confirm, delete organization and associated teams+runners.",
-  "confirm-delete-station-with-all-scans": "Confirm deletion of station with all scans",
-  "confirm-delete-statsclient": "Confirm, delete statsclient",
-  "confirm-delete-team-and-associated-runners": "Confirm, delete team and associated runners.",
-  "confirm-deletion": "Confirm Deletion",
-  "confirm-the-new-password": "Confirm the new password",
-  "contact": "Contact",
-  "contact-added": "Contact added",
-  "contact-deleted": "Contact deleted",
-  "contact-information": "Contact Information",
-  "contact-is-being-added": "Contact is being added...",
-  "contact-is-being-updated": "Contact is being updated...",
-  "contact-is-not-a-member-in-any-group": "Contact is not a member in any group",
-  "contacts": "Contacts",
-  "contacts-are-being-loaded": "contacts are being loaded...",
-  "copied-link-to-clipboard": "Copied link to clipboard",
-  "copied-token-to-clipboard": "Copied token to clipboard",
-  "count_organizations": "# Organizations",
-  "count_teams": "# Teams",
-  "create": "Create",
-  "create-a-new": "Create a new",
-  "create-a-new-card": "Create a new card",
-  "create-a-new-contact": "Create a new contact",
-  "create-a-new-distance-donation": "Create a new distance donation",
-  "create-a-new-donor": "Create a new donor",
-  "create-a-new-fixed-donation": "Create a new fixed donation",
-  "create-a-new-organization": "Create a new Organization",
-  "create-a-new-runner": "Create a new Runner",
-  "create-a-new-scan-fixed-only": "Create a new scan (fixed only)",
-  "create-a-new-scanstation": "Create a new station",
-  "create-a-new-statsclient": "Create a new statsclient",
-  "create-a-new-team": "Create a new team",
-  "create-a-new-track": "Create a new Track",
-  "create-a-new-user": "Create a new User",
-  "create-a-new-user-group": "Create a new user group",
-  "create-and-generate-pdf": "Create and generate PDF",
-  "create-bulk-blanco-cards": "Create bulk blanco cards",
-  "create-bulk-cards": "Add blanco cards",
-  "create-organization": "Create Organization",
-  "create-team": "Create Team",
-  "create-track": "Create Track",
-  "create-user": "Create User",
-  "create-without-pdf": "Create without PDF",
-  "created-blanco-cards": "Created blanco cards",
-  "creating-blanco-cards": "Creating blanco cards",
-  "credits": "Credits",
-  "csv_import__class": "Class",
-  "csv_import__firstname": "Firstname",
-  "csv_import__lastname": "Lastname",
-  "csv_import__middlename": "Middlename",
-  "csv_import__team": "Team",
-  "danger-zone": "Danger zone",
-  "dashboard-greeting": "Hello",
-  "dashboard-title": "Dashboard",
-  "datatable": {
-    "search": "🔍 Search...",
-    "sort_column_ascending": "Sort column ascending",
-    "sort_column_descending": "Sort column descending",
-    "previous": "Previous",
-    "next": "Next",
-    "page": "Page",
-    "showing": "Showing",
-    "records": "Records",
-    "of": "of",
-    "to": "to",
-    "loading": "Loading...",
-    "no_matching_records_found": "No matching records found",
-    "an_error_happened_while_fetching_the_data": "An error happened while fetching the data"
-  },
-  "delete": "Delete",
-  "delete-cards": "Delete cards",
-  "delete-contact": "Delete Contact",
-  "delete-donation": "Delete Donation",
-  "delete-donor": "Delete donor",
-  "delete-group": "Delete Group",
-  "delete-organization": "Delete Organization",
-  "delete-profile": "Delete Profile",
-  "delete-runner": "Delete Runner",
-  "delete-scan": "Delete scan",
-  "delete-scans": "Delete scans",
-  "delete-station": "Delete station",
-  "delete-statsclient": "Delete statsclient",
-  "delete-team": "Delete Team",
-  "delete-user": "Delete User",
-  "deleted-scan": "Deleted scan",
-  "dependency_name": "Name",
-  "description": "description",
-  "description-optional": "Description (optional)",
-  "deselect-all": "deselect all",
-  "details": "Details",
-  "disabled": "disabled",
-  "distance": "Distance",
-  "distance-donation": "distance donation",
-  "distance-in-km": "Distance in km",
-  "distance-track": "Distance (+Track)",
-  "do-you-really-want-to-delete-your-profile": "Do you really want to delete your profile?",
-  "do-you-want-to-delete-the-organization-delete_org-name": "Do you want to delete the organization {orgname}?",
-  "do-you-want-to-delete-the-team-delete_team-name": "Do you want to delete the team {teamname}?",
-  "do-you-want-to-delete-this-donor-with-all-related-donations": "Do you want to delete this donor with all related donations",
-  "documentation": "Documentation",
-  "donation-amount": "Donation amount",
-  "donation-amount-must-be-greater-that-0-00eur": "Donation amount must be greater that 0.00€",
-  "donation-deleted": "Donation deleted",
-  "donation-updated": "Donation updated",
-  "donation_added": "Donation_added",
-  "donations": "Donations",
-  "donor": "Donor",
-  "donor-added": "Donor added",
-  "donor-deleted": "donor deleted",
-  "donor-has-no-associated-donations": "Donor has no associated donations.",
-  "donor-is-being-added": "Donor is being added...",
-  "donor-is-being-updated": "Donor is being updated",
-  "donors": "Donors",
-  "donors-are-being-loaded": "donors are being loaded",
-  "dont-have-your-email-connected": "Don't have your email connected?",
-  "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
-  "e-mail-adress": "E-Mail Adress",
-  "edit": "Edit",
-  "edit-a-card": "Edit a card",
-  "edit-permissions": "edit permissions",
-  "email_address_or_username": "Email / username",
-  "enabled": "enabled",
-  "enabled_large": "Enabled",
-  "english": "English",
-  "enter-payment": "Enter payment",
-  "error-during-import": "Error during import",
-  "error-whyile-copying-to-clipboard": "Error while copying to clipboard",
-  "error_on_login": "Error on login",
-  "erteilte": "Directly granted",
-  "everything-concerning-your-profile": "Everything concerning your profile",
-  "everything-is-more-fun-together": "everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️",
-  "faq": "FAQ",
-  "filename_sponsoringquittungsliste": "DonorReceiptList",
-  "filter-by-organization-team": "Filter by Organization/ Team",
-  "first-name": "First name",
-  "first-name-is-required": "First Name is required",
-  "first-scan-of-the-day": "First scan of the day.",
-  "fixed-donation": "fixed donation",
-  "forgot_password": "Forgot your password?",
-  "geerbte": "inherited",
-  "general-stats": "General Stats",
-  "general_promise_error": "😢 Error",
-  "generate-runner-certificate": "Generate runner certificate",
-  "generate-runner-certificates": "Generate runner certificates",
-  "generate-runnercards": "Generate Runnercards",
-  "generate-sponsoring-contract": "generate sponsoring contract",
-  "generate-sponsoring-contracts": "generate sponsoring contracts",
-  "generating-pdf": "generating PDF...",
-  "generating-pdfs": "generating PDFs...",
-  "generic-ui-logic-error": "Something went wrong in the UI logic",
-  "german": "German",
-  "go-to-login": "Go To Login",
-  "goback": "Go Home",
-  "granted": "granted",
-  "group": "Group",
-  "group-added": "Group added",
-  "group-is-being-added": "Group is being added...",
-  "group-name-is-required": "Group name is required",
-  "group-updated": "group updated",
-  "groups": "Groups",
-  "groups-are-being-loaded": "Groups are being loaded",
-  "home": "Home",
-  "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
-  "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "If you want to create multiple blanco cards: Try the 'Add blanco cards' button.",
-  "import-finished": "Import finished",
-  "import-runners": "Import runners",
-  "import__target-organization": "Target Organization",
-  "imprint": "Imprint",
-  "imprint-loading": "Imprint loading...",
-  "inactive": "Inactive",
-  "installed-version": "Installed version",
-  "internal-error": "Internal Error",
-  "invalid": "Invalid",
-  "invalid-mail-reset": "the provided email is invalid",
-  "just-enter-how-many-you-want-and-the-system-will-create-them": "Just enter how many you want and the system will create them",
-  "key": "Key",
-  "laeufer-hinzufuegen": "Add runner",
-  "laeufer-importieren": "Läufer importieren",
-  "laptime": "Laptime",
-  "last-name": "Last name",
-  "last-name-is-required": "Last Name is required",
-  "lfk-is-os": "The \"Lauf für Kaya!\" Frontend is (like all other projects for the \"LfK!\" Also) an open source project.",
-  "license": "License",
-  "licenses-are-being-loaded": "Licenses are being loaded...",
-  "loading-cards": "Loading cards",
-  "loading-contact-details": "Loading contact details...",
-  "loading-donation-details": "Loading donation details",
-  "loading-donor-details": "Loading donor details",
-  "loading-group-detail": "Loading group detail...",
-  "loading-profile-data": "Loading profile data",
-  "loading-runners": "loading runners...",
-  "loading-station-details": "Loading station details",
-  "log_in": "Log in",
-  "log_in_to_your_account": "Log in to your account",
-  "login_is_checked": "Login is being checked...",
-  "logout": "Logout",
-  "mail-validation-in-progress": "mail validation in progress...",
-  "manage-admin-users": "manage admin users",
-  "middle-name": "Middle name",
-  "minimum-lap-time-in-s": "minimum lap time in s",
-  "minimum-lap-time-must-be-a-positive-number-or-0": "minimum lap time must be a positive number or 0",
-  "must-be-at-least-10-characters-long": "Must be at least 10 characters long!",
-  "must-contain-a-lowercase-letter": "Must contain a lowercase letter!",
-  "must-contain-a-number": "Must contain a number!",
-  "must-contain-a-uppercase-letter": "Must contain a uppercase letter!",
-  "name": "Name",
-  "name-is-required": "Name is required",
-  "new-password": "New password",
-  "no-contact-found": "No contacts found",
-  "no-contact-selected": "No contact selected",
-  "no-contact-specified": "no contact specified",
-  "no-donors-found": "No donors found",
-  "no-license-text-could-be-found": "No license text could be found 😢",
-  "no-organization-or-team-found": "No organization or team found",
-  "no-organization-specified": "no organization specified",
-  "no-organizations-found": "No organizations found",
-  "no-runners-found": "No runners found",
-  "no-tracks-added-yet": "there are no tracks added yet.",
-  "non-blanko": "Non/Blanko",
-  "open": "OPEN",
-  "organization": "Organization",
-  "organization-added": "Organization added",
-  "organization-deleted": "Organization deleted",
-  "organization-detail-is-being-loaded": "organization detail is being loaded...",
-  "organization-is-being-added": "Organization is being added...",
-  "organization-name-is-required": "Organization name is required",
-  "organizations": "Organizations",
-  "organizations-are-being-loaded": "organizations are being loaded...",
-  "orgs": "Organizations",
-  "oss_credit_description": "We use a lot of open source software on these projects, and would like to thank the following projects and contributors who help make open source great!",
-  "paid": "PAID",
-  "paid-amount": "Paid amount",
-  "password": "Password",
-  "password-changed": "Password changed!",
-  "password-is-required": "Password is required",
-  "password-reset-failed": "Password reset failed!",
-  "password-reset-in-progress": "Password Reset in Progress...",
-  "password-reset-mail-sent": "Password reset mail was sent to \"{usersEmail}\".",
-  "password-reset-successful": "Password Reset successful!",
-  "passwords-dont-match": "Passwords don't match!",
-  "payment-amount-must-be-greater-than-0-00eur": "Payment amount must be greater than 0.00€!",
-  "pdf-generation-failed": "PDF generation failed!",
-  "pdf-successfully-generated": "PDF successfully generated!",
-  "pdfs-successfully-generated": "PDFs successfully generated!",
-  "per-kilometer": "per Kilometer",
-  "permissions": "Permissions",
-  "permissions-updated": "Permissions updated!",
-  "phone": "Phone",
-  "please-confirm-the-deletion-of-card": "Please confirm the deletion of this card",
-  "please-confirm-the-deletion-of-runner": "Please confirm the deletion of this runner",
-  "please-confirm-the-deletion-of-scan": "Please confirm the deletion of scan",
-  "please-copy-the-token-and-store-it-somewhere-save": "Please copy the token and store it somewhere safe.",
-  "please-provide-a-password": "Please provide a password...",
-  "please-provide-the-nessecary-information-to-add-a-new-donor": "Please provide the nessecary information to add a new donor",
-  "please-provide-the-nessecary-information-to-create-a-new-donation": "Please provide the nessecary information to create a new donation",
-  "please-provide-the-nessecary-information-to-create-a-new-scan": "Please provide the nessecary information to create a new scan.",
-  "please-provide-the-required-csv-xlsx-file": "Please provide the required csv/ xlsx file",
-  "please-provide-the-required-information-for-creating-a-new-user-group": "Please provide the required information for creating a new user group.",
-  "please-provide-the-required-information-to-add-a-new-contact": "Please provide the required information to add a new contact.",
-  "please-provide-the-required-information-to-add-a-new-organization": "Please provide the required information to add a new organization.",
-  "please-provide-the-required-information-to-add-a-new-runner": "Please provide the required information to add a new runner.",
-  "please-provide-the-required-information-to-add-a-new-team": "Please provide the required information to add a new team.",
-  "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
-  "please-provide-the-required-information-to-add-a-new-user": "Please provide the required information to add a new user.",
-  "please-provide-the-required-information-to-create-a-new-scanstation": "Please provide the required information to create a new scanstation",
-  "please-provide-the-required-information-to-create-a-new-statsclient": "Please provide the required information to create a new statsclient",
-  "please-request-a-new-reset-mail": "Please request a new reset mail...",
-  "please-wait-a-moment-your-login-is-still-being-processed": "Please wait a moment, your login is still being processed",
-  "prefix": "Prefix",
-  "privacy": "Privacy",
-  "privacy-loading": "Privacy loading...",
-  "profile": "Profile",
-  "profile-deleted": "Profile deleted!",
-  "profile-picture": "Profile Picture",
-  "profile-updated": "Profile updated!",
-  "read-license": "Read License",
-  "receipt-needed": "Receipt needed",
-  "repo_link": "Link",
-  "request-a-new-reset-mail": "Request a new reset mail",
-  "reset-my-password": "Reset my password",
-  "reset-password": "Reset your password",
-  "runner": "Runner",
-  "runner-added": "Runner added",
-  "runner-deleted": "runner deleted",
-  "runner-import": "Runner Import",
-  "runner-is-being-added": "Runner is being added...",
-  "runner-updated": "Runner updated!",
-  "runnercards": "Runnercards",
-  "runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
-  "runners": "Runners",
-  "runners-are-being-imported": "Runners are being imported...",
-  "runners-are-being-loaded": "runners are being loaded...",
-  "save": "Save",
-  "save-changes": "Save Changes",
-  "scan-added": "Scan added",
-  "scan-deleted": "scan deleted",
-  "scan-is-being-updated": "Scan is being updated",
-  "scan-with-fixed-distance": "Scan with fixed distance",
-  "scans": "Scans",
-  "scans-are-being-loaded": "Scans are being loaded",
-  "scanstation": "Scanstation",
-  "scanstation-added": "Scanstation added",
-  "scanstation-is-being-added": "Adding scanstation...",
-  "scanstations": "Scanstations",
-  "scanstations-are-being-loaded": "Loading scanstations...",
-  "search-for-an-organization-by-name-or-id": "Search for an organization (by name or id)",
-  "search-for-an-organization-or-team-by-name-or-id": "Search for an organization or team (by name or id)",
-  "search-for-donor-name-or-id": "Search for donor (by name or id)",
-  "search-for-permission": "Search for permission",
-  "search-for-runner-by-name-or-id": "Search for runner (by name or id)",
-  "select-all": "select all",
-  "select-language": "Select language",
-  "selfservice-registration": "Selfservice registration",
-  "send-a-mail-to-lfk-odit-services": "send a mail to lfk@odit.services",
-  "set-the-user-active-inactive": "set the user active/ inactive",
-  "settings": "Settings",
-  "settings-for-your-profile": "Settings for your profile",
-  "something-about-the-group": "Something about the group...",
-  "sponsoring-quittungs-liste_herunterladen": "Download donor receipt list",
-  "sponsorings": "Sponsorings",
-  "station-deleted": "station deleted",
-  "stats-are-being-loaded": "stats are being loaded...",
-  "statsclient-deleted": "Deleted statsclient",
-  "statsclient-is-being-added": "Statsclient is being added...",
-  "statsclients": "Statsclients (aka Beamershow)",
-  "statsclients-are-being-loaded": "Loading statsclients",
-  "status": "Status",
-  "stuff-that-could-harm-your-profile": "Stuff that could harm your profile",
-  "successful-password-reset": "Successful password reset!",
-  "team": "Team",
-  "team-added": "Team added",
-  "team-deleted": "Team deleted",
-  "team-detail-is-being-loaded": "team detail is being loaded...",
-  "team-is-being-added": "Team is being added...",
-  "team-name": "Team name",
-  "team-name-is-required": "team name is required",
-  "teams": "Teams",
-  "teams-are-being-loaded": "teams are being loaded...",
-  "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "the provided phone number is invalid.<br />please enter a valid international number...",
-  "the-scans-distance-must-be-greater-than-0m": "The scan's distance must be greater than 0m",
-  "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The scanstation api token will only get displayed once - you won't be able to change or view it again!",
-  "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The statsclient api token will only get displayed once - you won't be able to change or view it again!",
-  "there-are-no-cards-yet": "There are no cards yet.",
-  "there-are-no-contacts-added-yet": "There are no contacts added yet.",
-  "there-are-no-donations-yet": "There are no donations yet",
-  "there-are-no-donors-yet": "There are no donors yet",
-  "there-are-no-groups-yet": "There are no groups yet",
-  "there-are-no-organizations-added-yet": "There are no organizations added yet.",
-  "there-are-no-runners-added-yet": "There are no runners added yet.",
-  "there-are-no-scans-yet": "There are no scans yet",
-  "there-are-no-teams-added-yet": "There are no teams added yet.",
-  "there-are-no-users-added-yet": "There are no users added yet.",
-  "this-card-is": "This card is",
-  "this-might-take-a-moment": "This might take a moment 👀",
-  "this-scanstation-is": "This scanstation is",
-  "timestamp": "timestamp",
-  "token": "Token",
-  "total-distance": "total distance",
-  "total-donation-amount": "total donation amount",
-  "total-donations": "total donations",
-  "total-paid-amount": "Total paid amount",
-  "total-scans": "total scans",
-  "total_donation_amount_in_eur": "Total donation amount in €",
-  "track": "Track",
-  "track-added": "Track added",
-  "track-data-is-being-loaded": "Track data is being loaded",
-  "track-is-being-added": "Track is being added...",
-  "track-is-being-updated": "Track is being updated...",
-  "track-length-in-m": "Track Length in m",
-  "track-length-must-be-greater-than-0": "Track length must be greater than 0",
-  "track-name": "Track name",
-  "track-name-must-not-be-empty": "Track name must not be empty",
-  "track-was-updated": "Track was updated!",
-  "tracks": "Tracks",
-  "unpaid": "Unpaid",
-  "update-card": "Update Card",
-  "update-password": "Update password",
-  "updated-contact": "Updated contact!",
-  "updated-donor": "updated donor",
-  "updated-organization": "updated organization",
-  "updated-scan": "updated scan",
-  "updated-team": "Updated team",
-  "updateing-group": "updateing group...",
-  "updating-card": "Updating card",
-  "updating-donation": "Updating donation",
-  "updating-organization": "updating organization",
-  "updating-permissions": "updating permissions...",
-  "updating-runner": "Updating runner...",
-  "updating-team": "Updating team",
-  "updating-user": "updating user...",
-  "updating-your-profile": "Updating your profile...",
-  "user-added": "User added",
-  "user-groups": "User Groups",
-  "user-is-being-added": "User is being added...",
-  "user-updated": "User updated",
-  "username": "Username",
-  "users": "Users",
-  "valid": "Valid",
-  "valid-city-is-required": "Valid city is required",
-  "valid-email-is-required": "valid email is required",
-  "valid-international-phone-number-is-required": "valid international phone number is required...",
-  "valid-zipcode-postal-code-is-required": "Valid zipcode/ postal code is required",
-  "verfuegbare": "availdable",
-  "welcome_wavinghand": "Welcome 👋",
-  "yes-i-copied-the-token": "Yes, I copied the token",
-  "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "You are going to loose all permissions and access to the runner system!",
-  "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "You can enter the donation's paid amount manually or use the MAX button to use the donation's exact amount.",
-  "you-can-now-use-your-new-password-to-log-in-to-your-account": "You can now use your new password to log in to your account! 🎉",
-  "you-can-provide-a-runner-but-you-dont-have-to": "You can provide a runner, but you don't have to.",
-  "you-dont-have-any-scanclients-yet": "You don't have any statsclients yet",
-  "you-dont-have-any-scanstations-yet": "You don't have any scanstations yet",
-  "you-have-to-provide-an-organization": "You have to provide an organization",
-  "you-have-to-save-your-changes-to-generate-a-link": "You have to save your changes to generate a link.",
-  "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
-  "zip-postal-code": "ZIP/ postal code",
-  "config-codes": "Config codes",
-  "api-endpoint": "API-Endpoint"
-}
+    "404message": "Sorry, the page you are looking for could not be found.",
+    "404title": "Error 404",
+    "about": "About",
+    "action": "Action",
+    "active": "Active",
+    "add-card": "Add Card",
+    "add-donation": "Add donation",
+    "add-donor": "Add donor",
+    "add-or-update-a-payment": "Add or update a payment",
+    "add-scan": "Add scan",
+    "add-the-first-scanstation": "Add your first scanstation.",
+    "add-the-first-statsclient": "Add your first statsclient.",
+    "add-user-group": "Add User Group",
+    "add-your-first-card": "Add your first card",
+    "add-your-first-contact": "Add your first contact",
+    "add-your-first-donor": "add your first donor",
+    "add-your-first-group": "Add your first group",
+    "add-your-first-organization": "Add your first organization",
+    "add-your-first-runner": "Add your first runner",
+    "add-your-first-team": "Add your first team",
+    "add-your-first-track": "Add your first track.",
+    "add-your-first-user": "Add your first user",
+    "add-your-fist-donation": "Add your fist donation",
+    "add-your-fist-scan": "Add your fist scan",
+    "adding-card": "Adding Card",
+    "adding-donation": "Adding donation...",
+    "adding-scan": "Adding Scan",
+    "address": "Address",
+    "address-is-required": "Address is required",
+    "after-deletion-we-cant-restore-your-old-profile": "After deletion we can't restore your old profile!",
+    "after-the-update-youll-get-logged-out-please-login-with-your-new-password-after-that": "After the update you'll get logged out - Please login with your new password after that.",
+    "all": "all",
+    "all-associated-donations-will-get-deleted-as-well": "All associated donations will get deleted as well",
+    "all-associated-runners-will-be-deleted-too": "All associated runners will be deleted too!",
+    "all-associated-scans-will-get-deleted-as-well": "All associated scans will get deleted as well",
+    "all-associated-teams-and-runners-will-be-deleted-too": "All associated teams and runners will be deleted too!",
+    "already-paid": "Already paid",
+    "amount": "Amount",
+    "amount-per-kilometer": "Amount per kilometer",
+    "apartment-suite-etc": "Apartment, suite, etc.",
+    "api-endpoint": "API-Endpoint",
+    "application_name": "Lauf für Kaya! - Admin",
+    "applying-changes": "Applying Changes",
+    "attention": "Attention!",
+    "author": "Author",
+    "average-distance": "average distance",
+    "average-donation": "average donation",
+    "bitte-bestaetige-diese-laeufer-fuer-den-import": "Please confirm these runners for import.",
+    "by": "by",
+    "cancel": "Cancel",
+    "cancel-delete": "Cancel Delete",
+    "cancel-keep-donor": "Cancel, keep donor",
+    "cancel-keep-my-profile": "Cancel, keep my profile",
+    "cancel-keep-organization": "Cancel, keep organization",
+    "cancel-keep-station": "Cancel, keep station",
+    "cancel-keep-statsclient": "Cancel and keep statsclient",
+    "cancel-keep-team": "Cancel, keep team",
+    "cannot-reset-your-password-directly": "Bummer. We unfortunately cannot reset your password directly. Please send us a mail and confirm your identity",
+    "card": "card",
+    "card-added": "Card added",
+    "card-deleted": "Card deleted",
+    "card-updated": "Card updated",
+    "cards": "Cards",
+    "cards-deleted": "Cards deleted",
+    "certificates": "Certificates",
+    "change-your-password-here": "Change your password here",
+    "changing-your-password": "Changing your password",
+    "city": "City",
+    "click-to-copy-the-link-into-your-clipboard": "Click to copy the link into your clipboard",
+    "click-to-copy-token-to-clipboard": "Click to copy the token to your clipboard",
+    "close": "Close",
+    "code": "Code",
+    "config-codes": "Config codes",
+    "configure-the-tracks-and-minimum-lap-times": "configure the tracks & minimum lap times",
+    "confirm": "Confirm",
+    "confirm-delete": "Confirm Delete",
+    "confirm-delete-donor-with-all-donations": "Confirm, delete donor with all donations",
+    "confirm-delete-my-user-profile": "Confirm, delete my user profile",
+    "confirm-delete-organization-and-associated-teams-runners": "Confirm, delete organization and associated teams+runners.",
+    "confirm-delete-station-with-all-scans": "Confirm deletion of station with all scans",
+    "confirm-delete-statsclient": "Confirm, delete statsclient",
+    "confirm-delete-team-and-associated-runners": "Confirm, delete team and associated runners.",
+    "confirm-deletion": "Confirm Deletion",
+    "confirm-the-new-password": "Confirm the new password",
+    "contact": "Contact",
+    "contact-added": "Contact added",
+    "contact-deleted": "Contact deleted",
+    "contact-information": "Contact Information",
+    "contact-is-being-added": "Contact is being added...",
+    "contact-is-being-updated": "Contact is being updated...",
+    "contact-is-not-a-member-in-any-group": "Contact is not a member in any group",
+    "contacts": "Contacts",
+    "contacts-are-being-loaded": "contacts are being loaded...",
+    "copied-link-to-clipboard": "Copied link to clipboard",
+    "copied-token-to-clipboard": "Copied token to clipboard",
+    "count_organizations": "# Organizations",
+    "count_teams": "# Teams",
+    "create": "Create",
+    "create-a-new": "Create a new",
+    "create-a-new-card": "Create a new card",
+    "create-a-new-contact": "Create a new contact",
+    "create-a-new-distance-donation": "Create a new distance donation",
+    "create-a-new-donor": "Create a new donor",
+    "create-a-new-fixed-donation": "Create a new fixed donation",
+    "create-a-new-organization": "Create a new Organization",
+    "create-a-new-runner": "Create a new Runner",
+    "create-a-new-scan-fixed-only": "Create a new scan (fixed only)",
+    "create-a-new-scanstation": "Create a new station",
+    "create-a-new-statsclient": "Create a new statsclient",
+    "create-a-new-team": "Create a new team",
+    "create-a-new-track": "Create a new Track",
+    "create-a-new-user": "Create a new User",
+    "create-a-new-user-group": "Create a new user group",
+    "create-and-generate-pdf": "Create and generate PDF",
+    "create-bulk-blanco-cards": "Create bulk blanco cards",
+    "create-bulk-cards": "Add blanco cards",
+    "create-organization": "Create Organization",
+    "create-team": "Create Team",
+    "create-track": "Create Track",
+    "create-user": "Create User",
+    "create-without-pdf": "Create without PDF",
+    "created-blanco-cards": "Created blanco cards",
+    "creating-blanco-cards": "Creating blanco cards",
+    "credits": "Credits",
+    "csv_import__class": "Class",
+    "csv_import__firstname": "Firstname",
+    "csv_import__lastname": "Lastname",
+    "csv_import__middlename": "Middlename",
+    "csv_import__team": "Team",
+    "danger-zone": "Danger zone",
+    "dashboard-greeting": "Hello",
+    "dashboard-title": "Dashboard",
+    "datatable": {
+        "search": "🔍 Search...",
+        "sort_column_ascending": "Sort column ascending",
+        "sort_column_descending": "Sort column descending",
+        "previous": "Previous",
+        "next": "Next",
+        "page": "Page",
+        "showing": "Showing",
+        "records": "Records",
+        "of": "of",
+        "to": "to",
+        "loading": "Loading...",
+        "no_matching_records_found": "No matching records found",
+        "an_error_happened_while_fetching_the_data": "An error happened while fetching the data"
+    },
+    "delete": "Delete",
+    "delete-cards": "Delete cards",
+    "delete-contact": "Delete Contact",
+    "delete-donation": "Delete Donation",
+    "delete-donor": "Delete donor",
+    "delete-group": "Delete Group",
+    "delete-organization": "Delete Organization",
+    "delete-profile": "Delete Profile",
+    "delete-runner": "Delete Runner",
+    "delete-scan": "Delete scan",
+    "delete-scans": "Delete scans",
+    "delete-station": "Delete station",
+    "delete-statsclient": "Delete statsclient",
+    "delete-team": "Delete Team",
+    "delete-user": "Delete User",
+    "deleted-scan": "Deleted scan",
+    "dependency_name": "Name",
+    "description": "description",
+    "description-optional": "Description (optional)",
+    "deselect-all": "deselect all",
+    "details": "Details",
+    "disabled": "disabled",
+    "distance": "Distance",
+    "distance-donation": "distance donation",
+    "distance-in-km": "Distance in km",
+    "distance-track": "Distance (+Track)",
+    "do-you-really-want-to-delete-your-profile": "Do you really want to delete your profile?",
+    "do-you-want-to-delete-the-organization-delete_org-name": "Do you want to delete the organization {orgname}?",
+    "do-you-want-to-delete-the-team-delete_team-name": "Do you want to delete the team {teamname}?",
+    "do-you-want-to-delete-this-donor-with-all-related-donations": "Do you want to delete this donor with all related donations",
+    "documentation": "Documentation",
+    "donation-amount": "Donation amount",
+    "donation-amount-must-be-greater-that-0-00eur": "Donation amount must be greater that 0.00€",
+    "donation-deleted": "Donation deleted",
+    "donation-updated": "Donation updated",
+    "donation_added": "Donation_added",
+    "donations": "Donations",
+    "donations-are-being-loaded": "donations are being loaded",
+    "donor": "Donor",
+    "donor-added": "Donor added",
+    "donor-deleted": "donor deleted",
+    "donor-has-no-associated-donations": "No donations",
+    "donor-is-being-added": "Donor is being added...",
+    "donor-is-being-updated": "Donor is being updated",
+    "donors": "Donors",
+    "donors-are-being-loaded": "donors are being loaded",
+    "dont-have-your-email-connected": "Don't have your email connected?",
+    "dont-panic-were-resetting-it": "Don't panic, we're resetting it ✌",
+    "e-mail-adress": "E-Mail Adress",
+    "edit": "Edit",
+    "edit-a-card": "Edit a card",
+    "edit-permissions": "edit permissions",
+    "email_address_or_username": "Email / username",
+    "enabled": "enabled",
+    "enabled_large": "Enabled",
+    "english": "English",
+    "enter-payment": "Enter payment",
+    "error-during-import": "Error during import",
+    "error-whyile-copying-to-clipboard": "Error while copying to clipboard",
+    "error_on_login": "Error on login",
+    "erteilte": "Directly granted",
+    "everything-concerning-your-profile": "Everything concerning your profile",
+    "everything-is-more-fun-together": "everything is more fun together 🏃‍♂️🏃‍♀️🏃‍♂️",
+    "faq": "FAQ",
+    "filename_sponsoringquittungsliste": "DonorReceiptList",
+    "filter-by-organization-team": "Filter by Organization/ Team",
+    "first-name": "First name",
+    "first-name-is-required": "First Name is required",
+    "first-scan-of-the-day": "First scan of the day.",
+    "fixed-donation": "fixed donation",
+    "forgot_password": "Forgot your password?",
+    "geerbte": "inherited",
+    "general-stats": "General Stats",
+    "general_promise_error": "😢 Error",
+    "generate-runner-certificate": "Generate runner certificate",
+    "generate-runner-certificates": "Generate runner certificates",
+    "generate-runnercards": "Generate Runnercards",
+    "generate-sponsoring-contract": "generate sponsoring contract",
+    "generate-sponsoring-contracts": "generate sponsoring contracts",
+    "generating-pdf": "generating PDF...",
+    "generating-pdfs": "generating PDFs...",
+    "generic-ui-logic-error": "Something went wrong in the UI logic",
+    "german": "German",
+    "go-to-login": "Go To Login",
+    "goback": "Go Home",
+    "granted": "granted",
+    "group": "Group",
+    "group-added": "Group added",
+    "group-is-being-added": "Group is being added...",
+    "group-name-is-required": "Group name is required",
+    "group-updated": "group updated",
+    "groups": "Groups",
+    "groups-are-being-loaded": "Groups are being loaded",
+    "home": "Home",
+    "icon-image-credits": "We also want to thank these projects for illustrations and icons:",
+    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button": "If you want to create multiple blanco cards: Try the 'Add blanco cards' button.",
+    "import-finished": "Import finished",
+    "import-runners": "Import runners",
+    "import__target-organization": "Target Organization",
+    "imprint": "Imprint",
+    "imprint-loading": "Imprint loading...",
+    "inactive": "Inactive",
+    "installed-version": "Installed version",
+    "internal-error": "Internal Error",
+    "invalid": "Invalid",
+    "invalid-mail-reset": "the provided email is invalid",
+    "just-enter-how-many-you-want-and-the-system-will-create-them": "Just enter how many you want and the system will create them",
+    "key": "Key",
+    "laeufer-hinzufuegen": "Add runner",
+    "laeufer-importieren": "Läufer importieren",
+    "laptime": "Laptime",
+    "last-name": "Last name",
+    "last-name-is-required": "Last Name is required",
+    "lfk-is-os": "The \"Lauf für Kaya!\" Frontend is (like all other projects for the \"LfK!\" Also) an open source project.",
+    "license": "License",
+    "licenses-are-being-loaded": "Licenses are being loaded...",
+    "loading-cards": "Loading cards",
+    "loading-contact-details": "Loading contact details...",
+    "loading-donation-details": "Loading donation details",
+    "loading-donor-details": "Loading donor details",
+    "loading-group-detail": "Loading group detail...",
+    "loading-profile-data": "Loading profile data",
+    "loading-runners": "loading runners...",
+    "loading-station-details": "Loading station details",
+    "log_in": "Log in",
+    "log_in_to_your_account": "Log in to your account",
+    "login_is_checked": "Login is being checked...",
+    "logout": "Logout",
+    "mail-validation-in-progress": "mail validation in progress...",
+    "manage-admin-users": "manage admin users",
+    "middle-name": "Middle name",
+    "minimum-lap-time-in-s": "minimum lap time in s",
+    "minimum-lap-time-must-be-a-positive-number-or-0": "minimum lap time must be a positive number or 0",
+    "must-be-at-least-10-characters-long": "Must be at least 10 characters long!",
+    "must-contain-a-lowercase-letter": "Must contain a lowercase letter!",
+    "must-contain-a-number": "Must contain a number!",
+    "must-contain-a-uppercase-letter": "Must contain a uppercase letter!",
+    "name": "Name",
+    "name-is-required": "Name is required",
+    "new-password": "New password",
+    "no-address": "no address",
+    "no-contact-found": "No contacts found",
+    "no-contact-selected": "No contact selected",
+    "no-contact-specified": "no contact specified",
+    "no-donors-found": "No donors found",
+    "no-license-text-could-be-found": "No license text could be found 😢",
+    "no-organization-or-team-found": "No organization or team found",
+    "no-organization-specified": "no organization specified",
+    "no-organizations-found": "No organizations found",
+    "no-runners-found": "No runners found",
+    "no-tracks-added-yet": "there are no tracks added yet.",
+    "non-blanko": "Non/Blanko",
+    "open": "OPEN",
+    "organization": "Organization",
+    "organization-added": "Organization added",
+    "organization-deleted": "Organization deleted",
+    "organization-detail-is-being-loaded": "organization detail is being loaded...",
+    "organization-is-being-added": "Organization is being added...",
+    "organization-name-is-required": "Organization name is required",
+    "organizations": "Organizations",
+    "organizations-are-being-loaded": "organizations are being loaded...",
+    "orgs": "Organizations",
+    "oss_credit_description": "We use a lot of open source software on these projects, and would like to thank the following projects and contributors who help make open source great!",
+    "paid": "PAID",
+    "paid-amount": "Paid amount",
+    "password": "Password",
+    "password-changed": "Password changed!",
+    "password-is-required": "Password is required",
+    "password-reset-failed": "Password reset failed!",
+    "password-reset-in-progress": "Password Reset in Progress...",
+    "password-reset-mail-sent": "Password reset mail was sent to \"{usersEmail}\".",
+    "password-reset-successful": "Password Reset successful!",
+    "passwords-dont-match": "Passwords don't match!",
+    "payment-amount-must-be-greater-than-0-00eur": "Payment amount must be greater than 0.00€!",
+    "pdf-generation-failed": "PDF generation failed!",
+    "pdf-successfully-generated": "PDF successfully generated!",
+    "pdfs-successfully-generated": "PDFs successfully generated!",
+    "per-kilometer": "per Kilometer",
+    "permissions": "Permissions",
+    "permissions-updated": "Permissions updated!",
+    "phone": "Phone",
+    "please-confirm-the-deletion-of-card": "Please confirm the deletion of this card",
+    "please-confirm-the-deletion-of-donation": "Please confirm the deletion of this donation",
+    "please-confirm-the-deletion-of-runner": "Please confirm the deletion of this runner",
+    "please-confirm-the-deletion-of-scan": "Please confirm the deletion of scan",
+    "please-copy-the-token-and-store-it-somewhere-save": "Please copy the token and store it somewhere safe.",
+    "please-provide-a-password": "Please provide a password...",
+    "please-provide-the-nessecary-information-to-add-a-new-donor": "Please provide the nessecary information to add a new donor",
+    "please-provide-the-nessecary-information-to-create-a-new-donation": "Please provide the nessecary information to create a new donation",
+    "please-provide-the-nessecary-information-to-create-a-new-scan": "Please provide the nessecary information to create a new scan.",
+    "please-provide-the-required-csv-xlsx-file": "Please provide the required csv/ xlsx file",
+    "please-provide-the-required-information-for-creating-a-new-user-group": "Please provide the required information for creating a new user group.",
+    "please-provide-the-required-information-to-add-a-new-contact": "Please provide the required information to add a new contact.",
+    "please-provide-the-required-information-to-add-a-new-organization": "Please provide the required information to add a new organization.",
+    "please-provide-the-required-information-to-add-a-new-runner": "Please provide the required information to add a new runner.",
+    "please-provide-the-required-information-to-add-a-new-team": "Please provide the required information to add a new team.",
+    "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
+    "please-provide-the-required-information-to-add-a-new-user": "Please provide the required information to add a new user.",
+    "please-provide-the-required-information-to-create-a-new-scanstation": "Please provide the required information to create a new scanstation",
+    "please-provide-the-required-information-to-create-a-new-statsclient": "Please provide the required information to create a new statsclient",
+    "please-request-a-new-reset-mail": "Please request a new reset mail...",
+    "please-wait-a-moment-your-login-is-still-being-processed": "Please wait a moment, your login is still being processed",
+    "prefix": "Prefix",
+    "privacy": "Privacy",
+    "privacy-loading": "Privacy loading...",
+    "profile": "Profile",
+    "profile-deleted": "Profile deleted!",
+    "profile-picture": "Profile Picture",
+    "profile-updated": "Profile updated!",
+    "read-license": "Read License",
+    "receipt-needed": "Receipt needed",
+    "repo_link": "Link",
+    "request-a-new-reset-mail": "Request a new reset mail",
+    "reset-my-password": "Reset my password",
+    "reset-password": "Reset your password",
+    "runner": "Runner",
+    "runner-added": "Runner added",
+    "runner-deleted": "runner deleted",
+    "runner-import": "Runner Import",
+    "runner-is-being-added": "Runner is being added...",
+    "runner-updated": "Runner updated!",
+    "runnercards": "Runnercards",
+    "runnerimport_verify_runners_org": "Please confirm these runners for import into the organization \"{org_name}\"",
+    "runners": "Runners",
+    "runners-are-being-imported": "Runners are being imported...",
+    "runners-are-being-loaded": "runners are being loaded...",
+    "save": "Save",
+    "save-changes": "Save Changes",
+    "scan-added": "Scan added",
+    "scan-deleted": "scan deleted",
+    "scan-is-being-updated": "Scan is being updated",
+    "scan-with-fixed-distance": "Scan with fixed distance",
+    "scans": "Scans",
+    "scans-are-being-loaded": "Scans are being loaded",
+    "scanstation": "Scanstation",
+    "scanstation-added": "Scanstation added",
+    "scanstation-is-being-added": "Adding scanstation...",
+    "scanstations": "Scanstations",
+    "scanstations-are-being-loaded": "Loading scanstations...",
+    "search-for-an-organization-by-name-or-id": "Search for an organization (by name or id)",
+    "search-for-an-organization-or-team-by-name-or-id": "Search for an organization or team (by name or id)",
+    "search-for-donor-name-or-id": "Search for donor (by name or id)",
+    "search-for-permission": "Search for permission",
+    "search-for-runner-by-name-or-id": "Search for runner (by name or id)",
+    "select-all": "select all",
+    "select-language": "Select language",
+    "selfservice-registration": "Selfservice registration",
+    "send-a-mail-to-lfk-odit-services": "send a mail to lfk@odit.services",
+    "set-the-user-active-inactive": "set the user active/ inactive",
+    "settings": "Settings",
+    "settings-for-your-profile": "Settings for your profile",
+    "something-about-the-group": "Something about the group...",
+    "sponsoring-quittungs-liste_herunterladen": "Download donor receipt list",
+    "sponsorings": "Sponsorings",
+    "station-deleted": "station deleted",
+    "stats-are-being-loaded": "stats are being loaded...",
+    "statsclient-deleted": "Deleted statsclient",
+    "statsclient-is-being-added": "Statsclient is being added...",
+    "statsclients": "Statsclients (aka Beamershow)",
+    "statsclients-are-being-loaded": "Loading statsclients",
+    "status": "Status",
+    "stuff-that-could-harm-your-profile": "Stuff that could harm your profile",
+    "successful-password-reset": "Successful password reset!",
+    "team": "Team",
+    "team-added": "Team added",
+    "team-deleted": "Team deleted",
+    "team-detail-is-being-loaded": "team detail is being loaded...",
+    "team-is-being-added": "Team is being added...",
+    "team-name": "Team name",
+    "team-name-is-required": "team name is required",
+    "teams": "Teams",
+    "teams-are-being-loaded": "teams are being loaded...",
+    "the-provided-phone-number-is-invalid-less-than-br-greater-than-please-enter-a-valid-international-number": "the provided phone number is invalid.<br />please enter a valid international number...",
+    "the-scans-distance-must-be-greater-than-0m": "The scan's distance must be greater than 0m",
+    "the-scanstations-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The scanstation api token will only get displayed once - you won't be able to change or view it again!",
+    "the-statsclient-api-token-will-only-get-displayed-once-you-wont-be-able-to-change-or-view-it-again": "The statsclient api token will only get displayed once - you won't be able to change or view it again!",
+    "there-are-no-cards-yet": "There are no cards yet.",
+    "there-are-no-contacts-added-yet": "There are no contacts added yet.",
+    "there-are-no-donations-yet": "There are no donations yet",
+    "there-are-no-donors-yet": "There are no donors yet",
+    "there-are-no-groups-yet": "There are no groups yet",
+    "there-are-no-organizations-added-yet": "There are no organizations added yet.",
+    "there-are-no-runners-added-yet": "There are no runners added yet.",
+    "there-are-no-scans-yet": "There are no scans yet",
+    "there-are-no-teams-added-yet": "There are no teams added yet.",
+    "there-are-no-users-added-yet": "There are no users added yet.",
+    "this-card-is": "This card is",
+    "this-might-take-a-moment": "This might take a moment 👀",
+    "this-scanstation-is": "This scanstation is",
+    "timestamp": "timestamp",
+    "token": "Token",
+    "total-distance": "total distance",
+    "total-donation-amount": "total donation amount",
+    "total-donation-count": "total donations (count)",
+    "total-donations": "total donations",
+    "total-donors": "total donors",
+    "total-paid-amount": "Paid",
+    "total-scans": "total scans",
+    "total_donation_amount_in_eur": "Total donation amount in €",
+    "track": "Track",
+    "track-added": "Track added",
+    "track-data-is-being-loaded": "Track data is being loaded",
+    "track-is-being-added": "Track is being added...",
+    "track-is-being-updated": "Track is being updated...",
+    "track-length-in-m": "Track Length in m",
+    "track-length-must-be-greater-than-0": "Track length must be greater than 0",
+    "track-name": "Track name",
+    "track-name-must-not-be-empty": "Track name must not be empty",
+    "track-was-updated": "Track was updated!",
+    "tracks": "Tracks",
+    "unpaid": "Unpaid",
+    "update-card": "Update Card",
+    "update-password": "Update password",
+    "updated-contact": "Updated contact!",
+    "updated-donor": "updated donor",
+    "updated-organization": "updated organization",
+    "updated-scan": "updated scan",
+    "updated-team": "Updated team",
+    "updateing-group": "updateing group...",
+    "updating-card": "Updating card",
+    "updating-donation": "Updating donation",
+    "updating-organization": "updating organization",
+    "updating-permissions": "updating permissions...",
+    "updating-runner": "Updating runner...",
+    "updating-team": "Updating team",
+    "updating-user": "updating user...",
+    "updating-your-profile": "Updating your profile...",
+    "user-added": "User added",
+    "user-groups": "User Groups",
+    "user-is-being-added": "User is being added...",
+    "user-updated": "User updated",
+    "username": "Username",
+    "users": "Users",
+    "valid": "Valid",
+    "valid-city-is-required": "Valid city is required",
+    "valid-email-is-required": "valid email is required",
+    "valid-international-phone-number-is-required": "valid international phone number is required...",
+    "valid-zipcode-postal-code-is-required": "Valid zipcode/ postal code is required",
+    "verfuegbare": "availdable",
+    "welcome_wavinghand": "Welcome 👋",
+    "yes-i-copied-the-token": "Yes, I copied the token",
+    "you-are-going-to-loose-all-permissions-and-access-to-the-runner-system": "You are going to loose all permissions and access to the runner system!",
+    "you-can-enter-the-donations-paid-amount-manually-or-use-the-max-button-to-use-the-donations-exact-amount": "You can enter the donation's paid amount manually or use the MAX button to use the donation's exact amount.",
+    "you-can-now-use-your-new-password-to-log-in-to-your-account": "You can now use your new password to log in to your account! 🎉",
+    "you-can-provide-a-runner-but-you-dont-have-to": "You can provide a runner, but you don't have to.",
+    "you-dont-have-any-scanclients-yet": "You don't have any statsclients yet",
+    "you-dont-have-any-scanstations-yet": "You don't have any scanstations yet",
+    "you-have-to-provide-an-organization": "You have to provide an organization",
+    "you-have-to-save-your-changes-to-generate-a-link": "You have to save your changes to generate a link.",
+    "you-must-create-at-least-one-card-or-cancel": "You must create at least one card (or cancel).",
+    "zip-postal-code": "ZIP/ postal code"
+}