Merge branch 'experiment/tanstack' of https://git.odit.services/lfk/frontend into experiment/tanstack

ref #161

.dockerignore

@@ -1 +1,2 @@
-public/env.sample.js
+public/env.sample.js
+.pnpm-store

.drone.yml

@@ -19,6 +19,13 @@ get:
   path: odit-git-bot
   name: sshkey
 
+---
+kind: secret
+name: npm_url
+get:
+  path: odit-npm-cache
+  name: url
+
 ---
 kind: pipeline
 type: kubernetes
@@ -27,10 +34,14 @@ name: build:dev
 steps:
   - name: run full license export
     depends_on: ["clone"]
-    image: registry.odit.services/hub/library/node:alpine
+    image: registry.odit.services/hub/library/node:19.7.0-alpine3.16
     commands:
-      - yarn
+      - npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@8
-      - yarn licenses:export
+      - pnpm i
+      - pnpm licenses:export
+    environment:
+      NPM_REGISTRY_URL:
+        from_secret: npm_url
   - name: push new licenses file to repo
     depends_on: ["run full license export"]
     image: appleboy/drone-git-push
@@ -51,10 +62,8 @@ steps:
       password:
         from_secret: docker_password
       build_args:
-        - NPM_REGISTRY_DOMAIN:
+        - NPM_REGISTRY_URL:
-          from_secret: npmjs_domain
+          from_secret: npm_url
-        - NPM_REGISTRY_TOKEN:
-          from_secret: npmjs_token
       repo: lfk/frontend
       tags:
         - dev
@@ -80,10 +89,8 @@ steps:
       password:
         from_secret: docker_password
       build_args:
-        - NPM_REGISTRY_DOMAIN:
+        - NPM_REGISTRY_URL:
-          from_secret: npmjs_domain
+          from_secret: npm_url
-        - NPM_REGISTRY_TOKEN:
-          from_secret: npmjs_token
       repo: lfk/frontend
       tags:
         - "${DRONE_TAG}"

.gitignore

@@ -1,11 +1,6 @@
 node_modules
-package-lock.json
-yarn.lock
 *.map
 public/env.js
 public/index.html
 /dist
-.yarn
+.pnpm-store
-.pnp.js
-.yarnrc.yml
-pnpm-lock.yaml

CHANGELOG.md

@@ -2,9 +2,81 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [0.17.3](https://git.odit.services/lfk/frontend/compare/0.17.2...0.17.3)
+
+- dependency fixes [`3ea7a01`](https://git.odit.services/lfk/frontend/commit/3ea7a015a9beba3c2e4d3eb966f24ff6d4ac786e)
+- set pnpm to @7 [`4432941`](https://git.odit.services/lfk/frontend/commit/44329413ed2ca23f74e86db041b2c25b2b1c2a2b)
+
+#### [0.17.2](https://git.odit.services/lfk/frontend/compare/0.17.1...0.17.2)
+
+> 15 March 2023
+
+- new license file version [CI SKIP] [`00359d2`](https://git.odit.services/lfk/frontend/commit/00359d25c1bd3efdd6365bf284b3c07634049399)
+- 🚀RELEASE v0.17.2 [`46db68a`](https://git.odit.services/lfk/frontend/commit/46db68ab229dc740dfff8835ef916f2c2e629b27)
+- improved ThFilterGroup style [`f917018`](https://git.odit.services/lfk/frontend/commit/f917018fd92a8a5b034f735ac8b6e41995044317)
+
+#### [0.17.1](https://git.odit.services/lfk/frontend/compare/0.17.0...0.17.1)
+
+> 15 March 2023
+
+- Revert "package dependency fixes, bumps, lockfile update" [`d8a3063`](https://git.odit.services/lfk/frontend/commit/d8a30637351e164599e07a6473d9a1d2b08d245d)
+- 🚀RELEASE v0.17.1 [`7b420c4`](https://git.odit.services/lfk/frontend/commit/7b420c430d27bf0fc85a4297780164a593fc1be3)
+
+#### [0.17.0](https://git.odit.services/lfk/frontend/compare/0.16.5...0.17.0)
+
+> 15 March 2023
+
+- new license file version [CI SKIP] [`61328d2`](https://git.odit.services/lfk/frontend/commit/61328d20ed2cfd1df7d3c32767f9c64154879d6d)
+- wip: pnpm + node version [`732b2f0`](https://git.odit.services/lfk/frontend/commit/732b2f061e465bd08cf34c58d8cd6b021ba25dce)
+- package dependency fixes, bumps, lockfile update [`2c73b98`](https://git.odit.services/lfk/frontend/commit/2c73b9862d401dac15021eed3f7847d46132a8ed)
+- Fixed runners not showing up [`75bc89c`](https://git.odit.services/lfk/frontend/commit/75bc89ca3020c48f490c7602374616bd9461e78f)
+- add ThFilterRunner [`3a3e2f7`](https://git.odit.services/lfk/frontend/commit/3a3e2f71575d3a0e39a5e13b05cff932b8683ac9)
+- fix styling for table filters th border [`bea57aa`](https://git.odit.services/lfk/frontend/commit/bea57aa03acaaaa4b1860b30228dd5d1298317f8)
+- You can now create cards from runners by searching via #runnerid [`e8a0ad6`](https://git.odit.services/lfk/frontend/commit/e8a0ad6647ab39252865f62b755f27c34ac2d243)
+- remodelled for early return [`b869b5f`](https://git.odit.services/lfk/frontend/commit/b869b5fd2a01955fb21f936fa38eb5a9648e7de3)
+- 🚀RELEASE v0.17.0 [`6491af1`](https://git.odit.services/lfk/frontend/commit/6491af19e375cbeba7ddd94e463b4dfe308a70a8)
+- Wow this api is fun [`32a9074`](https://git.odit.services/lfk/frontend/commit/32a9074963cce3328f14b1f981ddd5ee49df0008)
+- Fixed double space in label [`92b89cc`](https://git.odit.services/lfk/frontend/commit/92b89cc4d88c9d5625c2ddf7c81c98494f7f5271)
+- UsersOverview: drop pfp [`30991d5`](https://git.odit.services/lfk/frontend/commit/30991d5364a09d517b2115a7e9ea3fbf1fe2e57d)
+- Switched license generation to cache registry and pnpm [`0a6d92a`](https://git.odit.services/lfk/frontend/commit/0a6d92a1f3c5562f11562c433b3a04e3eaae3da4)
+- Pinned pnpm in dockerfile, thx @philipp [`3a576d1`](https://git.odit.services/lfk/frontend/commit/3a576d1073ee503b68100e01054a1756bab62805)
+- Pinned ci node version [`b30b98b`](https://git.odit.services/lfk/frontend/commit/b30b98b521eda2bc7fc055097546f716e90d92ef)
+- Fixed pnpm being called without being installed [`43d82a2`](https://git.odit.services/lfk/frontend/commit/43d82a2af04af49c2169f78a0d0f27ef7e4d7558)
+- Merge pull request 'bugfix/162-create_card_modal' (#163) from bugfix/162-create_card_modal into dev [`6a4495b`](https://git.odit.services/lfk/frontend/commit/6a4495b8131a31cd48a608c2275e80494d0a0fb4)
+- Removed unused log [`268b1b1`](https://git.odit.services/lfk/frontend/commit/268b1b1d9830de196d1d95345d7a2467bbf19eb6)
+- Merge pull request 'filter by runner full names + "#<ID>"' (#160) from feature/159-cardsoverview-filter-for-runner-full-names-and-id into dev [`0625937`](https://git.odit.services/lfk/frontend/commit/0625937068f0786078ffd29b9c8bb54949350b6c)
+- UsersOverview: change profilepic scaling [`5cc8b08`](https://git.odit.services/lfk/frontend/commit/5cc8b0811cf290f97a4399b23c5ea4d961a5a91c)
+
+#### [0.16.5](https://git.odit.services/lfk/frontend/compare/0.16.4...0.16.5)
+
+> 14 March 2023
+
+- 🚀RELEASE v0.16.5 [`3680533`](https://git.odit.services/lfk/frontend/commit/3680533eefef042fc77246dd3d374aafe10c428f)
+- new license file version [CI SKIP] [`405dfa0`](https://git.odit.services/lfk/frontend/commit/405dfa0c34ba87fc450c22e0e9974f92c4cdeffe)
+
+#### [0.16.4](https://git.odit.services/lfk/frontend/compare/0.16.3...0.16.4)
+
+> 14 March 2023
+
+- fix: OrgDetail: clicking on address will toggle selfservice [`#158`](https://git.odit.services/lfk/frontend/issues/158)
+- 🚀RELEASE v0.16.4 [`5c2d154`](https://git.odit.services/lfk/frontend/commit/5c2d154ad180ce7916605871c63e2f5ac4428250)
+
+#### [0.16.3](https://git.odit.services/lfk/frontend/compare/0.16.2...0.16.3)
+
+> 23 February 2023
+
+- 🚀RELEASE v0.16.3 [`f9cfd6b`](https://git.odit.services/lfk/frontend/commit/f9cfd6bd063b01a584774854d8fb5eab96f99528)
+- Bumped vite build targets [`5fe4763`](https://git.odit.services/lfk/frontend/commit/5fe47634e8980e77b65c05f213c475cf49273609)
+- new license file version [CI SKIP] [`a659091`](https://git.odit.services/lfk/frontend/commit/a6590910cfdc5e91fba91c1bc9237e407ef15fd2)
+- Merge pull request 'feature/156-pdf_names' (#157) from feature/156-pdf_names into dev [`ad454c3`](https://git.odit.services/lfk/frontend/commit/ad454c386cbf11abc59d41d269d1a0ef7442c9ed)
+- Added ids for generated pdfs [`0b2c296`](https://git.odit.services/lfk/frontend/commit/0b2c296de069a4ef302c5535de01bc18236675bc)
+
 #### [0.16.2](https://git.odit.services/lfk/frontend/compare/0.16.1...0.16.2)
 
+> 23 February 2023
+
 - Fixed scanmodal [`#154`](https://git.odit.services/lfk/frontend/issues/154)
+- 🚀RELEASE v0.16.2 [`0e85940`](https://git.odit.services/lfk/frontend/commit/0e85940cba292cbccd1ec038aa24f4a719382c19)
 - Merge pull request 'feature/147-cardoverview_performance' (#153) from feature/147-cardoverview_performance into dev [`8d479c3`](https://git.odit.services/lfk/frontend/commit/8d479c32f82938904aee6a10deb80fea85487e4b)
 - Merge pull request 'Fixed scanmodal' (#155) from bugfix/154-scan_select_runner_by_id into dev [`549785c`](https://git.odit.services/lfk/frontend/commit/549785cf7d1c9edc1be37dc745b97096232a08ca)
 - i18n [`ca6da15`](https://git.odit.services/lfk/frontend/commit/ca6da15ef761184a55b18d56f749f660a32cbb83)
@@ -1257,7 +1329,7 @@ All notable changes to this project will be documented in this file. Dates are d
 - init [`32357ec`](https://git.odit.services/lfk/frontend/commit/32357ece0a7195ea1135c9c3e4c6c84323f95b4d)
 - tmp [`1b7173c`](https://git.odit.services/lfk/frontend/commit/1b7173cda9134ee8058a00bdc030defa80d46bfc)
 - Login - move to env.js import [`8ef0b21`](https://git.odit.services/lfk/frontend/commit/8ef0b21819309752c573d0485f6514152fb684e6)
--  initial commit [`4bb3bae`](https://git.odit.services/lfk/frontend/commit/4bb3bae4e6fc89c35a8a2b36b7cd6e6d47958eae)
+- initial commit [`4bb3bae`](https://git.odit.services/lfk/frontend/commit/4bb3bae4e6fc89c35a8a2b36b7cd6e6d47958eae)
 - Initial license export [`4c96b9a`](https://git.odit.services/lfk/frontend/commit/4c96b9a3e04dbb7c021c71aa8828a29248509fbe)
 - 🚚 move to tinro svelte router [`a50ea15`](https://git.odit.services/lfk/frontend/commit/a50ea15b38023b867a9f7757e973184cbcdd2457)
 - new Dashboard [`7270ce9`](https://git.odit.services/lfk/frontend/commit/7270ce9d32869abd4f6ac65ab7c2c87363633cbe)

Dockerfile

@@ -1,11 +1,14 @@
-FROM registry.odit.services/hub/library/node:19.5.0-alpine3.16 as build
+FROM registry.odit.services/hub/library/node:19.7.0-alpine3.16 as build
+ARG NPM_REGISTRY_URL=https://registry.npmjs.org
 WORKDIR /app
-COPY package.json ./
+
-RUN npx pnpm i
+COPY package.json pnpm-lock.yaml *.config.js *.config.cjs index.html ./
-COPY package.json *.config.js postcss.config.cjs tailwind.config.js vite.config.js index.html ./
+RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@8 && pnpm i
+
 COPY src ./src
 COPY public ./public
-RUN yarn build
+RUN pnpm build
+
 # final image
 FROM registry.odit.services/library/nginx-brotli:3.15 as final
 COPY --from=build /app/dist /usr/share/nginx/html

index.html

@@ -13,7 +13,7 @@
 </head>
 
 <body>
-  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.16.2-RELEASE_INFO</span>
+  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.17.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,57 +1,64 @@
-{
+{
-	"name": "@odit/lfk-frontend",
+	"name": "@odit/lfk-frontend",
-	"version": "0.16.2",
+	"version": "0.17.3",
-	"scripts": {
+	"type": "module",
-		"i18n-order": "node order.js",
+	"scripts": {
-		"dev": "vite",
+		"i18n-order": "node order.js",
-		"build": "vite build",
+		"dev": "vite",
-		"release": "release-it",
+		"build": "vite build",
-		"licenses:export": "license-exporter --json -o public"
+		"release": "release-it",
-	},
+		"licenses:export": "license-exporter --json -o public"
-	"license": "CC-BY-NC-SA-4.0",
+	},
-	"devDependencies": {
+	"license": "CC-BY-NC-SA-4.0",
-		"@vincjo/datatables": "^1.1.0",
+	"devDependencies": {
-		"@odit/lfk-client-js": "0.13.1",
+		"@odit/license-exporter": "0.0.12",
-		"@odit/license-exporter": "0.0.11",
+		"@sveltejs/vite-plugin-svelte": "2.0.4",
-		"@sveltejs/vite-plugin-svelte": "1.0.0-next.6",
+		"@types/html-minifier": "4.0.2",
-		"@types/html-minifier": "4.0.0",
+		"auto-changelog": "2.4.0",
-		"auto-changelog": "2.2.1",
+		"autoprefixer": "10.4.14",
-		"autoprefixer": "10.2.5",
+		"html-minifier": "4.0.0",
-		"check-password-strength": "2.0.2",
+		"postcss": "8.4.21",
-		"csvtojson": "2.0.10",
+		"release-it": "15.10.1",
-		"gridjs": "3.4.0",
+		"svelte-select": "3.17.0",
-		"html-minifier": "4.0.0",
+		"tailwindcss": "3.3.1",
-		"localforage": "1.9.0",
+		"vite": "4.2.1"
-		"marked": "2.0.3",
+	},
-		"postcss": "8.2.10",
+	"release-it": {
-		"release-it": "14.6.1",
+		"git": {
-		"svelte": "3.37.0",
+			"commit": true,
-		"svelte-focus-trap": "1.2.0",
+			"requireCleanWorkingDir": false,
-		"svelte-i18n": "3.3.9",
+			"commitMessage": "🚀RELEASE v${version}",
-		"svelte-preprocess": "4.7.0",
+			"push": false,
-		"svelte-select": "3.17.0",
+			"tag": true,
-		"tailwindcss": "3.2.7",
+			"tagName": null,
-		"tinro": "0.6.1",
+			"tagAnnotation": "v${version}"
-		"toastify-js": "1.10.0",
+		},
-		"validator": "13.5.2",
+		"npm": {
-		"vite": "2.1.5",
+			"publish": false
-		"xlsx": "0.16.9"
+		},
-	},
+		"hooks": {
-	"release-it": {
+			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node versionbuilder.js  && git add index.html && node order.js  && git add src/locales"
-		"git": {
+		}
-			"commit": true,
+	},
-			"requireCleanWorkingDir": false,
+	"dependencies": {
-			"commitMessage": "🚀RELEASE v${version}",
+		"@odit/lfk-client-js": "0.14.3",
-			"push": false,
+		"@paralleldrive/cuid2": "^2.2.0",
-			"tag": true,
+		"@tanstack/svelte-table": "^8.8.5",
-			"tagName": null,
+		"@tanstack/table-core": "^8.8.5",
-			"tagAnnotation": "v${version}"
+		"@vincjo/datatables": "^1.5.2",
-		},
+		"check-password-strength": "2.0.7",
-		"npm": {
+		"csvtojson": "2.0.10",
-			"publish": false
+		"gridjs": "3.4.0",
-		},
+		"localforage": "1.10.0",
-		"hooks": {
+		"marked": "2.0.3",
-			"after:bump": "npx auto-changelog --commit-limit false -p -u --hide-credit && git add CHANGELOG.md && node versionbuilder.js  && git add index.html && node order.js  && git add src/locales"
+		"svelte": "3.58.0",
-		}
+		"svelte-i18n": "3.6.0",
-	}
+		"tinro": "0.6.12",
-}
+		"toastify-js": "1.12.0",
+		"validator": "13.9.0",
+		"xlsx": "0.18.5"
+	},
+	"volta": {
+		"node": "19.7.0"
+	}
+}

src/components/cards/AddCardBulkModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { RunnerCardService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   export let bulk_modal_open;
@@ -133,7 +133,7 @@
 {#if bulk_modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       bulk_modal_open = false;

src/components/cards/AddCardModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     RunnerCardService,
     RunnerService,
@@ -11,22 +11,37 @@
   import Toastify from "toastify-js";
   export let modal_open;
   export let current_cards;
-  const getRunnerLabel = (option) =>
+
-    option.firstname + " " + (option.middlename || "") + " " + option.lastname;
+  const getRunnerLabel = (option) => {
-  const filterRunners = (label, filterText, option) =>
+    if (option.middlename) {
-    label.toLowerCase().includes(filterText.toLowerCase()) ||
+      return option.firstname + " " + option.middlename + " " + option.lastname;
-    option.value.toString().startsWith(filterText.toLowerCase());
+    }
+    return option.firstname + " " + option.lastname;
+  };
+
+  const filterRunners = (label, filterText, option) => {
+    if (filterText.startsWith("#")) {
+      return option.value.id == parseInt(filterText.replace("#",""))
+    }
+    return (
+      label.toLowerCase().includes(filterText.toLowerCase()) ||
+      option.value.toString().startsWith(filterText.toLowerCase())
+    );
+  };
   function focus(el) {
     el.focus();
   }
   $: runner = 0;
-  $: runners = [];
   $: enabled = true;
   $: processed_last_submit = true;
+
+  let loading = true;
+  let runners = [];
   RunnerService.runnerControllerGetAll().then((val) => {
     runners = val.map((r) => {
       return { label: getRunnerLabel(r), value: r };
     });
+    loading = false;
   });
   $: createbtnenabled = true;
   (() => {
@@ -82,65 +97,82 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     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 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">
-                {$_('create-a-new-card')}
+                {$_("create-a-new-card")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  {$_('you-can-provide-a-runner-but-you-dont-have-to')}
+                  {$_("you-can-provide-a-runner-but-you-dont-have-to")}
-                  {$_('if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button')}
+                  {$_(
+                    "if-you-want-to-create-multiple-blanco-cards-try-the-add-bulk-button"
+                  )}
                 </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">{$_('runner')}</label>
+                    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) => filterRunners(label, filterText, option)}
+                    itemFilter={(label, filterText, option) =>
+                      filterRunners(label, filterText, option)}
                     items={runners}
-                    showChevron={true}
+                    bind:loading
-                    placeholder={$_('search-for-runner-by-name-or-id')}
+                    showChevron={!loading}
-                    noOptionsMessage={$_('no-runners-found')}
+                    placeholder={$_("search-for-runner-by-name-or-id")}
-                    on:select={(selectedValue) => (runner = selectedValue.detail.value.id)}
+                    noOptionsMessage={$_("no-runners-found")}
-                    on:clear={() => (runner = null)} />
+                    on:select={(selectedValue) =>
+                      (runner = selectedValue.detail.value.id)}
+                    on:clear={() => (runner = null)}
+                  />
                 </div>
               </div>
             </div>
@@ -152,16 +184,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">
+            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')}
+          >
+            {$_("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">
+            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')}
+          >
+            {$_("cancel")}
           </button>
         </div>
       </div>

src/components/cards/CardDetailModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { RunnerCardService, RunnerService } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import Toastify from "toastify-js";
@@ -13,9 +13,16 @@
   export let original_data = {};
   const getRunnerLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
-  const filterRunners = (label, filterText, option) =>
+    const filterRunners = (label, filterText, option) => {
-    label.toLowerCase().includes(filterText.toLowerCase()) ||
+    if (filterText.startsWith("#")) {
-    option.value.toString().startsWith(filterText.toLowerCase());
+      return option.value.id == parseInt(filterText.replace("#",""))
+    }
+    return (
+      label.toLowerCase().includes(filterText.toLowerCase()) ||
+      option.value.toString().startsWith(filterText.toLowerCase())
+    );
+  };
+
   function focus(el) {
     el.focus();
   }
@@ -87,7 +94,7 @@
 {#if edit_modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       edit_modal_open = false;

src/components/cards/CardsOverview.svelte

@@ -8,6 +8,7 @@
   import CardDetailModal from "./CardDetailModal.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import ThFilterStatus from "./ThFilterStatus.svelte";
+  import ThFilterRunner from "./ThFilterRunner.svelte";
   export let edit_modal_open = false;
   export let runner = {};
   export let editable = {};
@@ -54,7 +55,7 @@
     bind:runner
     bind:editable
     bind:original_data
-    on:dataUpdated={(handler.setRows(current_cards))}
+    on:dataUpdated={handler.setRows(current_cards)}
   />
 {/if}
 
@@ -71,14 +72,53 @@
     {#if current_cards.length === 0}
       <CardsEmptyState />
     {:else}
-      <div class="h-12">
+      <div class="h-12 mt-1">
+        {#if cards_show}
+          <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 card of generate_cards) {
+                prom.push(
+                  RunnerCardService.runnerCardControllerRemove(card.id, true)
+                );
+              }
+              await Promise.all(prom);
+              Toastify({
+                text: $_("cards-deleted"),
+                duration: 3500,
+                backgroundColor:
+                  "linear-gradient(to right, #00b09b, #96c93d)",
+              }).showToast();
+              //TODO: Delete cards from table
+            }}
+          >
+            {$_("delete-cards")}
+            <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}
         <GenerateRunnerCards bind:cards_show bind:generate_cards />
       </div>
       <Datatable {handler}>
         <table>
           <thead>
             <tr>
-              <th>
+              <th style="border-bottom: 1px solid #ddd;">
                 <input
                   type="checkbox"
                   class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
@@ -95,14 +135,14 @@
               <Th {handler} orderBy="code">{$_("code")}</Th>
               <Th {handler} orderBy="runner">{$_("runner")}</Th>
               <Th {handler} orderBy="status">{$_("status")}</Th>
-              <th>{$_("action")}</th>
+              <th style="border-bottom: 1px solid #ddd;">{$_("action")}</th>
             </tr>
             <tr>
-              <th />
+              <th style="border-bottom: 1px solid #ddd;" />
               <ThFilter {handler} filterBy="code" />
-              <ThFilter {handler} filterBy="runner" />
+              <ThFilterRunner {handler} />
               <ThFilterStatus {handler} />
-              <th />
+              <th style="border-bottom: 1px solid #ddd;" />
             </tr>
           </thead>
           <tbody>

src/components/cards/ThFilterRunner.svelte

@@ -0,0 +1,57 @@
+<script>
+  export let handler;
+  let filterValue = "";
+</script>
+
+<th>
+  <input
+    on:input={() => {
+      setTimeout(() => {
+        const v = filterValue.toLowerCase();
+        handler.filter(v, (c) => {
+          // if (v === "") {
+          //   return c;
+          // }
+
+          if (!c.runner && v === "blanko") {
+            return "blanko";
+          }
+
+          if (v.startsWith("#")) {
+            return `#${c.runner?.id}`;
+          }
+          if (c.runner) {
+            let runnerName = `${c.runner.firstname} ${c.runner.lastname}`;
+            if (c.runner.middlename) {
+              runnerName = `${c.runner.firstname} ${c.runner.middlename} ${c.runner.lastname}`;
+            }
+            runnerName = runnerName.toLowerCase();
+            return runnerName;
+          }
+          return "";
+        });
+      }, 150);
+    }}
+    bind:value={filterValue}
+    type="text"
+    name="runnerfilter"
+    id="runnerfilter"
+  />
+</th>
+
+<style>
+  th {
+    border-bottom: 1px solid #e0e0e0;
+  }
+  input {
+    margin: -1px 0 0 0;
+    padding: 0;
+    width: 100%;
+    height: 24px;
+    border: none;
+    text-align: left;
+    background: inherit;
+    outline: 0;
+    font-size: 14px;
+  }
+</style>

src/components/cards/ThFilterStatus.svelte

@@ -9,11 +9,10 @@
     on:input={() => {
       setTimeout(() => {
         if (`${selected}`.trim()) {
-          if(selected==="all"){
+          if (selected === "all") {
-           handler.filter('', 'enabled') 
+            handler.filter("", "enabled");
-          }
+          } else {
-          else{
+            handler.filter(selected, "enabled");
-            handler.filter(selected, 'enabled')
           }
         }
       }, 50);
@@ -22,8 +21,25 @@
     name="statusfilter"
     id="statusfilter"
   >
-    <option value="all">{$_('all')}</option>
+    <option value="all">{$_("all")}</option>
     <option value="true">{$_("enabled")}</option>
     <option value="false">{$_("disabled")}</option>
   </select>
 </th>
+
+<style>
+  th {
+    border-bottom: 1px solid #e0e0e0;
+  }
+  select {
+    margin: -1px 0 0 0;
+    padding: 0;
+    width: 100%;
+    height: 24px;
+    border: none;
+    text-align: left;
+    background: inherit;
+    outline: 0;
+    font-size: 14px;
+  }
+</style>

src/components/contacts/AddContactModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     GroupContactService,
     RunnerTeamService,
@@ -145,7 +145,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/donations/AddDonationModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     DonationService,
     DonorService,
@@ -156,7 +156,7 @@ import { is_promise } from "svelte/internal";
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/donations/AddDonationPaymentModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { DonationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   export let payment_modal_open = false;
@@ -96,7 +96,7 @@
 {#if payment_modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       payment_modal_open = false;

src/components/donors/AddDonorModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     DonorService
   } from "@odit/lfk-client-js";
@@ -134,7 +134,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/donors/ConfirmDonorDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { DonorService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -32,7 +32,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/general/About.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   export let modal_open;
   (function () {
     document.onkeydown = function (e) {
@@ -25,7 +25,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/general/Privacy.svelte

@@ -2,7 +2,7 @@
   import { _, getLocaleFromNavigator } from "svelte-i18n";
   import marked from "marked";
   import Footer from "./Footer.svelte";
-  import * as css from "../base/simple.css";
+  // import * as css from "../base/simple.css?inline";
   let html = "";
   async function load() {
     let md = await fetch("/privacy_" + getLocaleFromNavigator() + ".md");

src/components/groups/AddGroupModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import Toastify from "toastify-js";
   import { UserGroupService } from "@odit/lfk-client-js";
   export let modal_open;
@@ -69,7 +69,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/orgs/AddOrgModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { RunnerOrganizationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   export let modal_open;
@@ -89,7 +89,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/orgs/ConfirmOrgDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { RunnerOrganizationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -32,7 +32,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/orgs/OrgDetail.svelte

@@ -326,14 +326,14 @@
         <div class="flex items-center h-5">
           <input
             bind:checked={editable.registrationEnabled}
-            id="comments"
+            id="toggle_selfservice_feature"
-            name="comments"
+            name="toggle_selfservice_feature"
             type="checkbox"
             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"
+            for="toggle_selfservice_feature"
             class="font-medium text-gray-700">{$_('selfservice-registration')}</label>
         </div>
       </div>
@@ -375,14 +375,14 @@
             <div class="flex items-center h-5">
               <input
                 bind:checked={editable.address_checked}
-                id="comments"
+                id="toggle_address_checkbox"
-                name="comments"
+                name="toggle_address_checkbox"
                 type="checkbox"
                 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"
+                for="toggle_address_checkbox"
                 class="font-medium text-gray-700">{$_('address')}</label>
             </div>
           </div>

src/components/pdf_generation/GenerateRunnerCards.svelte

@@ -1,403 +1,418 @@
 <script>
-    import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { getLocaleFromNavigator, _ } from "svelte-i18n";
-    import {
+  import {
-        RunnerCardService,
+    RunnerCardService,
-        RunnerOrganizationService,
+    RunnerOrganizationService,
-        RunnerTeamService,
+    RunnerTeamService,
-    } from "@odit/lfk-client-js";
+  } from "@odit/lfk-client-js";
-    import Toastify from "toastify-js";
+  import Toastify from "toastify-js";
-    export let cards_show = false;
+  import { init } from "@paralleldrive/cuid2";
-    export let generate_cards = [];
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
-    export let generate_runners = [];
-    export let generate_orgs = [];
-    export let generate_teams = [];
-    $: cards_dropdown_open = false;
-    document.addEventListener("click", function (e) {
-        if (
-            e.target.parentNode?.parentNode?.id != "cards:dropdown" &&
-            e.target.parentNode?.parentNode?.id != "cards:dropdown:menu"
-        ) {
-            cards_dropdown_open = false;
-        }
-    });
 
-    function generateRunnerCards(locale) {
+  export let cards_show = false;
-        cards_dropdown_open = false;
+  export let generate_cards = [];
+  export let generate_runners = [];
+  export let generate_orgs = [];
+  export let generate_teams = [];
+  $: cards_dropdown_open = false;
+  document.addEventListener("click", function (e) {
+    if (
+      e.target.parentNode?.parentNode?.id != "cards:dropdown" &&
+      e.target.parentNode?.parentNode?.id != "cards:dropdown:menu"
+    ) {
+      cards_dropdown_open = false;
+    }
+  });
 
-        if (generate_orgs.length > 0) {
+  function generateRunnerCards(locale) {
-            generateOrgCards(locale);
+    cards_dropdown_open = false;
-        } else if (generate_teams.length > 0) {
+
-            generateTeamCards(locale);
+    if (generate_orgs.length > 0) {
-        } else if (generate_runners.length > 0) {
+      generateOrgCards(locale);
-            generateRunnersCards(locale);
+    } else if (generate_teams.length > 0) {
+      generateTeamCards(locale);
+    } else if (generate_runners.length > 0) {
+      generateRunnersCards(locale);
+    } else {
+      generateCards(locale);
+    }
+  }
+
+  function generateCards(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdf"),
+      duration: -1,
+    }).showToast();
+    fetch(
+      `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(generate_cards),
+      }
+    )
+      .then((response) => {
+        if (response.status != "200") {
+          toast.hideToast();
+          Toastify({
+            text: $_("pdf-generation-failed"),
+            duration: 3500,
+            backgroundColor:
+              "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+          }).showToast();
         } else {
-            generateCards(locale);
+          return response.blob();
         }
-    }
+      })
-
+      .then((blob) => {
-    function generateCards(locale) {
+        const url = window.URL.createObjectURL(blob);
-        const toast = Toastify({
+        let a = document.createElement("a");
-            text: $_("generating-pdf"),
+        a.href = url;
-            duration: -1,
+        a.download = `${$_("runnercards")}-${locale}-${createId()}.pdf`;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        toast.hideToast();
+        Toastify({
+          text: $_("pdf-successfully-generated"),
+          duration: 3500,
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
         }).showToast();
-        fetch(
+      })
-            `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      .catch((err) => {
-            {
+        console.error(err);
-                method: "POST",
+      });
-                headers: {
+  }
-                    "Content-Type": "application/json",
-                },
-                body: JSON.stringify(generate_cards),
-            }
-        )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('runnercards')}-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                toast.hideToast();
-                Toastify({
-                    text: $_("pdf-successfully-generated"),
-                    duration: 3500,
-                    backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
-                }).showToast();
-            })
-            .catch((err) => {
-                console.error(err);
-            });
-    }
 
-    async function generateRunnersCards(locale) {
+  async function generateRunnersCards(locale) {
-        const toast = Toastify({
+    const toast = Toastify({
-            text: $_("generating-pdf"),
+      text: $_("generating-pdf"),
-            duration: -1,
+      duration: -1,
+    }).showToast();
+    const current_cards = await RunnerCardService.runnerCardControllerGetAll();
+    let cards = [];
+    for (let runner of generate_runners) {
+      let card = current_cards.find((c) => c.runner?.id == runner.id);
+      if (!card) {
+        card = await RunnerCardService.runnerCardControllerPost({
+          runner: runner.id,
+        });
+      }
+      cards.push(card);
+    }
+    fetch(
+      `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(cards),
+      }
+    )
+      .then((response) => {
+        if (response.status != "200") {
+          toast.hideToast();
+          Toastify({
+            text: $_("pdf-generation-failed"),
+            duration: 3500,
+            backgroundColor:
+              "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+          }).showToast();
+        } else {
+          return response.blob();
+        }
+      })
+      .then((blob) => {
+        const url = window.URL.createObjectURL(blob);
+        let a = document.createElement("a");
+        a.href = url;
+        if (generate_runners.length == 1) {
+          a.download = `${$_("runnercards")}_${generate_runners[0].firstname}_${
+            generate_runners[0].lastname
+          }-${locale}-${createId()}.pdf`;
+        } else {
+          a.download = `${$_("runnercards")}-${locale}-${createId()}.pdf`;
+        }
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        toast.hideToast();
+        Toastify({
+          text: $_("pdf-successfully-generated"),
+          duration: 3500,
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
         }).showToast();
-        const current_cards = await RunnerCardService.runnerCardControllerGetAll();
+      })
+      .catch((err) => {});
+  }
+
+  async function generateTeamCards(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdfs"),
+      duration: -1,
+    }).showToast();
+    let count = 0;
+    const current_cards = await RunnerCardService.runnerCardControllerGetAll();
+    for (const t of generate_teams) {
+      const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+        t.id
+      );
+      let cards = [];
+      for (let runner of runners) {
+        let card = current_cards.find((c) => c.runner?.id == runner.id);
+        if (!card) {
+          card = await RunnerCardService.runnerCardControllerPost({
+            runner: runner.id,
+          });
+        }
+        cards.push(card);
+      }
+      fetch(
+        `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(cards),
+        }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          count++;
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("runnercards")}_${t.name}-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === generate_teams.length) {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
+    }
+  }
+
+  async function generateOrgCards(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdfs"),
+      duration: -1,
+    }).showToast();
+    const current_cards = await RunnerCardService.runnerCardControllerGetAll();
+    let count = 0;
+    let count_orgs = 0;
+    for (const o of generate_orgs) {
+      count_orgs++;
+      let count = 0;
+      let runners =
+        await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+          o.id,
+          true
+        );
+      let cards = [];
+      for (let runner of runners) {
+        let card = current_cards.find((c) => c.runner?.id == runner.id);
+        if (!card) {
+          card = await RunnerCardService.runnerCardControllerPost({
+            runner: runner.id,
+          });
+        }
+        cards.push(card);
+      }
+      await fetch(
+        `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(cards),
+        }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("runnercards")}_${o.name}_direct-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            toast.hideToast();
+            console.log("here");
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
+      for (const t of o.teams) {
+        count++;
+        let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+          t.id
+        );
         let cards = [];
-        for (let runner of generate_runners) {
+        for (let runner of runners) {
-            let card = current_cards.find((c) => c.runner?.id == runner.id);
+          let card = current_cards.find((c) => c.runner?.id == runner.id);
-            if (!card) {
+          if (!card) {
-                card = await RunnerCardService.runnerCardControllerPost({
+            card = await RunnerCardService.runnerCardControllerPost({
-                    runner: runner.id,
+              runner: runner.id,
-                });
+            });
-            }
+          }
-            cards.push(card);
+          cards.push(card);
         }
-        fetch(
+        await fetch(
-            `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
+          `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
-            {
+          {
-                method: "POST",
+            method: "POST",
-                headers: {
+            headers: {
-                    "Content-Type": "application/json",
+              "Content-Type": "application/json",
-                },
+            },
-                body: JSON.stringify(cards),
+            body: JSON.stringify(cards),
-            }
+          }
         )
-            .then((response) => {
+          .then((response) => {
-                if (response.status != "200") {
+            if (response.status != "200") {
-                    toast.hideToast();
+              toast.hideToast();
-                    Toastify({
+              Toastify({
-                        text: $_("pdf-generation-failed"),
+                text: $_("pdf-generation-failed"),
-                        duration: 3500,
+                duration: 3500,
-                        backgroundColor:
+                backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+                  "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
+              }).showToast();
-                } else {
+            } else {
-                    return response.blob();
+              return response.blob();
-                }
+            }
-            })
+          })
-            .then((blob) => {
+          .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
+            const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
+            let a = document.createElement("a");
-                a.href = url;
+            a.href = url;
-                if(generate_runners.length == 1){
+            a.download = `${$_("runnercards")}_${o.name}_${
-                    a.download = `${$_('runnercards')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
+              t.name
-                }
+            }-${locale}-${createId()}.pdf`;
-                else{
+            document.body.appendChild(a);
-                    a.download = `Runnercards-${locale}.pdf`;
+            a.click();
-                }
+            a.remove();
-                document.body.appendChild(a);
+            if (
-                a.click();
+              count === o.teams.length &&
-                a.remove();
+              count_orgs === generate_orgs.length
-                toast.hideToast();
+            ) {
-                Toastify({
+              toast.hideToast();
-                    text: $_("pdf-successfully-generated"),
+              Toastify({
-                    duration: 3500,
+                text: $_("pdfs-successfully-generated"),
-                    backgroundColor:
+                duration: 3500,
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-                }).showToast();
+              }).showToast();
-            })
+            }
-            .catch((err) => {});
+          })
-    }
+          .catch((err) => {});
-
+      }
-    async function generateTeamCards(locale) {
-        const toast = Toastify({
-            text: $_("generating-pdfs"),
-            duration: -1,
-        }).showToast();
-        let count = 0;
-        const current_cards = await RunnerCardService.runnerCardControllerGetAll();
-        for (const t of generate_teams) {
-            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-                t.id
-            );
-            let cards = [];
-            for (let runner of runners) {
-                let card = current_cards.find((c) => c.runner?.id == runner.id);
-                if (!card) {
-                    card = await RunnerCardService.runnerCardControllerPost({
-                        runner: runner.id,
-                    });
-                }
-                cards.push(card);
-            }
-            fetch(
-                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(cards),
-                }
-            )
-                .then((response) => {
-                    if (response.status != "200") {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdf-generation-failed"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                        }).showToast();
-                    } else {
-                        return response.blob();
-                    }
-                })
-                .then((blob) => {
-                    count++;
-                    const url = window.URL.createObjectURL(blob);
-                    let a = document.createElement("a");
-                    a.href = url;
-                    a.download = `${$_('runnercards')}_${t.name}-${locale}.pdf`;
-                    document.body.appendChild(a);
-                    a.click();
-                    a.remove();
-                    if (count === generate_teams.length) {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdfs-successfully-generated"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
-                        }).showToast();
-                    }
-                })
-                .catch((err) => {});
-        }
-    }
-
-    async function generateOrgCards(locale) {
-        const toast = Toastify({
-            text: $_("generating-pdfs"),
-            duration: -1,
-        }).showToast();
-        const current_cards = await RunnerCardService.runnerCardControllerGetAll();
-        let count = 0;
-        let count_orgs =0;
-        for (const o of generate_orgs) {
-            count_orgs++;
-            let count = 0;
-            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
-            let cards = [];
-            for (let runner of runners) {
-                let card = current_cards.find((c) => c.runner?.id == runner.id);
-                if (!card) {
-                    card = await RunnerCardService.runnerCardControllerPost({
-                        runner: runner.id,
-                    });
-                }
-                cards.push(card);
-            }
-            await fetch(
-                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(cards),
-                }
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('runnercards')}_${o.name}_direct-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    console.log("here")
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            for (const t of o.teams) {
-                count++;
-                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-                    t.id
-                );
-            let cards = [];
-            for (let runner of runners) {
-                let card = current_cards.find((c) => c.runner?.id == runner.id);
-                if (!card) {
-                    card = await RunnerCardService.runnerCardControllerPost({
-                        runner: runner.id,
-                    });
-                }
-                cards.push(card);
-            }
-            await fetch(
-                `${config.baseurl_documentserver}/cards?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(cards),
-                }
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('runnercards')}_${o.name}_${t.name}-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            }
-        }
     }
+  }
 </script>
 
 {#if cards_show}
-    <div id="cards:dropdown" class="relative inline-block">
+  <div id="cards:dropdown" class="relative inline-block">
-        <div>
+    <div>
-            <button
+      <button
-                on:click={() => {
+        on:click={() => {
-                    cards_dropdown_open = !cards_dropdown_open;
+          cards_dropdown_open = !cards_dropdown_open;
-                }}
+        }}
-                type="button"
+        type="button"
-                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
-                id="options-menu"
+        id="options-menu"
-                aria-haspopup="true"
+        aria-haspopup="true"
-                aria-expanded="true">
+        aria-expanded="true"
-                {$_('generate-runnercards')}
+      >
-                <svg
+        {$_("generate-runnercards")}
-                    xmlns="http://www.w3.org/2000/svg"
+        <svg
-                    width="24"
+          xmlns="http://www.w3.org/2000/svg"
-                    height="24"
+          width="24"
-                    viewBox="0 0 24 24"
+          height="24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
+          viewBox="0 0 24 24"
-                        fill="none"
+          class="-mr-1 ml-2 h-5 w-5"
-                        d="M0 0h24v24H0z" />
+          ><path fill="none" d="M0 0h24v24H0z" />
-                    <path
+          <path
-                        fill="currentColor"
+            fill="currentColor"
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
-            </button>
+          /></svg
-        </div>
+        >
-        {#if cards_dropdown_open}
+      </button>
-            <div
-                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="cards:dropdown:menu">
-                <div
-                    class="py-1"
-                    role="menu"
-                    aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
-                    <button
-                        on:click={() => {
-                            generateRunnerCards('de');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
-                    </button>
-                    <button
-                        on:click={() => {
-                            generateRunnerCards('en');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
-                    </button>
-                </div>
-            </div>
-        {/if}
     </div>
+    {#if cards_dropdown_open}
+      <div
+        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
+        id="cards:dropdown:menu"
+      >
+        <div
+          class="py-1"
+          role="menu"
+          aria-orientation="vertical"
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
+          <button
+            on:click={() => {
+              generateRunnerCards("de");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("german")}
+          </button>
+          <button
+            on:click={() => {
+              generateRunnerCards("en");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("english")}
+          </button>
+        </div>
+      </div>
+    {/if}
+  </div>
 {/if}

src/components/pdf_generation/GenerateRunnerCertificates.svelte

@@ -1,332 +1,355 @@
 <script>
-    import { _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
-    import {
+  import {
-        DonationService,
+    DonationService,
-        RunnerTeamService,
+    RunnerTeamService,
-        RunnerOrganizationService
+    RunnerOrganizationService,
-    } from "@odit/lfk-client-js";
+  } from "@odit/lfk-client-js";
-    import Toastify from "toastify-js";
+  import Toastify from "toastify-js";
-    export let certificates_show = false;
+  import { init } from "@paralleldrive/cuid2";
-    export let generate_runners = [];
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
-    export let generate_orgs = [];
-    export let generate_teams = [];
-    $: certificates_dropdown_open = false;
-    document.addEventListener("click", function (e) {
-        if (
-            e.target.parentNode?.parentNode?.id != "certificates:dropdown" &&
-            e.target.parentNode?.parentNode?.id != "certificates:dropdown:menu"
-        ) {
-            certificates_dropdown_open = false;
-        }
-    });
 
-    function generateCertificates(locale) {
+  export let certificates_show = false;
-        certificates_dropdown_open = false;
+  export let generate_runners = [];
+  export let generate_orgs = [];
+  export let generate_teams = [];
+  $: certificates_dropdown_open = false;
+  document.addEventListener("click", function (e) {
+    if (
+      e.target.parentNode?.parentNode?.id != "certificates:dropdown" &&
+      e.target.parentNode?.parentNode?.id != "certificates:dropdown:menu"
+    ) {
+      certificates_dropdown_open = false;
+    }
+  });
 
-        if (generate_orgs.length > 0) {
+  function generateCertificates(locale) {
-            generateOrgCertificates(locale);
+    certificates_dropdown_open = false;
-        } else if (generate_teams.length > 0) {
+
-            generateTeamCertificates(locale);
+    if (generate_orgs.length > 0) {
+      generateOrgCertificates(locale);
+    } else if (generate_teams.length > 0) {
+      generateTeamCertificates(locale);
+    } else {
+      generateRunnerCertificates(locale);
+    }
+  }
+
+  async function generateRunnerCertificates(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdf"),
+      duration: -1,
+    }).showToast();
+    const current_donations =
+      (await DonationService.donationControllerGetAll()) || [];
+    let certificateRunners = [];
+    for (let runner of generate_runners) {
+      runner.distanceDonations =
+        current_donations.filter((d) => d.runner?.id == runner.id) || [];
+      console.log(runner.distanceDonations);
+      certificateRunners.push(runner);
+    }
+    fetch(
+      `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(certificateRunners),
+      }
+    )
+      .then((response) => {
+        if (response.status != "200") {
+          toast.hideToast();
+          Toastify({
+            text: $_("pdf-generation-failed"),
+            duration: 3500,
+            backgroundColor:
+              "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+          }).showToast();
         } else {
-            generateRunnerCertificates(locale);
+          return response.blob();
         }
-    }
+      })
-
+      .then((blob) => {
-    async function generateRunnerCertificates(locale) {
+        const url = window.URL.createObjectURL(blob);
-        const toast = Toastify({
+        let a = document.createElement("a");
-            text: $_("generating-pdf"),
+        a.href = url;
-            duration: -1,
+        if (generate_runners.length == 1) {
+          a.download = `${$_("certificates")}_${
+            generate_runners[0].firstname
+          }_${generate_runners[0].lastname}-${locale}-${createId()}.pdf`;
+        } else {
+          a.download = `${$_("certificates")}-${locale}.pdf`;
+        }
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        toast.hideToast();
+        Toastify({
+          text: $_("pdf-successfully-generated"),
+          duration: 3500,
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
         }).showToast();
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
+      })
+      .catch((err) => {});
+  }
+
+  async function generateTeamCertificates(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdfs"),
+      duration: -1,
+    }).showToast();
+    let count = 0;
+    const current_donations =
+      (await DonationService.donationControllerGetAll()) || [];
+    for (const t of generate_teams) {
+      const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+        t.id
+      );
+      let certificateRunners = [];
+      for (let runner of runners) {
+        runner.distanceDonations =
+          current_donations.filter((d) => d.runner?.id == runner.id) || [];
+        certificateRunners.push(runner);
+      }
+      fetch(
+        `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(certificateRunners),
+        }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          count++;
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("certificates")}_${t.name}-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === generate_teams.length) {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
+    }
+  }
+
+  async function generateOrgCertificates(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdfs"),
+      duration: -1,
+    }).showToast();
+    const current_donations =
+      (await DonationService.donationControllerGetAll()) || [];
+    let count = 0;
+    let count_orgs = 0;
+    for (const o of generate_orgs) {
+      count_orgs++;
+      let count = 0;
+      let runners =
+        await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
+          o.id,
+          true
+        );
+      let certificateRunners = [];
+      for (let runner of runners) {
+        runner.distanceDonations =
+          current_donations.filter((d) => d.runner?.id == runner.id) || [];
+        certificateRunners.push(runner);
+      }
+      await fetch(
+        `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(certificateRunners),
+        }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("certificates")}_${o.name}-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            toast.hideToast();
+            console.log("here");
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
+      for (const t of o.teams) {
+        count++;
+        let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+          t.id
+        );
         let certificateRunners = [];
-        for (let runner of generate_runners) {
+        for (let runner of runners) {
-            runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
+          runner.distanceDonations =
-            console.log(runner.distanceDonations)
+            current_donations.filter((d) => d.runner?.id == runner.id) || [];
-            certificateRunners.push(runner);
+          certificateRunners.push(runner);
         }
-        fetch(
+        await fetch(
-            `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
+          `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
-            {
+          {
-                method: "POST",
+            method: "POST",
-                headers: {
+            headers: {
-                    "Content-Type": "application/json",
+              "Content-Type": "application/json",
-                },
+            },
-                body: JSON.stringify(certificateRunners),
+            body: JSON.stringify(certificateRunners),
-            }
+          }
         )
-            .then((response) => {
+          .then((response) => {
-                if (response.status != "200") {
+            if (response.status != "200") {
-                    toast.hideToast();
+              toast.hideToast();
-                    Toastify({
+              Toastify({
-                        text: $_("pdf-generation-failed"),
+                text: $_("pdf-generation-failed"),
-                        duration: 3500,
+                duration: 3500,
-                        backgroundColor:
+                backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+                  "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
+              }).showToast();
-                } else {
+            } else {
-                    return response.blob();
+              return response.blob();
-                }
+            }
-            })
+          })
-            .then((blob) => {
+          .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
+            const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
+            let a = document.createElement("a");
-                a.href = url;
+            a.href = url;
-                if(generate_runners.length == 1){
+            a.download = `${$_("certificates")}_${o.name}_${
-                    a.download = `${$_('certificates')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
+              t.name
-                }
+            }-${locale}-${createId()}.pdf`;
-                else{
+            document.body.appendChild(a);
-                    a.download = `${$_('certificates')}-${locale}.pdf`;
+            a.click();
-                }
+            a.remove();
-                document.body.appendChild(a);
+            if (
-                a.click();
+              count === o.teams.length &&
-                a.remove();
+              count_orgs === generate_orgs.length
-                toast.hideToast();
+            ) {
-                Toastify({
+              toast.hideToast();
-                    text: $_("pdf-successfully-generated"),
+              Toastify({
-                    duration: 3500,
+                text: $_("pdfs-successfully-generated"),
-                    backgroundColor:
+                duration: 3500,
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-                }).showToast();
+              }).showToast();
-            })
+            }
-            .catch((err) => {});
+          })
-    }
+          .catch((err) => {});
-
+      }
-    async function generateTeamCertificates(locale) {
-        const toast = Toastify({
-            text: $_("generating-pdfs"),
-            duration: -1,
-        }).showToast();
-        let count = 0;
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
-        for (const t of generate_teams) {
-            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-                t.id
-                );
-            let certificateRunners = [];
-            for (let runner of runners) {
-                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
-                certificateRunners.push(runner);
-            }
-            fetch(
-                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(certificateRunners),
-                }
-            )
-                .then((response) => {
-                    if (response.status != "200") {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdf-generation-failed"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                        }).showToast();
-                    } else {
-                        return response.blob();
-                    }
-                })
-                .then((blob) => {
-                    count++;
-                    const url = window.URL.createObjectURL(blob);
-                    let a = document.createElement("a");
-                    a.href = url;
-                    a.download = `${$_('certificates')}_${t.name}-${locale}.pdf`;
-                    document.body.appendChild(a);
-                    a.click();
-                    a.remove();
-                    if (count === generate_teams.length) {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdfs-successfully-generated"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
-                        }).showToast();
-                    }
-                })
-                .catch((err) => {});
-        }
-    }
-
-    async function generateOrgCertificates(locale) {
-        const toast = Toastify({
-            text: $_("generating-pdfs"),
-            duration: -1,
-        }).showToast();
-        const current_donations = (await DonationService.donationControllerGetAll()) || [];
-        let count = 0;
-        let count_orgs =0;
-        for (const o of generate_orgs) {
-            count_orgs++;
-            let count = 0;
-            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
-            let certificateRunners = [];
-            for (let runner of runners) {
-                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
-                certificateRunners.push(runner);
-            }
-            await fetch(
-                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(certificateRunners),
-                }
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('certificates')}_${o.name}_direct-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    console.log("here")
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            for (const t of o.teams) {
-                count++;
-                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-                    t.id
-                );
-                let certificateRunners = [];
-            for (let runner of runners) {
-                runner.distanceDonations = current_donations.filter((d) => d.runner?.id == runner.id) || [];
-                certificateRunners.push(runner);
-            }
-            await fetch(
-                `${config.baseurl_documentserver}/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(certificateRunners),
-                }
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('certificates')}_${o.name}_${t.name}-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            }
-        }
     }
+  }
 </script>
 
 {#if certificates_show}
-    <div id="certificates:dropdown" class="relative inline-block">
+  <div id="certificates:dropdown" class="relative inline-block">
-        <div>
+    <div>
-            <button
+      <button
-                on:click={() => {
+        on:click={() => {
-                    certificates_dropdown_open = !certificates_dropdown_open;
+          certificates_dropdown_open = !certificates_dropdown_open;
-                }}
+        }}
-                type="button"
+        type="button"
-                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
-                id="options-menu"
+        id="options-menu"
-                aria-haspopup="true"
+        aria-haspopup="true"
-                aria-expanded="true">
+        aria-expanded="true"
-                {$_('generate-runner-certificates')}
+      >
-                <svg
+        {$_("generate-runner-certificates")}
-                    xmlns="http://www.w3.org/2000/svg"
+        <svg
-                    width="24"
+          xmlns="http://www.w3.org/2000/svg"
-                    height="24"
+          width="24"
-                    viewBox="0 0 24 24"
+          height="24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
+          viewBox="0 0 24 24"
-                        fill="none"
+          class="-mr-1 ml-2 h-5 w-5"
-                        d="M0 0h24v24H0z" />
+          ><path fill="none" d="M0 0h24v24H0z" />
-                    <path
+          <path
-                        fill="currentColor"
+            fill="currentColor"
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
-            </button>
+          /></svg
-        </div>
+        >
-        {#if certificates_dropdown_open}
+      </button>
-            <div
-                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="certificates:dropdown:menu">
-                <div
-                    class="py-1"
-                    role="menu"
-                    aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
-                    <button
-                        on:click={() => {
-                            generateCertificates('de');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
-                    </button>
-                    <button
-                        on:click={() => {
-                            generateCertificates('en');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
-                    </button>
-                </div>
-            </div>
-        {/if}
     </div>
+    {#if certificates_dropdown_open}
+      <div
+        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
+        id="certificates:dropdown:menu"
+      >
+        <div
+          class="py-1"
+          role="menu"
+          aria-orientation="vertical"
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
+          <button
+            on:click={() => {
+              generateCertificates("de");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("german")}
+          </button>
+          <button
+            on:click={() => {
+              generateCertificates("en");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("english")}
+          </button>
+        </div>
+      </div>
+    {/if}
+  </div>
 {/if}

src/components/pdf_generation/GenerateSponsoringContracts.svelte

@@ -1,306 +1,324 @@
 <script>
-    import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { getLocaleFromNavigator, _ } from "svelte-i18n";
-    import {
+  import {
-        RunnerOrganizationService,
+    RunnerOrganizationService,
-        RunnerTeamService,
+    RunnerTeamService,
-    } from "@odit/lfk-client-js";
+  } from "@odit/lfk-client-js";
-    import Toastify from "toastify-js";
+  import Toastify from "toastify-js";
-    export let sponsoring_contracts_show = false;
+  import { init } from "@paralleldrive/cuid2";
-    export let generate_runners = [];
+  const createId = init({ length: 10, fingerprint: "lfk-frontend" });
-    export let generate_orgs = [];
-    export let generate_teams = [];
-    $: sponsoring_contracts_download_open = false;
-    document.addEventListener("click", function (e) {
-        if (
-            e.target.parentNode?.parentNode?.id != "sponsoring:dropdown" &&
-            e.target.parentNode?.parentNode?.id != "sponsoring:dropdown:menu"
-        ) {
-            sponsoring_contracts_download_open = false;
-        }
-    });
 
-    function generateSponsoringContract(locale) {
+  export let sponsoring_contracts_show = false;
-        sponsoring_contracts_download_open = false;
+  export let generate_runners = [];
-
+  export let generate_orgs = [];
-        if (generate_orgs.length > 0) {
+  export let generate_teams = [];
-            generateOrgContracts(locale);
+  $: sponsoring_contracts_download_open = false;
-        } else if (generate_teams.length > 0) {
+  document.addEventListener("click", function (e) {
-            generateTeamContracts(locale);
+    if (
-        } else {
+      e.target.parentNode?.parentNode?.id != "sponsoring:dropdown" &&
-            generateRunnerContracts(locale);
+      e.target.parentNode?.parentNode?.id != "sponsoring:dropdown:menu"
-        }
+    ) {
+      sponsoring_contracts_download_open = false;
     }
+  });
 
-    async function generateTeamContracts(locale) {
+  function generateSponsoringContract(locale) {
-        const toast = Toastify({
+    sponsoring_contracts_download_open = false;
-            text: $_("generating-pdfs"),
+
-            duration: -1,
+    if (generate_orgs.length > 0) {
-        }).showToast();
+      generateOrgContracts(locale);
-        let count = 0;
+    } else if (generate_teams.length > 0) {
-        for (const t of generate_teams) {
+      generateTeamContracts(locale);
-            count++;
+    } else {
-            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+      generateRunnerContracts(locale);
-                t.id
-            );
-            fetch(
-                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(runners),
-                }
-            )
-                .then((response) => {
-                    if (response.status != "200") {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdf-generation-failed"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                        }).showToast();
-                    } else {
-                        return response.blob();
-                    }
-                })
-                .then((blob) => {
-                    const url = window.URL.createObjectURL(blob);
-                    let a = document.createElement("a");
-                    a.href = url;
-                    a.download = `${$_('sponsorings')}_${t.name}-${locale}.pdf`;
-                    document.body.appendChild(a);
-                    a.click();
-                    a.remove();
-                    if (count === generate_teams.length) {
-                        toast.hideToast();
-                        Toastify({
-                            text: $_("pdfs-successfully-generated"),
-                            duration: 3500,
-                            backgroundColor:
-                                "linear-gradient(to right, #00b09b, #96c93d)",
-                        }).showToast();
-                    }
-                })
-                .catch((err) => {});
-        }
     }
+  }
 
-    async function generateOrgContracts(locale) {
+  async function generateTeamContracts(locale) {
-        const toast = Toastify({
+    const toast = Toastify({
-            text: $_("generating-pdf"),
+      text: $_("generating-pdfs"),
-            duration: -1,
+      duration: -1,
-        }).showToast();
+    }).showToast();
-        let count_orgs =0;
+    let count = 0;
-        for (const o of generate_orgs) {
+    for (const t of generate_teams) {
-            count_orgs++;
+      count++;
-            let count = 0;
+      const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-            let runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(o.id, true)
+        t.id
-            await fetch(
+      );
-                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      fetch(
-                {
+        `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                    method: "POST",
+        {
-                    headers: {
+          method: "POST",
-                        "Content-Type": "application/json",
+          headers: {
-                    },
+            "Content-Type": "application/json",
-                    body: JSON.stringify(runners),
+          },
-                }
+          body: JSON.stringify(runners),
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('sponsorings')}_${o.name}_direct-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    console.log("here")
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                        "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            for (const t of o.teams) {
-                count++;
-                let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
-                    t.id
-                );
-            await fetch(
-                `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
-                {
-                    method: "POST",
-                    headers: {
-                        "Content-Type": "application/json",
-                    },
-                    body: JSON.stringify(runners),
-                }
-            )
-            .then((response) => {
-                if (response.status != "200") {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdf-generation-failed"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
-                } else {
-                    return response.blob();
-                }
-            })
-            .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
-                a.href = url;
-                a.download = `${$_('sponsorings')}_${o.name}_${t.name}-${locale}.pdf`;
-                document.body.appendChild(a);
-                a.click();
-                a.remove();
-                if (count === o.teams.length && count_orgs === generate_orgs.length) {
-                    toast.hideToast();
-                    Toastify({
-                        text: $_("pdfs-successfully-generated"),
-                        duration: 3500,
-                        backgroundColor:
-                            "linear-gradient(to right, #00b09b, #96c93d)",
-                    }).showToast();
-                }
-            })
-            .catch((err) => {});
-            }
         }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("sponsorings")}_${t.name}-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === generate_teams.length) {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
     }
+  }
 
-    function generateRunnerContracts(locale) {
+  async function generateOrgContracts(locale) {
-        const toast = Toastify({
+    const toast = Toastify({
-            text: $_("generating-pdf"),
+      text: $_("generating-pdf"),
-            duration: -1,
+      duration: -1,
-        }).showToast();
+    }).showToast();
-        fetch(
+    let count_orgs = 0;
-            `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+    for (const o of generate_orgs) {
-            {
+      count_orgs++;
-                method: "POST",
+      let count = 0;
-                headers: {
+      let runners =
-                    "Content-Type": "application/json",
+        await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
-                },
+          o.id,
-                body: JSON.stringify(generate_runners),
+          true
-            }
+        );
+      await fetch(
+        `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(runners),
+        }
+      )
+        .then((response) => {
+          if (response.status != "200") {
+            toast.hideToast();
+            Toastify({
+              text: $_("pdf-generation-failed"),
+              duration: 3500,
+              backgroundColor:
+                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+            }).showToast();
+          } else {
+            return response.blob();
+          }
+        })
+        .then((blob) => {
+          const url = window.URL.createObjectURL(blob);
+          let a = document.createElement("a");
+          a.href = url;
+          a.download = `${$_("sponsorings")}_${o.name}_direct-${locale}-${createId()}.pdf`;
+          document.body.appendChild(a);
+          a.click();
+          a.remove();
+          if (count === o.teams.length && count_orgs === generate_orgs.length) {
+            toast.hideToast();
+            console.log("here");
+            Toastify({
+              text: $_("pdfs-successfully-generated"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }
+        })
+        .catch((err) => {});
+      for (const t of o.teams) {
+        count++;
+        let runners = await RunnerTeamService.runnerTeamControllerGetRunners(
+          t.id
+        );
+        await fetch(
+          `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify(runners),
+          }
         )
-            .then((response) => {
+          .then((response) => {
-                if (response.status != "200") {
+            if (response.status != "200") {
-                    toast.hideToast();
+              toast.hideToast();
-                    Toastify({
+              Toastify({
-                        text: $_("pdf-generation-failed"),
+                text: $_("pdf-generation-failed"),
-                        duration: 3500,
+                duration: 3500,
-                        backgroundColor:
+                backgroundColor:
-                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+                  "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
-                    }).showToast();
+              }).showToast();
-                } else {
+            } else {
-                    return response.blob();
+              return response.blob();
-                }
+            }
-            })
+          })
-            .then((blob) => {
+          .then((blob) => {
-                const url = window.URL.createObjectURL(blob);
+            const url = window.URL.createObjectURL(blob);
-                let a = document.createElement("a");
+            let a = document.createElement("a");
-                a.href = url;
+            a.href = url;
-                if(generate_runners.length == 1){
+            a.download = `${$_("sponsorings")}_${o.name}_${
-                    a.download = `${$_('sponsorings')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
+              t.name
-                }
+            }-${locale}-${createId()}.pdf`;
-                a.download = `${$_('sponsorings')}-${locale}.pdf`;
+            document.body.appendChild(a);
-                document.body.appendChild(a);
+            a.click();
-                a.click();
+            a.remove();
-                a.remove();
+            if (
-                toast.hideToast();
+              count === o.teams.length &&
-                Toastify({
+              count_orgs === generate_orgs.length
-                    text: $_("pdf-successfully-generated"),
+            ) {
-                    duration: 3500,
+              toast.hideToast();
-                    backgroundColor:
+              Toastify({
-                        "linear-gradient(to right, #00b09b, #96c93d)",
+                text: $_("pdfs-successfully-generated"),
-                }).showToast();
+                duration: 3500,
-            })
+                backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
-            .catch((err) => {
+              }).showToast();
-                console.error(err);
+            }
-            });
+          })
+          .catch((err) => {});
+      }
     }
+  }
+
+  function generateRunnerContracts(locale) {
+    const toast = Toastify({
+      text: $_("generating-pdf"),
+      duration: -1,
+    }).showToast();
+    fetch(
+      `${config.baseurl_documentserver}/contracts?locale=${locale}&download=true&key=${config.documentserver_key}`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(generate_runners),
+      }
+    )
+      .then((response) => {
+        if (response.status != "200") {
+          toast.hideToast();
+          Toastify({
+            text: $_("pdf-generation-failed"),
+            duration: 3500,
+            backgroundColor:
+              "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
+          }).showToast();
+        } else {
+          return response.blob();
+        }
+      })
+      .then((blob) => {
+        const url = window.URL.createObjectURL(blob);
+        let a = document.createElement("a");
+        a.href = url;
+        if (generate_runners.length == 1) {
+          a.download = `${$_("sponsorings")}_${generate_runners[0].firstname}_${
+            generate_runners[0].lastname
+          }-${locale}-${createId()}.pdf`;
+        }
+        a.download = `${$_("sponsorings")}-${locale}-${createId()}.pdf`;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        toast.hideToast();
+        Toastify({
+          text: $_("pdf-successfully-generated"),
+          duration: 3500,
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+        }).showToast();
+      })
+      .catch((err) => {
+        console.error(err);
+      });
+  }
 </script>
 
 {#if sponsoring_contracts_show}
-    <div id="sponsoring:dropdown" class="relative inline-block">
+  <div id="sponsoring:dropdown" class="relative inline-block">
-        <div>
+    <div>
-            <button
+      <button
-                on:click={() => {
+        on:click={() => {
-                    sponsoring_contracts_download_open = !sponsoring_contracts_download_open;
+          sponsoring_contracts_download_open =
-                }}
+            !sponsoring_contracts_download_open;
-                type="button"
+        }}
-                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+        type="button"
-                id="options-menu"
+        class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
-                aria-haspopup="true"
+        id="options-menu"
-                aria-expanded="true">
+        aria-haspopup="true"
-                {$_('generate-sponsoring-contracts')}
+        aria-expanded="true"
-                <svg
+      >
-                    xmlns="http://www.w3.org/2000/svg"
+        {$_("generate-sponsoring-contracts")}
-                    width="24"
+        <svg
-                    height="24"
+          xmlns="http://www.w3.org/2000/svg"
-                    viewBox="0 0 24 24"
+          width="24"
-                    class="-mr-1 ml-2 h-5 w-5"><path
+          height="24"
-                        fill="none"
+          viewBox="0 0 24 24"
-                        d="M0 0h24v24H0z" />
+          class="-mr-1 ml-2 h-5 w-5"
-                    <path
+          ><path fill="none" d="M0 0h24v24H0z" />
-                        fill="currentColor"
+          <path
-                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
+            fill="currentColor"
-            </button>
+            d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z"
-        </div>
+          /></svg
-        {#if sponsoring_contracts_download_open}
+        >
-            <div
+      </button>
-                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
-                id="sponsoring:dropdown:menu">
-                <div
-                    class="py-1"
-                    role="menu"
-                    aria-orientation="vertical"
-                    aria-labelledby="options-menu">
-                    <span
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
-                    <button
-                        on:click={() => {
-                            generateSponsoringContract('de');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('german')}
-                    </button>
-                    <button
-                        on:click={() => {
-                            generateSponsoringContract('en');
-                        }}
-                        type="submit"
-                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
-                        role="menuitem">
-                        {$_('english')}
-                    </button>
-                </div>
-            </div>
-        {/if}
     </div>
+    {#if sponsoring_contracts_download_open}
+      <div
+        class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-10"
+        id="sponsoring:dropdown:menu"
+      >
+        <div
+          class="py-1"
+          role="menu"
+          aria-orientation="vertical"
+          aria-labelledby="options-menu"
+        >
+          <span class="block w-full text-left px-4 py-2 text-sm text-gray-700"
+            >{$_("select-language")}</span
+          >
+          <button
+            on:click={() => {
+              generateSponsoringContract("de");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("german")}
+          </button>
+          <button
+            on:click={() => {
+              generateSponsoringContract("en");
+            }}
+            type="submit"
+            class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
+            role="menuitem"
+          >
+            {$_("english")}
+          </button>
+        </div>
+      </div>
+    {/if}
+  </div>
 {/if}

src/components/runners/AddRunnerModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     RunnerService,
     RunnerTeamService,
@@ -125,7 +125,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/runners/ImportRunnerModal.svelte

@@ -3,7 +3,7 @@
   import { read as readXlsx, utils as xlsx_utils } from "xlsx";
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import Toastify from "toastify-js";
   import {
     ImportService,
@@ -228,7 +228,7 @@
 {#if import_modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       cancelModal();

src/components/runners/RunnersOverview.svelte

@@ -1,22 +1,72 @@
 <script>
   import { _ } from "svelte-i18n";
+  let tablePageCount = [50, 100, 250, 500];
+  import { writable } from "svelte/store";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+  } from "@tanstack/svelte-table";
+
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+
+  const columns = [
+    {
+      accessorKey: "id",
+      header: () => "id",
+      filterFn: `equalsString`,
+    },
+    {
+      accessorKey: "firstname",
+      header: () => $_('first-name'),
+      filterFn: `includesString`,
+    },
+    {
+      accessorKey: "lastname",
+      header: () => $_('last-name'),
+      filterFn: `includesString`,
+    },
+    {
+      accessorKey: "group",
+      header: () => $_('group'),
+      cell: (info) => {
+        const group = info.getValue();
+        if(group.responseType === "RUNNERORGANIZATION"){return group.name}
+        return `${group.parentGroup.name} > ${group.name}`
+      },
+      filterFn: `includesString`,
+    },
+    {
+      accessorKey: "distance",
+      header: () => $_('distance'),
+      cell: (info) => {
+        if(info.getValue() < 1000){return `${info.getValue()} m`}
+        return `${(info.getValue() / 1000).toFixed(1)} km`
+      },
+      enableColumnFilter: false,
+    },
+  ];
+
+  //
+
   import {
     RunnerService,
     RunnerTeamService,
     RunnerOrganizationService,
   } from "@odit/lfk-client-js";
-  import ThFilterGroup from "./ThFilterGroup.svelte";
-  import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
   import store from "../../store";
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
   import { onMount } from "svelte";
+  import InputElement from "../shared/InputElement.svelte";
   $: active_deletes = [];
   let dataLoaded = false;
-  let current_runners = [];
+  export let current_runners = [];
-  const handler = new DataHandler(current_runners, { rowsPerPage: 50 });
-  const rows = handler.getRows();
   $: sponsoring_contracts_show = generate_runners.length > 0;
   $: cards_show = generate_runners.length > 0;
   $: certificates_show = generate_runners.length > 0;
@@ -31,11 +81,30 @@
       return { value: g.id, label: g.name };
     })
     .concat(mappedteams);
+  const options = writable({
+    data: [],
+    columns: columns,
+    initialState: {
+      pagination: {
+        pageSize: tablePageCount[0],
+      },
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+  });
+  const table = createSvelteTable(options);
   onMount(() => {
     RunnerService.runnerControllerGetAll().then((val) => {
       current_runners = val;
       dataLoaded = true;
-      handler.setRows(val);
+
+      options.update((options) => ({
+        ...options,
+        data: current_runners,
+      }));
     });
     RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
       teams = val;
@@ -69,134 +138,161 @@
         bind:generate_runners
       />
     </div>
-    <Datatable {handler}>
+    <table class="w-full">
-      <table>
+      <thead>
-        <thead>
+        {#each $table.getHeaderGroups() as headerGroup}
-          <tr>
+          <tr class="select-none">
-            <th>
+            <th class="inset-y-0 left-0 px-4 py-2 text-left bg-stone-100 w-px">
-              <input
+              <InputElement
                 type="checkbox"
-                class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+                checked={$table.getIsAllRowsSelected()}
-                checked={generate_runners.length == current_runners.length}
+                indeterminate={$table.getIsSomeRowsSelected()}
-                on:click={() => {
+                on:change={() => $table.toggleAllRowsSelected()}
-                  if (generate_runners.length != current_runners.length) {
-                    generate_runners = current_runners;
-                  } else {
-                    generate_runners = [];
-                  }
-                }}
               />
             </th>
-            <Th {handler} orderBy="id">ID</Th>
+            {#each headerGroup.headers as header}
-            <Th {handler} orderBy="firstname">First Name</Th>
+              <th class="cursor-pointer">
-            <Th {handler} orderBy="middlename">Middle Name</Th>
+                {#if !header.isPlaceholder}
-            <Th {handler} orderBy="lastname">Last Name</Th>
+                  <div on:click={header.column.getToggleSortingHandler()}>
-            <th>Gruppe</th>
+                    <svelte:component
-            <Th {handler} orderBy="distance">Distanz</Th>
+                      this={flexRender(
-            <th>{$_("action")}</th>
+                        header.column.columnDef.header,
+                        header.getContext()
+                      )}
+                    />
+                    {#if header.column.getIsSorted().toString() == "asc"}
+                      🔼
+                    {:else if header.column.getIsSorted().toString() == "desc"}
+                      🔽
+                    {/if}
+                  </div>
+                {/if}
+                {#if header.column.getCanFilter()}
+                  <div class="relative max-w-xs">
+                    <input
+                      title="name-search"
+                      value={header.column.getFilterValue() || ""}
+                      on:keyup={(e) => {
+                        header.column.setFilterValue(e.target.value);
+                      }}
+                      type="text"
+                      class="block rounded-md border-gray-200 py-2 pl-8 text-xs focus:border-blue-500 focus:ring-blue-500"
+                      placeholder=""
+                    />
+                    <div
+                      class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
+                    >
+                      <svg
+                        class="h-3.5 w-3.5 text-gray-400"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width={16}
+                        height={16}
+                        fill="currentColor"
+                        viewBox="0 0 16 16"
+                      >
+                        <path
+                          d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                {/if}
+              </th>
+            {/each}
           </tr>
+        {/each}
+      </thead>
+      <tbody>
+        {#each $table.getRowModel().rows as row}
           <tr>
-            <th />
+            <td class="inset-y-0 left-0 px-4 py-2">
-            <ThFilter {handler} filterBy="id" />
+              <InputElement
-            <ThFilter {handler} filterBy="firstname" />
+                type="checkbox"
-            <ThFilter {handler} filterBy="middlename" />
+                checked={row.getIsSelected()}
-            <ThFilter {handler} filterBy="lastname" />
+                on:change={() => row.toggleSelected()}
-            <ThFilterGroup groups={selectgroups} {handler} />
+              />
-            <th />
+            </td>
-            <th />
+            {#each row.getVisibleCells() as cell}
-          </tr>
-        </thead>
-        <tbody>
-          {#each $rows as row}
-            <tr>
               <td>
-                <input
+                <svelte:component
-                  type="checkbox"
+                  this={flexRender(
-                  class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+                    cell.column.columnDef.cell,
-                  checked={generate_runners.filter((i)=>i.id == row.id).length > 0}
+                    cell.getContext()
-                  on:click={() => {
+                  )}
-                    if (
-                      generate_runners.findIndex((i) => i.id == row.id) == -1
-                    ) {
-                      generate_runners.push(row);
-                      generate_runners = generate_runners;
-                    } else {
-                      generate_runners = generate_runners.filter(
-                        (r) => r.id != row.id
-                      );
-                    }
-                    console.log(generate_runners)
-                  }}
                 />
               </td>
-              <td>{row.id}</td>
+            {/each}
-              <td>{row.firstname}</td>
+          </tr>
-              <td>{row.middlename || ""}</td>
+        {/each}
-              <td>{row.lastname}</td>
+      </tbody>
-              <td
+    </table>
-                >{#if row.group.responseType === "RUNNERTEAM"}
+    <div class="h-2" />
-                  <a
+    <div class="flex items-center gap-2">
-                    href="../teams/{row.group.id}"
+      <button
-                    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
+        class="border rounded p-1"
-                    >{row.group.parentGroup.name} &gt; {row.group.name}</a
+        on:click={() => $table.setPageIndex(0)}
-                  >
+        disabled={!$table.getCanPreviousPage()}
-                {/if}
+      >
-                {#if row.group.responseType === "RUNNERORGANIZATION"}
+        {"<<"}
-                  <a
+      </button>
-                    href="../orgs/{row.group.id}"
+      <button
-                    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
+        class="border rounded p-1"
-                    >{row.group.name}</a
+        on:click={() => $table.previousPage()}
-                  >
+        disabled={!$table.getCanPreviousPage()}
-                {/if}</td
+      >
-              >
+        {"<"}
-              <td>{row.distance / 1000} km</td>
+      </button>
-              <td>
+      <button
-                {#if active_deletes[row.id] === true}
+        class="border rounded p-1"
-                  <button
+        on:click={() => $table.nextPage()}
-                    on:click={() => {
+        disabled={!$table.getCanNextPage()}
-                      active_deletes[row.id] = false;
+      >
-                    }}
+        {">"}
-                    tabindex="0"
+      </button>
-                    class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer"
+      <button
-                    >{$_("cancel-delete")}</button
+        class="border rounded p-1"
-                  >
+        on:click={() => $table.setPageIndex($table.getPageCount() - 1)}
-                  <button
+        disabled={!$table.getCanNextPage()}
-                    on:click={() => {
+      >
-                      RunnerService.runnerControllerRemove(row.id, true)
+        {">>"}
-                        .then((resp) => {
+      </button>
-                          current_runners = current_runners.filter(
+      <span class="flex items-center gap-1">
-                            (obj) => obj.id !== row.id
+        <div>Page</div>
-                          );
+        <strong>
-                        })
+          {$table.getState().pagination.pageIndex + 1} of{" "}
-                        .catch((err) => {});
+          {$table.getPageCount()}
-                    }}
+        </strong>
-                    tabindex="0"
+      </span>
-                    class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
+      <span class="flex items-center gap-1">
-                    >{$_("confirm-delete")}</button
+        | Go to page:
-                  >
+        <input
-                {:else}
+          type="number"
-                  <a
+          defaultValue={$table.getState().pagination.pageIndex + 1}
-                    href="./{row.id}"
+          on:change={(e) => {
-                    class="text-indigo-600 hover:text-indigo-900"
+            const page = e.target.value ? Number(e.target.value) - 1 : 0;
-                    >{$_("details")}</a
+            $table.setPageIndex(page);
-                  >
+          }}
-                  {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE")}
+          class="border p-1 rounded w-16"
-                    <button
+        />
-                      on:click={() => {
+      </span>
-                        active_deletes[row.id] = true;
+      <select
-                      }}
+        value={$table.getState().pagination.pageSize}
-                      tabindex="0"
+        on:change={(e) => {
-                      class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
+          const ps = Number(e.target.value);
-                      >{$_("delete")}</button
+          console.log({ ps });
-                    >
+          $table.setPageSize(Number(e.target.value));
-                  {/if}
+        }}
-                {/if}
+      >
-              </td>
+        {#each tablePageCount as pageSize}
-            </tr>
+          <option value={pageSize}>{pageSize}</option>
-          {/each}
+        {/each}
-        </tbody>
+      </select>
-      </table>
+    </div>
-    </Datatable>
+    <pre>{JSON.stringify($table.getState(), null, 2)}</pre>
+    <div>
+      {Object.keys(selected).length} of{" "}
+      {$table.getPreFilteredRowModel().rows.length} Total Rows Selected
+    </div>
   {/if}
 {/if}
 

src/components/runners/ThFilterGroup.svelte

@@ -5,7 +5,7 @@
   let selected = "all";
 </script>
 
-<th>
+<th style="border-bottom: 1px solid #ddd;">
   <select
     on:input={() => {
       setTimeout(() => {

src/components/scans/AddScanModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     RunnerService,
     ScanService,
@@ -81,7 +81,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/scans/ScansOverview.svelte

@@ -1,125 +1,147 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
-  import {
+  import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
-    ScanService,
+  import { ScanService, TrackService } from "@odit/lfk-client-js";
-  } from "@odit/lfk-client-js";
   import store from "../../store";
   import Toastify from "toastify-js";
   import ScansEmptyState from "./ScansEmptyState.svelte";
-  $: searchvalue = "";
+  import ThFilterRunner from "./ThFilterRunner.svelte";
+  import ThFilterTrack from "./ThFilterTrack.svelte";
   $: active_deletes = [];
   export let current_scans = [];
+  const handler = new DataHandler(current_scans, { rowsPerPage: 20 });
+  const rows = handler.getRows();
   const scans_promise = ScanService.scanControllerGetAll().then((val) => {
     current_scans = val;
+    handler.setRows(val);
   });
-  function should_display_based_on_id(id) {
+  $: allTracks = [];
-    if (searchvalue.toString().slice(-1) === "*") {
+  TrackService.trackControllerGetAll().then((val) => {
-      return id.toString().startsWith(searchvalue.replace("*", ""));
+    allTracks = val;
+  });
+  function format_laptime(laptime) {
+    if (laptime == 0 || laptime == null) {
+      return $_("first-scan-of-the-day");
     }
-    return id.toString() === searchvalue;
+    if (laptime < 60) {
-  }
+      return `${laptime}s`;
-  function format_laptime(laptime){
+    }
-    if(laptime == 0 || laptime == null){return $_('first-scan-of-the-day')}
+    if (laptime < 3600) {
-    if(laptime < 60){return `${laptime}s`}
+      return `${Math.floor(laptime / 60)}min ${
-    if(laptime < 3600){return `${Math.floor(laptime / 60)}min ${laptime - (Math.floor(laptime / 60)*60)}s`}
+        laptime - Math.floor(laptime / 60) * 60
-    return `${Math.floor(laptime / 3600)}h ${laptime - (Math.floor(laptime / 3600)*3600)}min ${laptime - (Math.floor(laptime / 3600)*3600) - (Math.floor(laptime / 60)*60)}`
+      }s`;
+    }
+    return `${Math.floor(laptime / 3600)}h ${
+      laptime - Math.floor(laptime / 3600) * 3600
+    }min ${
+      laptime -
+      Math.floor(laptime / 3600) * 3600 -
+      Math.floor(laptime / 60) * 60
+    }`;
   }
 </script>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes('SCAN:GET')}
+{#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:GET")}
   {#await scans_promise}
     <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">
+      role="alert"
-      <p class="font-bold">{$_('scans-are-being-loaded')}</p>
+    >
-      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
+      <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}
-      <input
-        type="search"
-        bind:value={searchvalue}
-        placeholder={$_('datatable.search')}
-        aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
       <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
+        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">
+        <Datatable {handler}>
-            <tr>
+          <table class="divide-y divide-gray-200 w-full">
-              <th
+            <thead class="bg-gray-50">
-                scope="col"
+              <tr>
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                <Th {handler} orderBy="id">ID</Th>
-                {$_('runner')}
+                <Th {handler}>
-              </th>
+                  {$_("runner")}
-              <th
+                </Th>
-                scope="col"
+                <Th {handler}>
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  {$_("distance")}
-                {$_('distance-track')}
+                </Th>
-              </th>
+                <Th {handler}>
-              <th
+                  {$_("track")}
-                scope="col"
+                </Th>
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                <Th {handler}>
-                {$_('laptime')}
+                  {$_("laptime")}
-              </th>
+                </Th>
-              <th
+                <Th {handler}>
-                scope="col"
+                  {$_("status")}
-                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                </Th>
-                {$_('status')}
+                <th
-              </th>
+                  scope="col"
-              <th scope="col" class="relative px-6 py-3">
+                  class="relative px-6 py-3"
-                <span class="sr-only">{$_('action')}</span>
+                  style="border-bottom: 1px solid #ddd;"
-              </th>
+                >
-            </tr>
+                  {$_("action")}
-          </thead>
+                </th>
-          <tbody class="divide-y divide-gray-200">
+              </tr>
-            {#each current_scans as scan}
+              <tr>
-              {#if scan.track?.name
+                <ThFilter {handler} filterBy="id" />
-                .toLowerCase()
+                <ThFilterRunner {handler} />
-                .includes(
+                <th style="border-bottom: 1px solid #ddd;" />
-                  searchvalue.toLowerCase()
+                <ThFilterTrack tracks={allTracks} {handler} />
-                ) || scan.runner?.firstname
+                <!-- <th style="border-bottom: 1px solid #ddd;" /> -->
-                  .toLowerCase()
+                <th style="border-bottom: 1px solid #ddd;" />
-                  .includes(
+                <th style="border-bottom: 1px solid #ddd;" />
-                    searchvalue.toLowerCase()
+                <!-- TODO: filter status -->
-                  ) || scan.runner?.lastname
+                <th style="border-bottom: 1px solid #ddd;" />
-                  .toLowerCase()
+              </tr>
-                  .includes(
+            </thead>
-                    searchvalue.toLowerCase()
+            <tbody class="divide-y divide-gray-200">
-                  ) || should_display_based_on_id(scan.id)}
+              {#each $rows as scan}
                 <tr data-rowid="scan_{scan.id}">
+                  <td class="px-6 py-4 whitespace-nowrap text-left">
+                    <div class="text-sm font-medium text-gray-900">
+                      {scan.id}
+                    </div>
+                  </td>
                   <td class="px-6 py-4 whitespace-nowrap">
                     <div class="flex items-center">
                       <a
                         href="../runners/{scan.runner.id}"
-                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{scan.runner.firstname}
+                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
-                        {scan.runner.middlename || ''}
+                        >{scan.runner.firstname}
-                        {scan.runner.lastname}</a>
+                        {scan.runner.middlename || ""}
+                        {scan.runner.lastname}</a
+                      >
                     </div>
                   </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
+                  <td class="px-6 py-4 whitespace-nowrap text-left">
                     <div class="text-sm font-medium text-gray-900">
                       {#if scan.distance < 1000}
                         {scan.distance}m
                       {:else}{scan.distance / 1000}km{/if}
+                    </div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap text-left">
+                    <div class="text-sm font-medium text-gray-900">
                       {#if scan.track}
                         <a
                           href="../tracks"
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{scan.track.name}
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
+                          >{scan.track.name}
                         </a>
                       {/if}
                     </div>
                   </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
+                  <td class="px-6 py-4 whitespace-nowrap text-left">
                     {#if scan.responseType === "TRACKSCAN"}
                       <div class="text-sm font-medium text-gray-900">
                         {format_laptime(scan.lapTime)}
                       </div>
                     {:else}
                       <div class="text-sm font-medium text-gray-900">
-                        {$_('scan-with-fixed-distance')}
+                        {$_("scan-with-fixed-distance")}
                       </div>
                     {/if}
                   </td>
@@ -127,23 +149,30 @@
                     <div class="flex items-center">
                       {#if scan.valid}
                         <span
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('valid')}</span>
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800"
+                          >{$_("valid")}</span
+                        >
                       {:else}
                         <span
-                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('invalid')}</span>
+                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800"
+                          >{$_("invalid")}</span
+                        >
                       {/if}
                     </div>
                   </td>
 
                   {#if active_deletes[scan.id] === true}
                     <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
+                    >
                       <button
                         on:click={() => {
                           active_deletes[scan.id] = false;
                         }}
                         tabindex="0"
-                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
+                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer"
+                        >{$_("cancel-delete")}</button
+                      >
                       <button
                         on:click={() => {
                           ScanService.scanControllerRemove(scan.id, false).then(
@@ -152,44 +181,51 @@
                                 (obj) => obj.id !== scan.id
                               );
                               Toastify({
-                                text: 'Scan deleted',
+                                text: "Scan deleted",
                                 duration: 500,
                                 backgroundColor:
-                                  'linear-gradient(to right, #00b09b, #96c93d)',
+                                  "linear-gradient(to right, #00b09b, #96c93d)",
                               }).showToast();
                             }
                           );
                         }}
                         tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
+                        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">
+                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
+                    >
                       <a
                         href="./{scan.id}"
-                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
+                        class="text-indigo-600 hover:text-indigo-900"
-                      {#if store.state.jwtinfo.userdetails.permissions.includes('SCAN:DELETE')}
+                        >{$_("details")}</a
+                      >
+                      {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:DELETE")}
                         <button
                           on:click={() => {
                             active_deletes[scan.id] = true;
                           }}
                           tabindex="0"
-                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
+                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
+                          >{$_("delete")}</button
+                        >
                       {/if}
                     </td>
                   {/if}
                 </tr>
-              {/if}
+              {/each}
-            {/each}
+            </tbody>
-          </tbody>
+          </table>
-        </table>
+        </Datatable>
       </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>
+        <b class="capitalize">{$_("general_promise_error")}</b>
         {error}
       </span>
     </div>

src/components/scans/ThFilterRunner.svelte

@@ -0,0 +1,50 @@
+<script>
+  export let handler;
+  let filterValue = "";
+</script>
+
+<th>
+  <input
+    on:input={() => {
+      setTimeout(() => {
+        const v = filterValue.toLowerCase();
+        handler.filter(v, (c) => {
+          if (v.startsWith("#")) {
+            return `#${c.runner?.id}`;
+          }
+          if (c.runner) {
+            let runnerName = `${c.runner.firstname} ${c.runner.lastname}`;
+            if (c.runner.middlename) {
+              runnerName = `${c.runner.firstname} ${c.runner.middlename} ${c.runner.lastname}`;
+            }
+            runnerName = runnerName.toLowerCase();
+            return runnerName;
+          }
+          return "";
+        });
+      }, 150);
+    }}
+    placeholder="Filter"
+    bind:value={filterValue}
+    type="text"
+    name="runnerfilter"
+    id="runnerfilter"
+  />
+</th>
+
+<style>
+  th {
+    border-bottom: 1px solid #e0e0e0;
+  }
+  input {
+    margin: -1px 0 0 0;
+    padding: 0;
+    width: 100%;
+    height: 24px;
+    border: none;
+    text-align: left;
+    background: inherit;
+    outline: 0;
+    font-size: 14px;
+  }
+</style>

src/components/scans/ThFilterTrack.svelte

@@ -0,0 +1,31 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let tracks;
+  export let handler;
+  let selected = "all";
+</script>
+
+<th style="border-bottom: 1px solid #ddd;">
+  <select
+    on:input={() => {
+      setTimeout(() => {
+        if (`${selected}`.trim()) {
+          const value = selected;
+          handler.filter(value, (scan) => {
+            // TODO: fix filter
+            if (scan.track.id === value || value === "all") return scan.track.id;
+            return "";
+          });
+        }
+      }, 50);
+    }}
+    bind:value={selected}
+    name="trackfilter"
+    id="trackfilter"
+  >
+    <option value="all">{$_("all")}</option>
+    {#each tracks as track}
+      <option value={track.id}>{track.name}</option>
+    {/each}
+  </select>
+</th>

src/components/scanstations/AddScanStationModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { ScanStationService, TrackService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import Select from "svelte-select";
@@ -81,7 +81,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/scanstations/ConfirmScanStationDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { ScanStationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -32,7 +32,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/scanstations/CopyScanStationTokenModal.svelte

@@ -1,6 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import Toastify from "toastify-js";
   import { tick, createEventDispatcher } from "svelte";
   export let copy_modal_open;
@@ -46,7 +46,7 @@
   {#if valueCopy != null}
     <textarea bind:this={areaDom}>{valueCopy}</textarea>
   {/if}
-  <div class="fixed z-10 inset-0 overflow-y-auto" use:focusTrap>
+  <div class="fixed z-10 inset-0 overflow-y-auto" >
     <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">

src/components/settings/ConfirmProfileDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { MeService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -30,7 +30,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/shared/InputElement.svelte

@@ -0,0 +1,20 @@
+<script>
+  let className = "";
+  export { className as class };
+
+  export let type;
+</script>
+
+<input
+  class={`border-1 border-stone-300 border rounded-md shadow ${className} ${
+    type === "checkbox" && "w-5 h-5 text-orange-400"
+  }`}
+  {type}
+  {...$$restProps}
+  on:click
+  on:change
+  on:keydown
+  on:keyup
+  on:mouseenter
+  on:mouseleave
+/>

src/components/statsclients/AddStatsClientModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { StatsClientService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   export let modal_open;
@@ -66,7 +66,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/statsclients/ConfirmStatsClientDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { ScanStationService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -32,7 +32,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/statsclients/CopyStatsClientTokenModal.svelte

@@ -1,6 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import Toastify from "toastify-js";
   import { tick, createEventDispatcher } from "svelte";
   export let copy_modal_open;
@@ -46,7 +46,7 @@
   {#if valueCopy != null}
     <textarea bind:this={areaDom}>{valueCopy}</textarea>
   {/if}
-  <div class="fixed z-10 inset-0 overflow-y-auto" use:focusTrap>
+  <div class="fixed z-10 inset-0 overflow-y-auto" >
     <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">

src/components/teams/AddTeamModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     RunnerOrganizationService,
     RunnerTeamService,
@@ -77,7 +77,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/teams/ConfirmTeamDeletion.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { RunnerTeamService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
@@ -29,7 +29,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={cancelDelete}>
     <div

src/components/tracks/AddTrackModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { tracks as tracksstore } from "../../store.js";
   import { TrackService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
@@ -75,7 +75,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/users/AddUserModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import { UserService } from "@odit/lfk-client-js";
   import isEmail from "validator/es/lib/isEmail";
   import Toastify from "toastify-js";
@@ -92,7 +92,7 @@
 {#if modal_open}
   <div
     class="fixed z-10 inset-0 overflow-y-auto"
-    use:focusTrap
+    
     use:clickOutside
     on:click_outside={() => {
       modal_open = false;

src/components/users/UsersOverview.svelte

@@ -82,14 +82,6 @@
                 <tr data-rowid="user_{u.id}">
                   <td class="px-6 py-4 whitespace-nowrap">
                     <div class="flex items-center">
-                      {#if u.profilePic}
-                        <div class="flex-shrink-0 h-10 w-10">
-                          <img
-                            class="h-10 w-10 rounded-full"
-                            src={u.profilePic}
-                            alt="" />
-                        </div>
-                      {/if}
                       <div class="ml-4">
                         <div class="text-sm font-medium text-gray-900">
                           {u.firstname}

src/locales/de.json

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

src/locales/en.json

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

tailwind.config.js

@@ -1,6 +1,6 @@
 module.exports = {
 	mode: 'jit',
-	purge: [ './src/**/*.svelte' ],
+	content: [ './src/**/*.svelte' ],
 	theme: {
 		extend: {
 			colors: {

vite.config.js

@@ -1,38 +1,11 @@
-import svelte from '@sveltejs/vite-plugin-svelte';
+// vite.config.js
-import { minify } from 'html-minifier';
 import { defineConfig } from 'vite';
-//
+import { svelte } from '@sveltejs/vite-plugin-svelte';
-const indexReplace = () => {
-	return {
-		name: 'html-transform',
-		transformIndexHtml(html) {
-			return minify(html, {
-				collapseWhitespace: true
-			});
-		}
-	};
-};
 
-export default defineConfig(({ command, mode }) => {
+export default defineConfig({
-	const isProduction = mode === 'production';
+	plugins: [
-	return {
+		svelte({
-		// base: './',
+			/* plugin options */
-		build: {
+		})
-			polyfillDynamicImport: false,
+	]
-			cssCodeSplit: false,
+});
-			minify: isProduction
-		},
-		plugins: [
-			svelte({
-				//@ts-ignore
-				hot: !isProduction,
-				emitCss: true,
-				extensions: [ '.md', '.svx', '.svelte' ],
-				preprocess: [
-					//
-				]
-			}),
-			indexReplace()
-		]
-	};
-});