I18n

ref #173

CHANGELOG.md

@@ -2,9 +2,153 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [0.18.4](https://git.odit.services/lfk/frontend/compare/0.18.3...0.18.4)
+
+- Hide address2 in orgs by default [`e95f233`](https://git.odit.services/lfk/frontend/commit/e95f2333b0b958ed00c0e097b43aac2e70ad0d38)
+
+#### [0.18.3](https://git.odit.services/lfk/frontend/compare/0.18.2...0.18.3)
+
+> 15 April 2023
+
+- 🚀RELEASE v0.18.3 [`950217e`](https://git.odit.services/lfk/frontend/commit/950217e0a350f9999b879475edf41f2f11c48179)
+- Dont show adress 2 in runner overview [`5e65fb3`](https://git.odit.services/lfk/frontend/commit/5e65fb33013c3dad38e7ad6740b017ae206f278f)
+
+#### [0.18.2](https://git.odit.services/lfk/frontend/compare/0.18.1...0.18.2)
+
+> 15 April 2023
+
+- 🚀RELEASE v0.18.2 [`2a294cd`](https://git.odit.services/lfk/frontend/commit/2a294cde040044bbebfb9c8b34b6c91b27772741)
+- Added timestamps to scanoverview [`cffbd17`](https://git.odit.services/lfk/frontend/commit/cffbd17dc77054048cc9b14891f960f9a3fd18cb)
+- Push in releaseit [`e95420d`](https://git.odit.services/lfk/frontend/commit/e95420d79c3227c0ca0cf0c0b599970c2b7d690e)
+
+#### [0.18.1](https://git.odit.services/lfk/frontend/compare/0.18.0...0.18.1)
+
+> 15 April 2023
+
+- 🚀RELEASE v0.18.1 [`00de8c3`](https://git.odit.services/lfk/frontend/commit/00de8c3d75e90cd4614f42111f5f45bedde64130)
+- Missing scanstation translations [`30e3396`](https://git.odit.services/lfk/frontend/commit/30e33968978bf33cedb31bcbf63fac273e1664f5)
+- fix: button onclick a11y [`9fe53b0`](https://git.odit.services/lfk/frontend/commit/9fe53b0b9c71e8a6b4aa3f317327ffe729df0834)
+- fix(ConfirmStatsClientDeletion): ScanStationService -> StatsClientService [`5291e04`](https://git.odit.services/lfk/frontend/commit/5291e049a1d2e880fbe277095da91b70d4812c3f)
+- fix(ConfirmScanStationDeletion): donorControllerRemove -> scanStationControllerRemove [`08fbb50`](https://git.odit.services/lfk/frontend/commit/08fbb504c958415ce75e1e426296f870f0f1358d)
+
+#### [0.18.0](https://git.odit.services/lfk/frontend/compare/0.17.3...0.18.0)
+
+> 12 April 2023
+
+- Moved filter function to typed version [`#171`](https://git.odit.services/lfk/frontend/issues/171)
+- ScansOverview: migrate to datatable [`#168`](https://git.odit.services/lfk/frontend/issues/168)
+- 🚀RELEASE v0.18.0 [`eb80406`](https://git.odit.services/lfk/frontend/commit/eb80406fdb8abf3f76bca742095e8f1f03480a56)
+- wip: ScansOverview -> new datatable [`c87561f`](https://git.odit.services/lfk/frontend/commit/c87561f63b90ab951daf91d9b8b54ba96a94cc7f)
+- Basic card table replace [`5662c3b`](https://git.odit.services/lfk/frontend/commit/5662c3b6da67c00c94254bf39f8820e531fc93ef)
+- RunnersOverview: table responsiveness [`bf1e715`](https://git.odit.services/lfk/frontend/commit/bf1e715261c0076fd8543dd1187c516209a73b16)
+- Basic card delete modal [`8ffe8ef`](https://git.odit.services/lfk/frontend/commit/8ffe8eff0623767809cdc49ea15cf2d30b609285)
+- wip: delete scans [`f105cc0`](https://git.odit.services/lfk/frontend/commit/f105cc0a41972261610d03015ecd5ee492dab8e2)
+- Added delete runner modal [`fd5db7d`](https://git.odit.services/lfk/frontend/commit/fd5db7d68ab4b32f7bb14bd0275a447b749e1fd8)
+- Extracted table bottom [`8f50555`](https://git.odit.services/lfk/frontend/commit/8f50555a06a35d0b11ac1d9201851d00d915c4b8)
+- fix: formatting [`9def0b2`](https://git.odit.services/lfk/frontend/commit/9def0b27c9958c5c75466f56c17b6dc4d44d2b50)
+- fix(CardsOverview): table scroll + checkbox posititioning [`9c13b2f`](https://git.odit.services/lfk/frontend/commit/9c13b2f9e938ad36cb74c66a8f91a5b872c8c2d1)
+- Extracted table header [`c241961`](https://git.odit.services/lfk/frontend/commit/c241961d0ab0d6b8c3bf0453c1a21d84027ed62f)
+- drop legacy dependencies [`c98eb49`](https://git.odit.services/lfk/frontend/commit/c98eb49ae31d1d28de79c7a9c945ade50828f07f)
+- scan delete working [`c7dcf7c`](https://git.odit.services/lfk/frontend/commit/c7dcf7c66d7141117e08462ad05f6f441565d012)
+- Add Card appends current cards [`195d182`](https://git.odit.services/lfk/frontend/commit/195d182cc977b4ac9f342f09a9ea69d461892a95)
+- Moved data loading to onmount [`a35af6f`](https://git.odit.services/lfk/frontend/commit/a35af6f02055115d60d040baaf22dabbeda38498)
+- Add runners reactivity [`06411dc`](https://git.odit.services/lfk/frontend/commit/06411dc14747fc9803da009a29688789c31dfc42)
+- quick cleanup [`ebdd1c2`](https://git.odit.services/lfk/frontend/commit/ebdd1c2c0c2191c60dfacd0c4be989748628ca63)
+- Extracted deletion into function of overview [`a0727a0`](https://git.odit.services/lfk/frontend/commit/a0727a02913708de06be8bf1b9f8cbae5489f080)
+- Moved update card logic to overview [`53b945c`](https://git.odit.services/lfk/frontend/commit/53b945c72fa5b30f03eff8bb83f8f25d85d79b07)
+- wip:ScanValid badge [`bd4952e`](https://git.odit.services/lfk/frontend/commit/bd4952ee575b4cd8caea3608b14d8c51b37a55eb)
+- yeeted extra table styling [`52a02c8`](https://git.odit.services/lfk/frontend/commit/52a02c82d2bdabdf3e632910aa415c1ffb97fd7f)
+- Added custom runner filter [`7c6d39b`](https://git.odit.services/lfk/frontend/commit/7c6d39b5fa60d1b834c9fb74dd26dfc2225161d6)
+- Scan reactive add [`f5d14f2`](https://git.odit.services/lfk/frontend/commit/f5d14f2e1810462cba99b2482320746f0750d4a1)
+- Moved code around [`239f79f`](https://git.odit.services/lfk/frontend/commit/239f79fecba732c807f4296cf524be15c1ccff1e)
+- Scan deletion [`7d8c68a`](https://git.odit.services/lfk/frontend/commit/7d8c68a4550407e8c871545e7a0c5f622a1e3b9c)
+- Added status filter function [`f6c1fea`](https://git.odit.services/lfk/frontend/commit/f6c1fea17ce64d890ac810d9dff058dd589c2989)
+- Added delete toast [`e2ddb5a`](https://git.odit.services/lfk/frontend/commit/e2ddb5a14cc8b450c00129709bf5b933a47866dd)
+- Fixed killing of the dom [`2f62c7a`](https://git.odit.services/lfk/frontend/commit/2f62c7ae89b7dda3bc0efd4d56e677898a3f197f)
+- Cards details modal [`f6985da`](https://git.odit.services/lfk/frontend/commit/f6985daec71e4d922acd8a9b2673fd41317b075f)
+- Reload table data on delete [`3e8dac3`](https://git.odit.services/lfk/frontend/commit/3e8dac3203f56723a3dad4a35887d60fc03d4ae3)
+- Added middle-name [`d811058`](https://git.odit.services/lfk/frontend/commit/d8110580e9a33cfb0c6e9cbdce630262d5b5d4c1)
+- Fixed id sorting [`7cec2a0`](https://git.odit.services/lfk/frontend/commit/7cec2a00c513678cae8643ef3905d566a538bde0)
+- Import add to datatable [`2a91562`](https://git.odit.services/lfk/frontend/commit/2a915620c9adcb481be53e3c919bd5f14a5108ee)
+- Scans deletion [`6d9d8a4`](https://git.odit.services/lfk/frontend/commit/6d9d8a4724135df98ed1bec74b0cc20a8bdbda53)
+- fix(DeleteRunnerModal): ESC key [`1df505e`](https://git.odit.services/lfk/frontend/commit/1df505ea00968f65e7aff85baa80f8935fd2eb7b)
+- Versionbuilder [`1613ae7`](https://git.odit.services/lfk/frontend/commit/1613ae7de6e84aa5f9df6774a8e820fcf515b14a)
+- Fixed edit dispatch [`c681570`](https://git.odit.services/lfk/frontend/commit/c68157013431eeb1150e37fea87da02d5f7b032e)
+- ScansOverview: use CardRunner link [`4b171fd`](https://git.odit.services/lfk/frontend/commit/4b171fd04f4fc895f9919294858e546686504c65)
+- Added custom filter to scan overview [`2c198cf`](https://git.odit.services/lfk/frontend/commit/2c198cfde89363142c1c958e6961b7823196e04e)
+- Disable sort for actions [`fc2c290`](https://git.odit.services/lfk/frontend/commit/fc2c2907c43e5b1fa192b571cf93b2f2e492158f)
+- Delete modal logic [`da33005`](https://git.odit.services/lfk/frontend/commit/da3300562a25cf39945a94f873ec27f0d5fb9dc0)
+- Module [`9ae5e62`](https://git.odit.services/lfk/frontend/commit/9ae5e62e5d84097082bc29fe20b329f6e614f6ed)
+- new license file version [CI SKIP] [`ed1caa7`](https://git.odit.services/lfk/frontend/commit/ed1caa7be7673ef08f9c0074101f3cfb52963ab7)
+- Merge pull request 'experiment/tanstack' (#172) from experiment/tanstack into dev [`d88f3a5`](https://git.odit.services/lfk/frontend/commit/d88f3a5a2737921536c5eb109734abafd7609e51)
+- Removed pnpm store [`eb13f03`](https://git.odit.services/lfk/frontend/commit/eb13f038a1990ed2966552ab1d36df4a76e5a99a)
+- dependency update, drop focusTrap, first tanstack experiment in RunnersOverview [`9bec95e`](https://git.odit.services/lfk/frontend/commit/9bec95ede80908e45ad0f18a66dbb45784f7e33e)
+- Added translations [`dcabed4`](https://git.odit.services/lfk/frontend/commit/dcabed4e93134a1f04305c47536f1cc93b0cfb31)
+- new license file version [CI SKIP] [`d0fe6a2`](https://git.odit.services/lfk/frontend/commit/d0fe6a2e8513638c4d8e2b3dafd48b91490eab3b)
+- Bumped pnpm to 8 [`ee91748`](https://git.odit.services/lfk/frontend/commit/ee91748b3c7c2fb4f196d76121713ac42465b9dd)
+- drop old datatables [`cb5f2b7`](https://git.odit.services/lfk/frontend/commit/cb5f2b73d0a5f71875f48d381382919f9bee364e)
+- wip: pagination [`a59dbbe`](https://git.odit.services/lfk/frontend/commit/a59dbbe50ede47e0dada906d10887cc6b1ae3264)
+- Added sort [`842248e`](https://git.odit.services/lfk/frontend/commit/842248e4c43bb94a0e73981d2d848e0723687932)
+- cleanup headers [`5ecf838`](https://git.odit.services/lfk/frontend/commit/5ecf838dd231269c3c4f0d1e3376ff157457b04a)
+- Moved filter function to shared [`2304b12`](https://git.odit.services/lfk/frontend/commit/2304b12c1cca6a64573223906ab0561ba9050ec5)
+- Group filters [`0283df2`](https://git.odit.services/lfk/frontend/commit/0283df22c84740dd978e09120985215b65d7a12a)
+- feat(RunnersOverview): row selection [`6993511`](https://git.odit.services/lfk/frontend/commit/6993511c67cc81303a1eece7fc2a4218dc818afc)
+- Basic details and delete buttons [`9363773`](https://git.odit.services/lfk/frontend/commit/9363773fa1910975d48746572fe166363986c6ab)
+- Added delete cards button [`70307a9`](https://git.odit.services/lfk/frontend/commit/70307a9e8272f22801c6765c947f8576cc1d1102)
+- ScansOverview: add ThFilterTrack [`008835c`](https://git.odit.services/lfk/frontend/commit/008835c24f833aebbecc53921b0901a76f25bf06)
+- Yeeted old datatable references [`8925261`](https://git.odit.services/lfk/frontend/commit/89252619b1f6d478c287178bfffc573cf574a8fa)
+- Added filter [`a9cdac4`](https://git.odit.services/lfk/frontend/commit/a9cdac4f74a80afe3d0ce677ed5256201b75b29b)
+- Moved sort onclick to header only [`3de7b63`](https://git.odit.services/lfk/frontend/commit/3de7b632e058e9ca9ab951de9e86cc2a40eceb68)
+- Switched drone to pnpm cache [`d79608e`](https://git.odit.services/lfk/frontend/commit/d79608edbb7ca68b0a26f6c021a141373308081f)
+- pagination size [`45a7a90`](https://git.odit.services/lfk/frontend/commit/45a7a90cb8ee933d064c5891b3532cb1ece38d38)
+- RunnersOverview: add filter keyboard support [`9415584`](https://git.odit.services/lfk/frontend/commit/94155845f020679e8765d198b5ab4735e1d1142c)
+- RunnersOverview: pass selectedRunners to actions [`d4ab76e`](https://git.odit.services/lfk/frontend/commit/d4ab76ea1be1789aaa53ca57d33b2356c6804ffd)
+- fix pagination next prev [`cac851f`](https://git.odit.services/lfk/frontend/commit/cac851f2b19dafa01b08d1da612e34cbe3eb4133)
+- Moved docker to pnpm with cache [`4cbd265`](https://git.odit.services/lfk/frontend/commit/4cbd26580e51b854fdfd369056f24a30b04100a1)
+- fix: TracksOverview [`c799088`](https://git.odit.services/lfk/frontend/commit/c7990882cfa4ac6c3a2ffa696dcbf3b62790c1fe)
+- Table header i18n [`070a20a`](https://git.odit.services/lfk/frontend/commit/070a20a2e599e9f00b1bd0e944f9d68d08dc1cba)
+- default to 50 rows pagination [`dc866dd`](https://git.odit.services/lfk/frontend/commit/dc866dd5403ae681193c5e325b1f6d4068f80b61)
+- improved tablefilters/groupFilter [`3abf608`](https://git.odit.services/lfk/frontend/commit/3abf608b15fcfc2cf65b705d28d394917e7ac333)
+- Updated group name conversion [`9111ad1`](https://git.odit.services/lfk/frontend/commit/9111ad147c7537036de834f80db6e557d8d6f0d9)
+- show certificate, runnercard, sponsoring contract section [`49c2cd5`](https://git.odit.services/lfk/frontend/commit/49c2cd5c4b32e1b75fe0dae48c1b470608936704)
+- add basic table styling [`c5e8409`](https://git.odit.services/lfk/frontend/commit/c5e84090795636c7a80d6cabe46168e436d40f50)
+- Cards deleted migrations [`ef077b4`](https://git.odit.services/lfk/frontend/commit/ef077b4e6ad722e6d1c9efd5060165f649fd94c9)
+- ignore pnpm store from now on [`fe62ad5`](https://git.odit.services/lfk/frontend/commit/fe62ad5539bc94b242c30c2952bf4c115cc9abfd)
+- ammendme [`d31fe23`](https://git.odit.services/lfk/frontend/commit/d31fe2363b0f167b937f7d67908e75c709b324d8)
+- updated default table row count [`245db06`](https://git.odit.services/lfk/frontend/commit/245db0617306bab23993caf00dc5ba0405e95625)
+- fix: checkbox styling [`64db553`](https://git.odit.services/lfk/frontend/commit/64db5531858b2275d27c53a347da6c0416a278e8)
+- Added distance conversion [`333214a`](https://git.odit.services/lfk/frontend/commit/333214aa8f945975ee2dcbd1cfa285e5e75c9d02)
+- Added filterfunctions [`a9a965d`](https://git.odit.services/lfk/frontend/commit/a9a965d6981b07b02e3f752e65e1e5c4e9df7147)
+- card/ThFilterRunner: text align left [`7083b3d`](https://git.odit.services/lfk/frontend/commit/7083b3d8d2c81fa4ab14f21d379befbb2dab5b6c)
+- import [`0240e1d`](https://git.odit.services/lfk/frontend/commit/0240e1dca2e162b8c79f294f5c651b4a38455235)
+- fix: table sort button + search style [`57dce34`](https://git.odit.services/lfk/frontend/commit/57dce34fc5b04c297c5341db24ec47c2f1d39595)
+- No longer switching pnpm store path [`e5241d6`](https://git.odit.services/lfk/frontend/commit/e5241d619beda90d271485b6c09142b1e7b9b5f1)
+- Reactivated generate cards modal [`8f33640`](https://git.odit.services/lfk/frontend/commit/8f33640bec8f79987b1319fb0765535fe493d496)
+- Always load bulk created cards [`f89023e`](https://git.odit.services/lfk/frontend/commit/f89023e24ab30c90a8cacf2e9590d1dfa1a743d5)
+- ScansOverview: fallback for manual scans [`1ec9556`](https://git.odit.services/lfk/frontend/commit/1ec9556aa64b996d0bdd9cd3ee50a767a154f5f6)
+- fix min-w th [`b35375c`](https://git.odit.services/lfk/frontend/commit/b35375c929ad8d525b2761c321ecef0399917828)
+- Close modal on delete and import toastify [`03b7ada`](https://git.odit.services/lfk/frontend/commit/03b7ada5ef3cbf64f178d3d0d88c448d76a42885)
+- Fixed styling [`13254b2`](https://git.odit.services/lfk/frontend/commit/13254b24dd75ca3eb47fd53d5368f047545e8420)
+- Implemented table buttons [`11a56f8`](https://git.odit.services/lfk/frontend/commit/11a56f87e89866bd9b2f7029ef683fd139d60aa4)
+- RunnersOverview: disable debug log [`2c992a0`](https://git.odit.services/lfk/frontend/commit/2c992a0e63fa72055d28785fe7f5c21fd26f1fea)
+- RunnersOverview: TopActionSection: add margin top [`88f96ac`](https://git.odit.services/lfk/frontend/commit/88f96acc3c31c748d3da29b4564dd681a89208b9)
+- Unused filter function value [`38d3e19`](https://git.odit.services/lfk/frontend/commit/38d3e1912cd6d5362db236c34e0c602b52060b73)
+- Make the linter happy [`fbc14fd`](https://git.odit.services/lfk/frontend/commit/fbc14fd7b47009bf64a8824e7b60373eea031e3f)
+- Dsable column filter for distance [`67eff0e`](https://git.odit.services/lfk/frontend/commit/67eff0eda9b7d49d1abe784247afdbfbd7a76b00)
+- getPaginationRowModel [`238082b`](https://git.odit.services/lfk/frontend/commit/238082b657998f513111e832556926decbe84e21)
+- -> onkeyup [`aecbabe`](https://git.odit.services/lfk/frontend/commit/aecbabe52221c0ab8d94a42dc8ac42f4f397fde8)
+- removed unused import [`9811ede`](https://git.odit.services/lfk/frontend/commit/9811ede3b23a488a49962a43dae5abad60f93341)
+- drop redundant button role [`e7eddb4`](https://git.odit.services/lfk/frontend/commit/e7eddb4f08632cc803b8752e3561319fab538843)
+- Filter id as equals [`2699b06`](https://git.odit.services/lfk/frontend/commit/2699b06d7c42608b1b3ce2037908a78143038441)
+- debug table [`fd0d45f`](https://git.odit.services/lfk/frontend/commit/fd0d45f721396787ad35fca2a7fd0f26d98b23e9)
+- add TODO for ScansOverview status filter [`9505c2b`](https://git.odit.services/lfk/frontend/commit/9505c2b03005f4e667082cb4527fea863dbbf7fc)
+
 #### [0.17.3](https://git.odit.services/lfk/frontend/compare/0.17.2...0.17.3)
 
+> 15 March 2023
+
 - dependency fixes [`3ea7a01`](https://git.odit.services/lfk/frontend/commit/3ea7a015a9beba3c2e4d3eb966f24ff6d4ac786e)
+- 🚀RELEASE v0.17.3 [`85705b6`](https://git.odit.services/lfk/frontend/commit/85705b6e684d0c41d3dc770cef7bffb199101576)
 - 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)

index.html

@@ -13,7 +13,7 @@
 </head>
 
 <body>
-  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.17.3-RELEASE_INFO</span>
+  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.18.4-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>

order.js

@@ -1,4 +1,4 @@
-const fs = require('fs');
+import fs from 'fs'
 // get all language files
 const files = fs.readdirSync('./src/locales/');
 files.forEach((f) => {

package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@odit/lfk-frontend",
-	"version": "0.17.3",
+	"version": "0.18.4",
+	"type": "module",
 	"scripts": {
 		"i18n-order": "node order.js",
 		"dev": "vite",
@@ -10,25 +11,22 @@
 	},
 	"license": "CC-BY-NC-SA-4.0",
 	"devDependencies": {
-		"@sveltejs/vite-plugin-svelte": "1.0.0-next.6",
 		"@odit/license-exporter": "0.0.12",
-		"@types/html-minifier": "4.0.2",
+		"@sveltejs/vite-plugin-svelte": "2.0.4",
 		"auto-changelog": "2.4.0",
 		"autoprefixer": "10.4.14",
-		"html-minifier": "4.0.0",
 		"postcss": "8.4.21",
-		"release-it": "14.6.1",
-		"svelte-preprocess": "4.7.0",
+		"release-it": "15.10.1",
 		"svelte-select": "3.17.0",
-		"tailwindcss": "3.2.7",
-		"vite": "2.1.5"
+		"tailwindcss": "3.3.1",
+		"vite": "4.2.1"
 	},
 	"release-it": {
 		"git": {
 			"commit": true,
 			"requireCleanWorkingDir": false,
 			"commitMessage": "🚀RELEASE v${version}",
-			"push": false,
+			"push": true,
 			"tag": true,
 			"tagName": null,
 			"tagAnnotation": "v${version}"
@@ -41,21 +39,21 @@
 		}
 	},
 	"dependencies": {
-		"tinro": "0.6.12",
-		"toastify-js": "1.12.0",
-		"validator": "13.9.0",
-		"xlsx": "0.16.9",
-		"@odit/lfk-client-js": "0.14.0",
-		"@vincjo/datatables": "^1.4.0",
+		"@odit/lfk-client-js": "0.14.3",
+		"@paralleldrive/cuid2": "^2.2.0",
+		"@tanstack/svelte-table": "^8.8.5",
+		"bwip-js": "^3.4.0",
 		"check-password-strength": "2.0.7",
 		"csvtojson": "2.0.10",
 		"gridjs": "3.4.0",
 		"localforage": "1.10.0",
 		"marked": "2.0.3",
-		"svelte": "3.37.0",
-		"svelte-focus-trap": "1.2.0",
-		"svelte-i18n": "3.3.9",
-		"@paralleldrive/cuid2": "^2.2.0"
+		"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"

public/licenses.json

@@ -1 +1 @@
-[{"author":"Alexey Schebelev","repo":{"type":"git","url":"https://github.com/AlexxNB/tinro"},"description":"tinro is a tiny declarative router for Svelte","name":"tinro","license":"MIT","version":"0.6.12","licensetext":"MIT License\n\nCopyright (c) 2020 Alexey Schebelev\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"},{"author":"Varun A P","repo":{"type":"git","url":"https://github.com/apvarun/toastify-js"},"description":"Toastify is a lightweight, vanilla JS toast notification library.","name":"toastify-js","license":"MIT","version":"1.12.0","licensetext":"MIT License\n\nCopyright (c) 2018 apvarun\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"},{"author":"Chris O'Hara <cohara87@gmail.com>","repo":{"type":"git","url":"https://github.com/validatorjs/validator.js"},"description":"String validation and sanitization","name":"validator","license":"MIT","version":"13.9.0","licensetext":"Copyright (c) 2018 Chris O'Hara <cohara87@gmail.com>\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"},{"author":"sheetjs","repo":{"type":"git","url":"https://github.comSheetJS/sheetjs"},"description":"SheetJS Spreadsheet data parser and writer","name":"xlsx","license":"Apache-2.0","version":"0.16.9","licensetext":"                                 Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n\n   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n   1. Definitions.\n\n      \"License\" shall mean the terms and conditions for use, reproduction,\n      and distribution as defined by Sections 1 through 9 of this document.\n\n      \"Licensor\" shall mean the copyright owner or entity authorized by\n      the copyright owner that is granting the License.\n\n      \"Legal Entity\" shall mean the union of the acting entity and all\n      other entities that control, are controlled by, or are under common\n      control with that entity. For the purposes of this definition,\n      \"control\" meansLine truncated
+[{"author":"ODIT.Services","repo":{"type":"git","url":"git+https://git.odit.services/lfk/lfk-client-js"},"description":"A lib to interact with https://git.odit.services/lfk/backend. Use this version for native JS applications.","name":"@odit/lfk-client-js","license":"CC-BY-NC-SA-4.0","version":"0.14.3","licensetext":"Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Creative\r\nCommons Corporation (\"Creative Commons\") is not a law firm and does not provide\r\nlegal services or legal advice. Distribution of Creative Commons public licenses\r\ndoes not create a lawyer-client or other relationship. Creative Commons makes\r\nits licenses and related information available on an \"as-is\" basis. Creative\r\nCommons gives no warranties regarding its licenses, any material licensed\r\nunder their terms and conditions, or any related information. Creative Commons\r\ndisclaims all liability for damages resulting from their use to the fullest\r\nextent possible.\r\n\r\nUsing Creative Commons Public Licenses\r\n\r\nCreative Commons public licenses provide a standard set of terms and conditions\r\nthat creators and other rights holders may use to share original works of\r\nauthorship and other material subject to copyright and certain other rights\r\nspecified in the public license below. The following considerations are for\r\ninformational purposes only, are not exhaustive, and do not form part of our\r\nlicenses.\r\n\r\nConsiderations for licensors: Our public licenses are intended for use by\r\nthose authorized to give the public permission to use material in ways otherwise\r\nrestricted by copyright and certain other rights. Our licenses are irrevocable.\r\nLicensors should read and understand the terms and conditions of the license\r\nthey choose before applying it. Licensors should also secure all rights necessary\r\nbefore applying our licenses so that the public can reuse the material as\r\nexpected. Licensors should clearly mark any material not subject to the license.\r\nThis includes other CC-licensed material, or material used under an exception\r\nor limitation to copyright. More considerations for licensors : wiki.creativecommons.org/Considerations_for_licensors\r\n\r\nConsiderations for the public: By using one of our public licenses, a licensor\r\ngrants the public permission to use the licensed material under specified\r\nterms and conditions. If the licensor's permission is not necessary for any\r\nreason–for example, because of any applicable exception or limitation to copyright–then\r\nthat use is not regulated by the license. Our licenses grant only permissions\r\nunder copyright and certain other rights that a licensor has authority to\r\ngrant. Use of the licensed material may still be restricted for other reasons,\r\nincluding because others have copyright or other rights in the material. A\r\nlicensor may make special requests, such as asking that all changes be marked\r\nor described. Although not required by our licenses, you are encouraged to\r\nrespect those requests where reasonable. More considerations for the public\r\n: wiki.creativecommons.org/Considerations_for_licensees\r\n\r\nCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public\r\nLicense\r\n\r\nBy exercising the Licensed Rights (defined below), You accept and agree to\r\nbe bound by the terms and conditions of this Creative Commons Attribution-NonCommercial-ShareAlike\r\n4.0 International Public License (\"Public License\"). To the extent this Public\r\nLicense may be interpreted as a contract, You are granted the Licensed Rights\r\nin consideration of Your acceptance of these terms and conditions, and the\r\nLicensor grants You such rights in consideration of benefits the Licensor\r\nreceives from making the Licensed Material available under these terms and\r\nconditions.\r\n\r\nSection 1 – Definitions.\r\n\r\na. Adapted Material means material subject to Copyright and Similar Rights\r\nthat is derived from or based upon the Licensed Material and in which the\r\nLicensed Material is translated, altered, arranged, transformed, or otherwise\r\nmodified in a manner requiring permission under the Copyright and Similar\r\nRights held by the Licensor. For purposes of this Public License, where the\r\nLicensed Material is a musical work, performance, or sound recording, Adapted\r\nMaterial is always produced where the Licensed Material is synched in timed\r\nrelation with a moving image.\r\n\r\nb. Adapter's License means the license You apply to Your Copyright and Similar\r\nRights in Your contributions to Adapted Material in accordance with the terms\r\nand conditions of this Public License.\r\n\r\nc. BY-NC-SA Compatible License means a license listed at creativecommons.org/compatiblelicenses,\r\napproved by Creative Commons as essentially the equivalent of this Public\r\nLicense.\r\n\r\nd. Copyright and Similar Rights means copyright and/or similar rights closely\r\nrelated to coLine truncated

src/components/cards/AddCardBulkModal.svelte

@@ -1,14 +1,16 @@
 <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";
+  import { createEventDispatcher } from "svelte";
   export let bulk_modal_open;
-  export let current_cards;
   function focus(el) {
     el.focus();
   }
+  const dispatch = createEventDispatcher();
+
   $: card_count = 0;
   $: is_card_count_valid = card_count > 0;
   $: processed_last_submit = true;
@@ -34,7 +36,7 @@
         text: $_("creating-blanco-cards"),
         duration: -1,
       }).showToast();
-      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count, false)
+      RunnerCardService.runnerCardControllerPostBlancoBulk(card_count, true)
         .then((result) => {
           bulk_modal_open = false;
           //
@@ -43,6 +45,7 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
+          dispatch("created", {cards: result})
         })
         .catch((err) => {
           //
@@ -71,11 +74,11 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_cards = current_cards.concat(result);
           const toast = Toastify({
             text: $_("generating-pdf"),
             duration: -1,
           }).showToast();
+          dispatch("created", {cards: result})
           fetch(
             `${config.baseurl_documentserver}/cards?&download=true&key=${config.documentserver_key}`,
             {
@@ -133,7 +136,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,
@@ -9,9 +9,10 @@
   } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import Toastify from "toastify-js";
+  import { createEventDispatcher } from "svelte";
   export let modal_open;
-  export let current_cards;
 
+  const dispatch = createEventDispatcher();
   const getRunnerLabel = (option) => {
     if (option.middlename) {
       return option.firstname + " " + option.middlename + " " + option.lastname;
@@ -21,7 +22,7 @@
 
   const filterRunners = (label, filterText, option) => {
     if (filterText.startsWith("#")) {
-      return option.value.id == parseInt(filterText.replace("#",""))
+      return option.value.id == parseInt(filterText.replace("#", ""));
     }
     return (
       label.toLowerCase().includes(filterText.toLowerCase()) ||
@@ -79,8 +80,7 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_cards.push(result);
-          current_cards = current_cards;
+          dispatch("created", { cards: [result] });
         })
         .catch((err) => {
           //
@@ -97,7 +97,6 @@
 {#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/cards/CardDetailModal.svelte

@@ -1,21 +1,27 @@
 <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";
   import { createEventDispatcher } from "svelte";
   export let edit_modal_open;
-  export let current_cards;
   export let runner = {};
   export let editable = {};
   export let original_data = {};
   const getRunnerLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
-  const filterRunners = (label, filterText, option) =>
-    label.toLowerCase().includes(filterText.toLowerCase()) ||
-    option.value.toString().startsWith(filterText.toLowerCase());
+    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();
   }
@@ -23,9 +29,6 @@
   $: enabled = true;
   $: processed_last_submit = true;
   const dispatch = createEventDispatcher();
-  function dataUpdated() {
-		dispatch('dataUpdated',);
-	}
   RunnerService.runnerControllerGetAll().then((val) => {
     runners = val.map((r) => {
       return { label: getRunnerLabel(r), value: r };
@@ -68,9 +71,7 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_cards[current_cards.findIndex((c) => c.id === id)] = result;
-          current_cards = current_cards;
-          dataUpdated();
+          dispatch('dataUpdated', {card: result});
         })
         .catch((err) => {
           //
@@ -87,7 +88,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/CardRunner.svelte

@@ -0,0 +1,16 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let runner;
+</script>
+
+{#if !runner}
+  {$_("non-blanko")}
+{:else}
+  <a href={`/runners/${runner.id}`}>
+    {#if runner.middlename}
+      {runner.firstname} {runner.middlename} {runner.lastname}
+    {:else}
+      {runner.firstname} {runner.lastname}
+    {/if}
+  </a>
+{/if}

src/components/cards/CardStatus.svelte

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

src/components/cards/Cards.svelte

@@ -7,34 +7,48 @@
   $: current_cards = [];
   export let modal_open = false;
   export let bulk_modal_open = false;
+  let addCards;
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight">
-    {$_('cards')}
-    {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:CREATE')}
+    {$_("cards")}
+    {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
       <button
         on:click={() => {
           modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-        {$_('add-card')}
+        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
+      >
+        {$_("add-card")}
       </button>
       <button
         on:click={() => {
           bulk_modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-        {$_('create-bulk-cards')}
+        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-bulk-cards")}
       </button>
     {/if}
   </span>
-  <CardsOverview bind:current_cards />
+  <CardsOverview bind:current_cards bind:addCards />
 </section>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:CREATE')}
-  <AddCardModal bind:current_cards bind:modal_open />
-  <AddCardBulkModal bind:current_cards bind:bulk_modal_open />
+{#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
+  <AddCardModal
+    bind:modal_open
+    on:created={(event) => {
+      console.log(event)
+      addCards(event.detail.cards);
+    }}
+  />
+  <AddCardBulkModal
+    bind:bulk_modal_open
+    on:created={(event) => {
+      addCards(event.detail.cards);
+    }}
+  />
 {/if}

src/components/cards/CardsOverview.svelte

@@ -3,35 +3,129 @@
   import { RunnerCardService } from "@odit/lfk-client-js";
   import store from "../../store";
   import Toastify from "toastify-js";
-  import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
   import CardsEmptyState from "./CardsEmptyState.svelte";
   import CardDetailModal from "./CardDetailModal.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
-  import ThFilterStatus from "./ThFilterStatus.svelte";
-  import ThFilterRunner from "./ThFilterRunner.svelte";
+  import InputElement from "../shared/InputElement.svelte";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+    renderComponent,
+  } from "@tanstack/svelte-table";
+  import { writable } from "svelte/store";
+  import TableBottom from "../shared/TableBottom.svelte";
+  import TableActions from "../shared/TableActions.svelte";
+  import TableHeader from "../shared/TableHeader.svelte";
+  import CardStatus from "./CardStatus.svelte";
+  import CardRunner from "./CardRunner.svelte";
+  import { onMount } from "svelte";
+  import { runnerFilter, statusFilter } from "../shared/tablefilters";
+  import DeleteCardModal from "./DeleteCardModal.svelte";
+
   export let edit_modal_open = false;
   export let runner = {};
   export let editable = {};
   export let original_data = {};
   export let current_cards = [];
-  const handler = new DataHandler(current_cards, { rowsPerPage: 50 });
-  const rows = handler.getRows();
-  $: active_deletes = [];
+  export const addCards = (cards) => {
+    console.log(cards)
+    current_cards = current_cards.concat(...cards);
+    options.update((options) => ({
+      ...options,
+      data: current_cards,
+    }));
+  };
+
+  $: dataLoaded = false;
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+  $: selectedCards =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
+  $: active_delete = undefined;
   $: cards_show = generate_cards.length > 0;
   $: generate_cards = [];
-  const cards_promise = RunnerCardService.runnerCardControllerGetAll().then(
-    (val) => {
-      current_cards = val;
-      handler.setRows(val);
-    }
-  );
-  const getRunnerLabel = (option) =>
-    option?.firstname +
-    " " +
-    (option?.middlename || "") +
-    " " +
-    (option?.lastname || "{$_('non-blanko')}");
+
+  const columns = [
+    {
+      accessorKey: "code",
+      header: () => $_("code"),
+      filterFn: `includesString`,
+    },
+    {
+      accessorKey: "runner",
+      header: () => $_("runner"),
+      cell: (info) => {
+        return renderComponent(CardRunner, { runner: info.getValue() });
+      },
+      filterFn: `runner`,
+    },
+    {
+      accessorKey: "enabled",
+      cell: (info) => {
+        return renderComponent(CardStatus, { enabled: info.getValue() });
+      },
+      header: () => $_("status"),
+      filterFn: `status`,
+    },
+    {
+      accessorKey: "actions",
+      header: () => $_("action"),
+      cell: (info) => {
+        return renderComponent(TableActions, {
+          detailsAction: () => {
+            open_edit_modal(
+              current_cards[
+                current_cards.findIndex((r) => r.id == info.row.original.id)
+              ]
+            );
+          },
+          deleteAction: () => {
+            active_delete =
+              current_cards[
+                current_cards.findIndex((r) => r.id == info.row.original.id)
+              ];
+          },
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes("CARD:DELETE"),
+        });
+      },
+      enableColumnFilter: false,
+      enableSorting: false,
+    },
+  ];
+
+  const options = writable({
+    data: [],
+    columns: columns,
+    initialState: {
+      pagination: {
+        pageSize: 50,
+      },
+    },
+    filterFns: {
+      runner: runnerFilter,
+      status: statusFilter,
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+  });
+
+  const table = createSvelteTable(options);
+
   function open_edit_modal(card) {
+    const getRunnerLabel = (option) =>
+      option.firstname +
+      " " +
+      (option.middlename || "") +
+      " " +
+      option.lastname;
     if (card.runner?.id) {
       runner = Object.assign(
         { runner },
@@ -46,21 +140,61 @@
     original_data = Object.assign(original_data, card);
     edit_modal_open = true;
   }
+
+  async function deleteCard(delete_card_id) {
+    await RunnerCardService.runnerCardControllerRemove(delete_card_id, true);
+    current_cards = current_cards.filter((r) => r.id !== delete_card_id);
+    options.update((options) => ({
+      ...options,
+      data: current_cards,
+    }));
+    Toastify({
+      text: $_("card-deleted"),
+      duration: 3500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
+  }
+
+  onMount(() => {
+    RunnerCardService.runnerCardControllerGetAll().then((val) => {
+      current_cards = val;
+      options.update((options) => ({
+        ...options,
+        data: current_cards,
+      }));
+      dataLoaded = true;
+    });
+  });
 </script>
 
 {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:UPDATE")}
   <CardDetailModal
-    bind:current_cards
     bind:edit_modal_open
     bind:runner
     bind:editable
     bind:original_data
-    on:dataUpdated={handler.setRows(current_cards)}
+    on:dataUpdated={(event) => {
+      current_cards[
+        current_cards.findIndex((c) => c.id === event.detail.card.id)
+      ] = event.detail.card;
+      current_cards = current_cards;
+      options.update((options) => ({
+        ...options,
+        data: current_cards,
+      }));
+    }}
   />
 {/if}
 
 {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:GET")}
-  {#await cards_promise}
+  <DeleteCardModal
+    delete_card={active_delete}
+    modal_open={active_delete != undefined}
+    on:delete={(event) => {
+      deleteCard(event.detail.id);
+    }}
+  />
+  {#if !dataLoaded}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
       role="alert"
@@ -68,166 +202,99 @@
       <p class="font-bold">{$_("loading-cards")}</p>
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
-  {:then}
-    {#if current_cards.length === 0}
-      <CardsEmptyState />
-    {:else}
-      <div class="h-12">
-        <GenerateRunnerCards bind:cards_show bind:generate_cards />
-      </div>
-      <Datatable {handler}>
-        <table>
-          <thead>
-            <tr>
-              <th style="border-bottom: 1px solid #ddd;">
-                <input
+  {:else if current_cards.length === 0}
+    <CardsEmptyState />
+  {:else}
+    <div class="h-12 mt-1">
+      {#if selected.length > 0}
+        <button
+          type="button"
+          class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+          id="options-menu"
+          on:click={async () => {
+            const prom = [];
+            for (const card of selectedCards) {
+              prom.push(
+                await RunnerCardService.runnerCardControllerRemove(
+                  card.id,
+                  true
+                )
+              );
+            }
+            await Promise.all(prom);
+            for (const card of selectedCards) {
+              current_cards = current_cards.filter((r) => r.id !== card.id);
+            }
+            options.update((options) => ({
+              ...options,
+              data: current_cards,
+            }));
+            $table.resetRowSelection()
+          }}
+        >
+          {$_("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 cards_show={selected.length>0} bind:generate_cards={selectedCards} />
+    </div>
+    <div class="overflow-x-auto">
+      <table class="w-full">
+        <thead>
+          {#each $table.getHeaderGroups() as headerGroup}
+            <tr class="select-none">
+              <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                <InputElement
                   type="checkbox"
-                  class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-                  checked={generate_cards.length == current_cards.length}
-                  on:click={() => {
-                    if (generate_cards.length != current_cards.length) {
-                      generate_cards = current_cards;
-                    } else {
-                      generate_cards = [];
-                    }
-                  }}
+                  checked={$table.getIsAllRowsSelected()}
+                  indeterminate={$table.getIsSomeRowsSelected()}
+                  on:change={() => $table.toggleAllRowsSelected()}
                 />
               </th>
-              <Th {handler} orderBy="code">{$_("code")}</Th>
-              <Th {handler} orderBy="runner">{$_("runner")}</Th>
-              <Th {handler} orderBy="status">{$_("status")}</Th>
-              <th style="border-bottom: 1px solid #ddd;">{$_("action")}</th>
+              {#each headerGroup.headers as header}
+                <TableHeader {header} />
+              {/each}
             </tr>
+          {/each}
+        </thead>
+        <tbody>
+          {#each $table.getRowModel().rows as row}
             <tr>
-              <th style="border-bottom: 1px solid #ddd;" />
-              <ThFilter {handler} filterBy="code" />
-              <ThFilterRunner {handler} />
-              <ThFilterStatus {handler} />
-              <th style="border-bottom: 1px solid #ddd;" />
-            </tr>
-          </thead>
-          <tbody>
-            {#each $rows as row}
-              <tr>
+              <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={row.getIsSelected()}
+                  on:change={() => row.toggleSelected()}
+                />
+              </td>
+              {#each row.getVisibleCells() as cell}
                 <td>
-                  <input
-                    type="checkbox"
-                    class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-                    checked={generate_cards.filter((i) => i.id == row.id)
-                      .length > 0}
-                    on:click={() => {
-                      if (
-                        generate_cards.findIndex((i) => i.id == row.id) == -1
-                      ) {
-                        generate_cards.push(row);
-                        generate_cards = generate_cards;
-                      } else {
-                        generate_cards = generate_cards.filter(
-                          (r) => r.id != row.id
-                        );
-                      }
-                      console.log(generate_cards);
-                    }}
+                  <svelte:component
+                    this={flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )}
                   />
                 </td>
-                <td>{row.code}</td>
-                <td>
-                  {#if row.runner}
-                    <a
-                      href="../runners/{row.runner.id}"
-                      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
-                      >{row.runner.firstname}
-                      {row.runner.middlename || ""}
-                      {row.runner.lastname}</a
-                    >
-                  {:else}{$_("non-blanko")}{/if}
-                </td>
-                <td>
-                  {#if row.enabled}
-                    <span
-                      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800"
-                      >{$_("enabled")}</span
-                    >
-                  {:else}
-                    <span
-                      class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800"
-                      >{$_("disabled")}</span
-                    >
-                  {/if}
-                </td>
-                <td>
-                  {#if active_deletes[row.id] === true}
-                    <button
-                      on:click={() => {
-                        active_deletes[row.id] = false;
-                      }}
-                      tabindex="0"
-                      class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer"
-                      >{$_("cancel-delete")}</button
-                    >
-                    <button
-                      on:click={() => {
-                        RunnerCardService.runnerCardControllerRemove(
-                          row.id,
-                          true
-                        )
-                          .then((resp) => {
-                            current_cards = current_cards.filter(
-                              (obj) => obj.id !== row.id
-                            );
-                          })
-                          .catch((err) => {});
-                      }}
-                      tabindex="0"
-                      class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-                      >{$_("confirm-delete")}</button
-                    >
-                  {:else}
-                    <button
-                      on:click={() => {
-                        open_edit_modal(row);
-                      }}
-                      class="text-indigo-600 hover:text-indigo-900"
-                      >{$_("details")}</button
-                    >
-                    {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:DELETE")}
-                      <button
-                        on:click={() => {
-                          active_deletes[row.id] = true;
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-                        >{$_("delete")}</button
-                      >
-                    {/if}
-                  {/if}
-                </td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </Datatable>
-    {/if}
-  {:catch error}
-    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
-      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
-        {error}
-      </span>
+              {/each}
+            </tr>
+          {/each}
+        </tbody>
+      </table>
     </div>
-  {/await}
+    <TableBottom {table} {selected} />
+  {/if}
 {/if}
-
-<style>
-  table tbody {
-    display: block;
-    overflow-y: scroll;
-  }
-
-  table thead,
-  table tbody tr {
-    display: table;
-    width: 100%;
-    table-layout: fixed;
-  }
-</style>

src/components/cards/DeleteCardModal.svelte

@@ -0,0 +1,128 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { createEventDispatcher, onMount } from "svelte";
+  export let modal_open;
+  export let delete_card = {
+    id: 0,
+    code: "",
+    runner: {
+      firstname: "",
+      lastname: "",
+    },
+  };
+  const dispatch = createEventDispatcher();
+  onMount(() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  });
+  async function submit() {
+    dispatch("delete", { id: delete_card.id });
+    modal_open = false;
+  }
+</script>
+
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}
+  >
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop"
+        />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span
+      >
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline"
+      >
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  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
+              >
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_("confirm-delete")}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_("please-confirm-the-deletion-of-card")}
+                </p>
+              </div>
+              <div class="w-full">
+                {$_("card")} #{delete_card.code}<br />
+                <span class="inline-block">
+                  {$_("runner")}:
+                  {#if delete_card.runner}
+                    <span class="inline-block"
+                      >{delete_card.runner.firstname}
+                      {delete_card.runner.lastname}</span
+                    >
+                  {:else}
+                    {$_("non-blanko")}
+                  {/if}</span
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("delete")}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}

src/components/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/contacts/ContactsOverview.svelte

@@ -31,7 +31,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">

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/donations/DonationsOverview.svelte

@@ -49,7 +49,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">

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/donors/DonorsOverview.svelte

@@ -51,7 +51,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">
@@ -119,7 +119,7 @@
                     {/if}
                     {#if donor.address.address1 !== null}
                       {donor.address.address1}<br />
-                      {donor.address.address2 || ''}<br />
+                      <!-- {donor.address.address2 || ''}<br /> -->
                       {donor.address.postalcode}
                       {donor.address.city}
                       {donor.address.country}

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/groups/UserGroupsOverview.svelte

@@ -30,7 +30,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">

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

@@ -119,9 +119,9 @@
     }
   }
   async function copy() {
-    if(!editable.registrationKey){
+    if (!editable.registrationKey) {
       Toastify({
-        text: $_('you-have-to-save-your-changes-to-generate-a-link'),
+        text: $_("you-have-to-save-your-changes-to-generate-a-link"),
         duration: 500,
         backgroundColor:
           "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
@@ -167,7 +167,8 @@
   passed_orgs={[]}
   passed_org={editable}
   opened_from="OrgDetail"
-  bind:import_modal_open />
+  bind:import_modal_open
+/>
 <ConfirmOrgDeletion bind:modal_open bind:delete_org />
 {#if data_loaded}
   <section class="container p-5">
@@ -176,29 +177,35 @@
       <span data-id="org_actions_${editable.id}">
         <GenerateSponsoringContracts
           bind:sponsoring_contracts_show
-          bind:generate_orgs />
+          bind:generate_orgs
+        />
         <GenerateRunnerCards bind:cards_show bind:generate_orgs />
         <GenerateRunnerCertificates bind:certificates_show bind:generate_orgs />
-        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:IMPORT')}
+        {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:IMPORT")}
           <button
             on:click={() => {
               import_modal_open = true;
             }}
             type="button"
-            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('import-runners')}
+            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"
+          >
+            {$_("import-runners")}
           </button>
         {/if}
-        {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:DELETE')}
+        {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE")}
           {#if delete_triggered}
             <button
               on:click={deleteOrganization}
-              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">{$_('confirm-delete')}</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"
+              >{$_("confirm-delete")}</button
+            >
             <button
               on:click={() => {
                 delete_triggered = !delete_triggered;
               }}
-              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm">{$_('cancel')}</button>
+              class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm"
+              >{$_("cancel")}</button
+            >
           {/if}
           {#if !delete_triggered}
             <button
@@ -206,7 +213,9 @@
                 delete_triggered = true;
               }}
               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">{$_('delete-organization')}</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"
+              >{$_("delete-organization")}</button
+            >
           {/if}
         {/if}
         {#if !delete_triggered}
@@ -215,7 +224,9 @@
             disabled={!save_enabled}
             class:opacity-50={!save_enabled}
             type="button"
-            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">{$_('save-changes')}</button>
+            class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
+            >{$_("save-changes")}</button
+          >
         {/if}
       </span>
     </div>
@@ -234,12 +245,13 @@
                 class="h-3 w-3 stroke-current"
                 height="1em"
                 width="1em"
-                xmlns="http://www.w3.org/2000/svg"><path
-                  d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
-                <polyline points="9 22 9 12 15 12 15 22" /></svg>
+                xmlns="http://www.w3.org/2000/svg"
+                ><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+                <polyline points="9 22 9 12 15 12 15 22" /></svg
+              >
             </li>
             <li class="flex items-center">
-              <a class="mr-2" href="/">{$_('home')}</a><svg
+              <a class="mr-2" href="/">{$_("home")}</a><svg
                 stroke="currentColor"
                 fill="none"
                 stroke-width="2"
@@ -249,24 +261,25 @@
                 class="h-3 w-3 mr-2 stroke-current"
                 height="1em"
                 width="1em"
-                xmlns="http://www.w3.org/2000/svg"><line
-                  x1="5"
-                  y1="12"
-                  x2="19"
-                  y2="12" />
-                <polyline points="12 5 19 12 12 19" /></svg>
+                xmlns="http://www.w3.org/2000/svg"
+                ><line x1="5" y1="12" x2="19" y2="12" />
+                <polyline points="12 5 19 12 12 19" /></svg
+              >
             </li>
             <li class="mr-2 flex items-center">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 24 24"
                 width="24"
-                height="24"><path fill="none" d="M0 0h24v24H0z" />
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
                 <path
-                  d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z" /></svg>
+                  d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z"
+                /></svg
+              >
             </li>
             <li class="flex items-center">
-              <a class="mr-2" href="./">{$_('organizations')}</a><svg
+              <a class="mr-2" href="./">{$_("organizations")}</a><svg
                 stroke="currentColor"
                 fill="none"
                 stroke-width="2"
@@ -276,12 +289,10 @@
                 class="h-3 w-3 mr-2 stroke-current"
                 height="1em"
                 width="1em"
-                xmlns="http://www.w3.org/2000/svg"><line
-                  x1="5"
-                  y1="12"
-                  x2="19"
-                  y2="12" />
-                <polyline points="12 5 19 12 12 19" /></svg>
+                xmlns="http://www.w3.org/2000/svg"
+                ><line x1="5" y1="12" x2="19" y2="12" />
+                <polyline points="12 5 19 12 12 19" /></svg
+              >
             </li>
             <li class="flex items-center">
               <span class="mr-2">Org-Details #{params.orgid}</span>
@@ -291,35 +302,34 @@
       </div>
     </div>
     <div class="text-sm w-full">
-      <label for="name" class="font-medium text-gray-700">{$_('name')}</label>
+      <label for="name" class="font-medium text-gray-700">{$_("name")}</label>
       <input
         autocomplete="off"
-        placeholder={$_('name')}
+        placeholder={$_("name")}
         type="text"
         bind:value={editable.name}
         name="name"
-        class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+        class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+      />
     </div>
     <div class="text-sm w-full">
-      <label
-        for="contact"
-        class="font-medium text-gray-700">{$_('contact')}</label>
+      <label for="contact" class="font-medium text-gray-700"
+        >{$_("contact")}</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) => label
-            .toLowerCase()
-            .includes(
-              filterText.toLowerCase()
-            ) || option.value.id
-            .toString()
-            .startsWith(filterText.toLowerCase())}
+        itemFilter={(label, filterText, option) =>
+          label.toLowerCase().includes(filterText.toLowerCase()) ||
+          option.value.id.toString().startsWith(filterText.toLowerCase())}
         items={contacts}
         showChevron={true}
-        placeholder={$_('no-contact-selected')}
-        noOptionsMessage={$_('no-contact-found')}
+        placeholder={$_("no-contact-selected")}
+        noOptionsMessage={$_("no-contact-found")}
         bind:selectedValue={contact}
-        on:select={(selectedValue) => (editable.contact = selectedValue.detail.value)}
-        on:clear={() => (editable.contact = null)} />
+        on:select={(selectedValue) =>
+          (editable.contact = selectedValue.detail.value)}
+        on:clear={() => (editable.contact = null)}
+      />
     </div>
     <div>
       <div class="flex items-start mt-2">
@@ -329,43 +339,51 @@
             id="toggle_selfservice_feature"
             name="toggle_selfservice_feature"
             type="checkbox"
-            class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+            class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+          />
         </div>
         <div class="ml-3 text-sm">
           <label
             for="toggle_selfservice_feature"
-            class="font-medium text-gray-700">{$_('selfservice-registration')}</label>
+            class="font-medium text-gray-700"
+            >{$_("selfservice-registration")}</label
+          >
         </div>
       </div>
       <div>
         {#if editable.registrationEnabled}
           <div class="text-sm w-full">
-            <div on:click={copy} class="inline-flex w-full">
+            <button on:click={copy} class="inline-flex w-full">
               <p
                 name="token"
-                class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2">
+                class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
+              >
                 {#if editable.registrationKey}
-                {registrationLink}
+                  {registrationLink}
                 {:else}
-                {$_('you-have-to-save-your-changes-to-generate-a-link')}
+                  {$_("you-have-to-save-your-changes-to-generate-a-link")}
                 {/if}
               </p>
               <div
-                class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer">
+                class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer"
+              >
                 <svg
                   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="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z" /></svg>
+                    d="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z"
+                  /></svg
+                >
               </div>
-            </div>
+            </button>
             {#if editable.registrationKey}
-            <p class="text-gray-500 text-xs">
-              {$_('click-to-copy-the-link-into-your-clipboard')}
-            </p>
+              <p class="text-gray-500 text-xs">
+                {$_("click-to-copy-the-link-into-your-clipboard")}
+              </p>
             {/if}
           </div>
         {/if}
@@ -378,12 +396,14 @@
                 id="toggle_address_checkbox"
                 name="toggle_address_checkbox"
                 type="checkbox"
-                class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+                class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
+              />
             </div>
             <div class="ml-3 text-sm">
               <label
                 for="toggle_address_checkbox"
-                class="font-medium text-gray-700">{$_('address')}</label>
+                class="font-medium text-gray-700">{$_("address")}</label
+              >
             </div>
           </div>
         </div>
@@ -391,7 +411,9 @@
           <div class="col-span-6">
             <label
               for="address1"
-              class="block text-sm font-medium text-gray-700">{$_('address')}</label>
+              class="block text-sm font-medium text-gray-700"
+              >{$_("address")}</label
+            >
             <input
               autocomplete="off"
               placeholder="Address"
@@ -401,65 +423,74 @@
               bind:value={editable.address.address1}
               type="text"
               name="address1"
-              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+            />
             {#if !isAddress1Valid}
               <span
-                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                {$_('address-is-required')}
+                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+              >
+                {$_("address-is-required")}
               </span>
             {/if}
           </div>
           <div class="col-span-6">
             <label
               for="address2"
-              class="block text-sm font-medium text-gray-700">{$_('apartment-suite-etc')}</label>
+              class="block text-sm font-medium text-gray-700"
+              >{$_("apartment-suite-etc")}</label
+            >
             <input
               autocomplete="off"
-              placeholder={$_('apartment-suite-etc')}
+              placeholder={$_("apartment-suite-etc")}
               bind:value={editable.address.address2}
               type="text"
               name="address2"
-              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+            />
           </div>
           <div class="col-span-6">
-            <label
-              for="zipcode"
-              class="block text-sm font-medium text-gray-700">{$_('zip-postal-code')}</label>
+            <label for="zipcode" class="block text-sm font-medium text-gray-700"
+              >{$_("zip-postal-code")}</label
+            >
             <input
               autocomplete="off"
-              placeholder={$_('zip-postal-code')}
+              placeholder={$_("zip-postal-code")}
               class:border-red-500={!iszipcodevalid}
               class:focus:border-red-500={!iszipcodevalid}
               class:focus:ring-red-500={!iszipcodevalid}
               bind:value={editable.address.postalcode}
               type="text"
               name="zipcode"
-              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+            />
             {#if !iszipcodevalid}
               <span
-                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                {$_('valid-zipcode-postal-code-is-required')}
+                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+              >
+                {$_("valid-zipcode-postal-code-is-required")}
               </span>
             {/if}
           </div>
           <div class="col-span-6">
-            <label
-              for="city"
-              class="block text-sm font-medium text-gray-700">{$_('city')}</label>
+            <label for="city" class="block text-sm font-medium text-gray-700"
+              >{$_("city")}</label
+            >
             <input
               autocomplete="off"
-              placeholder={$_('city')}
+              placeholder={$_("city")}
               class:border-red-500={!iscityvalid}
               class:focus:border-red-500={!iscityvalid}
               class:focus:ring-red-500={!iscityvalid}
               bind:value={editable.address.city}
               type="text"
               name="city"
-              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+              class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2"
+            />
             {#if !iscityvalid}
               <span
-                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1">
-                {$_('valid-city-is-required')}
+                class="flex items-center font-medium tracking-wide text-red-500 text-xs mt-1 ml-1"
+              >
+                {$_("valid-city-is-required")}
               </span>
             {/if}
           </div>
@@ -469,7 +500,7 @@
   </section>
 {:else}
   {#await promise}
-    {$_('organization-detail-is-being-loaded')}
+    {$_("organization-detail-is-being-loaded")}
   {:catch error}
     <PromiseError />
   {/await}

src/components/orgs/OrgOverview.svelte

@@ -51,7 +51,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div class="h-12">
         <GenerateSponsoringContracts
             bind:sponsoring_contracts_show
@@ -132,7 +132,7 @@
                         <div class="text-sm font-medium text-gray-900">
                           {#if o.address.address1 !== null}
                             {o.address.address1}<br />
-                            {o.address.address2 || ''}<br />
+                            <!-- {o.address.address2 || ''}<br /> -->
                             {o.address.postalcode}
                             {o.address.city}
                             {o.address.country}

src/components/presets/DataTable.svelte

@@ -1,30 +0,0 @@
-<script>
-  import { _, json } from "svelte-i18n";
-  import { getlang } from "./datatable_i18n";
-  import { Grid } from "gridjs";
-  //
-  let table;
-  const datatable = new Grid({
-    columns: ["Name", "Email", "Phone Number"],
-    language: getlang($json("datatable")),
-    sort: true,
-    search: { enabled: true },
-    data: [
-      ["John", "john@example.com", "(353) 01 222 3333"],
-      ["Mark", "mark@gmail.com", "(01) 22 888 4444"],
-      ["Eoin", "eoin@gmail.com", "0097 22 654 00033"],
-      ["Sarah", "sarahcdd@gmail.com", "+322 876 1233"],
-      ["Afshin", "afshin@mail.com", "(353) 22 87 8356"],
-    ],
-    pagination: {
-      enabled: true,
-      limit: 2,
-      summary: false,
-    },
-  });
-  setTimeout(() => {
-    datatable.render(table);
-  }, 0);
-</script>
-
-<div bind:this={table} />

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,
@@ -11,8 +11,10 @@
   import isMobilePhone from "validator/es/lib/isMobilePhone";
   import Toastify from "toastify-js";
   import Select from "svelte-select";
+  import { createEventDispatcher } from "svelte";
+  const dispatch = createEventDispatcher();
+
   export let modal_open;
-  export let current_runners;
   $: selected_team = undefined;
   let firstname_input;
   let lastname_input;
@@ -107,8 +109,7 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_runners.push(result);
-          current_runners = current_runners;
+          dispatch("created", { runners: [result] });
         })
         .catch((err) => {
           //
@@ -125,7 +126,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/DeleteRunnerModal.svelte

@@ -0,0 +1,115 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { createEventDispatcher, onMount } from "svelte";
+  export let modal_open;
+  export let delete_runner = {
+    id: 0,
+    firstname: "",
+    lastname: "",
+  };
+  const dispatch = createEventDispatcher();
+  onMount(() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  });
+  async function submit() {
+    dispatch("delete", { id: delete_runner.id });
+    modal_open=false;
+  }
+</script>
+
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}
+  >
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop"
+        />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span
+      >
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline"
+      >
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  d="M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.616 2.616 0 0 1 2.427 1.82c.186.583.356.977.51 1.182A4.992 4.992 0 0 0 19 11v2a6.986 6.986 0 0 1-5.402-2.547l-.581 3.297L15 15.67V23h-2v-5.986l-2.05-1.987-.947 4.298-6.894-1.215.348-1.97 4.924.868L9.83 8.79zM13.5 5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
+                /></svg
+              >
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_("confirm-delete")}
+              </h3>
+              <div class="mt-2 mb-6">
+                <p class="text-sm text-gray-500">
+                  {$_("please-confirm-the-deletion-of-runner")}
+                </p>
+              </div>
+              <div class="w-full">
+                <span class="inline-block"
+                  >{delete_runner.firstname} {delete_runner.lastname}</span
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("delete")}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}

src/components/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,
@@ -16,7 +16,6 @@
   export let passed_org;
   export let passed_orgs;
   export let passed_team;
-  export let current_runners;
   export let import_modal_open;
   $: searchvalue = "";
   $: importButtonEnabled =
@@ -169,7 +168,7 @@
             mapped
           )
             .then((resp) => {
-              current_runners = current_runners.concat(resp);
+              dispatch("created", { runners: resp });
               toast.hideToast();
               recent_processed = true;
               Toastify({
@@ -198,7 +197,7 @@
             mapped
           )
             .then((resp) => {
-              current_runners = current_runners.concat(resp);
+              dispatch("created", { runners: resp });
               toast.hideToast();
               recent_processed = true;
               Toastify({
@@ -228,7 +227,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/Runners.svelte

@@ -7,35 +7,43 @@
   $: current_runners = [];
   export let modal_open = false;
   export let import_modal_open = false;
+  let addRunners;
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight">
-    {$_('runners')}
-    {#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:CREATE')}
+    {$_("runners")}
+    {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
       <button
         on:click={() => {
           modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-        {$_('laeufer-hinzufuegen')}
+        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"
+      >
+        {$_("laeufer-hinzufuegen")}
       </button>
       <button
         on:click={() => {
           import_modal_open = true;
         }}
         type="button"
-        class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
-        {$_('import-runners')}
+        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"
+      >
+        {$_("import-runners")}
       </button>
     {/if}
   </span>
-  <RunnersOverview bind:current_runners />
+  <RunnersOverview bind:current_runners bind:addRunners />
 </section>
 
-{#if store.state.jwtinfo.userdetails.permissions.includes('RUNNER:CREATE')}
-  <AddRunnerModal bind:current_runners bind:modal_open />
+{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
+  <AddRunnerModal
+    bind:modal_open
+    on:created={(event) => {
+      addRunners(event.detail.runners);
+    }}
+  />
   <ImportRunnerModal
     on:cancelDelete={(event) => {
       import_modal_open = false;
@@ -43,7 +51,10 @@
     passed_team={{}}
     passed_orgs={[]}
     passed_org={{}}
-    bind:current_runners
     opened_from="RunnerOverview"
-    bind:import_modal_open />
+    bind:import_modal_open
+    on:created={(event) => {
+      addRunners(event.detail.runners);
+    }}
+  />
 {/if}

src/components/runners/RunnersOverview.svelte

@@ -1,41 +1,171 @@
 <script>
-  import { _ } from "svelte-i18n";
   import {
+    RunnerOrganizationService,
     RunnerService,
     RunnerTeamService,
-    RunnerOrganizationService,
   } from "@odit/lfk-client-js";
-  import ThFilterGroup from "./ThFilterGroup.svelte";
-  import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+    renderComponent,
+  } from "@tanstack/svelte-table";
+  import { onMount } from "svelte";
+  import { _ } from "svelte-i18n";
+  import { writable } from "svelte/store";
   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";
-  $: active_deletes = [];
+  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
+  import InputElement from "../shared/InputElement.svelte";
+  import TableActions from "../shared/TableActions.svelte";
+  import { groupFilter } from "../shared/tablefilters";
+  import DeleteRunnerModal from "./DeleteRunnerModal.svelte";
+  import Toastify from "toastify-js";
+  import TableBottom from "../shared/TableBottom.svelte";
+  import TableHeader from "../shared/TableHeader.svelte";
+
+  $: selectedRunners =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+
+  $: active_delete = undefined;
   let dataLoaded = false;
-  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;
-  $: generate_runners = []; //current_runners.filter((r) => r.selected === true);
+  export let current_runners = [];
+  $: sponsoring_contracts_show = selected.length > 0;
+  $: cards_show = selected.length > 0;
+  $: certificates_show = selected.length > 0;
   $: teams = [];
   $: orgs = [];
-  $: mappedteams = teams.map(function (g) {
-    return { value: g.id, label: g.parentGroup.name + " > " + g.name };
+
+  export const addRunners = (runners) => {
+    current_runners = current_runners.concat(...runners);
+    options.update((options) => ({
+      ...options,
+      data: current_runners,
+    }));
+  };
+
+
+  //Section table
+  const columns = [
+    {
+      accessorKey: "id",
+      header: () => "id",
+      filterFn: `equalsString`,
+    },
+    {
+      accessorKey: "firstname",
+      header: () => $_("first-name"),
+      filterFn: `includesString`,
+    },
+    {
+      accessorKey: "middlename",
+      header: () => $_("middle-name"),
+      cell: (info) => {
+        if (!info || !info.getValue()) {
+          return "";
+        }
+        return info.getValue();
+      },
+      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: `group`,
+    },
+    {
+      accessorKey: "distance",
+      header: () => $_("distance"),
+      cell: (info) => {
+        if (info.getValue() < 1000) {
+          return `${info.getValue()} m`;
+        }
+        return `${(info.getValue() / 1000).toFixed(1)} km`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "actions",
+      header: () => $_("action"),
+      cell: (info) => {
+        return renderComponent(TableActions, {
+          detailsLink: `./${info.row.original.id}`,
+          deleteAction: () => {
+            active_delete =
+              current_runners[
+                current_runners.findIndex((r) => r.id == info.row.original.id)
+              ];
+          },
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes(
+              "RUNNER:DELETE"
+            ),
+        });
+      },
+      enableColumnFilter: false,
+      enableSorting: false,
+    },
+  ];
+  const options = writable({
+    data: [],
+    columns: columns,
+    filterFns: {
+      group: groupFilter,
+    },
+    initialState: {
+      pagination: {
+        pageSize: 50,
+      },
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
   });
-  $: selectgroups = orgs
-    .map(function (g) {
-      return { value: g.id, label: g.name };
-    })
-    .concat(mappedteams);
+  const table = createSvelteTable(options);
+
+  async function deleteRunner(delete_runner_id) {
+    await RunnerService.runnerControllerRemove(delete_runner_id, true);
+    current_runners = current_runners.filter((r) => r.id !== delete_runner_id);
+    options.update((options) => ({
+      ...options,
+      data: current_runners,
+    }));
+    Toastify({
+      text: $_("runner-deleted"),
+      duration: 3500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
+  }
+
   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;
@@ -48,6 +178,13 @@
   });
 </script>
 
+<DeleteRunnerModal
+  delete_runner={active_delete}
+  modal_open={active_delete != undefined}
+  on:delete={(event) => {
+    deleteRunner(event.detail.id);
+  }}
+/>
 {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:GET")}
   {#if !dataLoaded}
     <div
@@ -58,166 +195,65 @@
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
   {:else}
-    <div class="h-12">
+    <div class="h-12 mt-2">
       <GenerateSponsoringContracts
         bind:sponsoring_contracts_show
-        bind:generate_runners
+        bind:generate_runners={selectedRunners}
+      />
+      <GenerateRunnerCards
+        bind:cards_show
+        bind:generate_runners={selectedRunners}
       />
-      <GenerateRunnerCards bind:cards_show bind:generate_runners />
       <GenerateRunnerCertificates
         bind:certificates_show
-        bind:generate_runners
+        bind:generate_runners={selectedRunners}
       />
     </div>
-    <Datatable {handler}>
-      <table>
+    <div class="overflow-x-auto">
+      <table class="w-full">
         <thead>
-          <tr>
-            <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"
-                checked={generate_runners.length == current_runners.length}
-                on:click={() => {
-                  if (generate_runners.length != current_runners.length) {
-                    generate_runners = current_runners;
-                  } else {
-                    generate_runners = [];
-                  }
-                }}
-              />
-            </th>
-            <Th {handler} orderBy="id">ID</Th>
-            <Th {handler} orderBy="firstname">First Name</Th>
-            <Th {handler} orderBy="middlename">Middle Name</Th>
-            <Th {handler} orderBy="lastname">Last Name</Th>
-            <th style="border-bottom: 1px solid #ddd;">Gruppe</th>
-            <Th {handler} orderBy="distance">Distanz</Th>
-            <th style="border-bottom: 1px solid #ddd;">{$_("action")}</th>
-          </tr>
-          <tr>
-            <th style="border-bottom: 1px solid #ddd;" />
-            <ThFilter {handler} filterBy="id" />
-            <ThFilter {handler} filterBy="firstname" />
-            <ThFilter {handler} filterBy="middlename" />
-            <ThFilter {handler} filterBy="lastname" />
-            <ThFilterGroup groups={selectgroups} {handler} />
-            <th style="border-bottom: 1px solid #ddd;" />
-            <th style="border-bottom: 1px solid #ddd;" />
-          </tr>
+          {#each $table.getHeaderGroups() as headerGroup}
+            <tr class="select-none">
+              <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                <InputElement
+                  type="checkbox"
+                  checked={$table.getIsAllRowsSelected()}
+                  indeterminate={$table.getIsSomeRowsSelected()}
+                  on:change={() => $table.toggleAllRowsSelected()}
+                />
+              </th>
+              {#each headerGroup.headers as header}
+                <TableHeader {header} />
+              {/each}
+            </tr>
+          {/each}
         </thead>
         <tbody>
-          {#each $rows as row}
+          {#each $table.getRowModel().rows as row}
             <tr>
-              <td>
-                <input
+              <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                <InputElement
                   type="checkbox"
-                  class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
-                  checked={generate_runners.filter((i)=>i.id == row.id).length > 0}
-                  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)
-                  }}
+                  checked={row.getIsSelected()}
+                  on:change={() => row.toggleSelected()}
                 />
               </td>
-              <td>{row.id}</td>
-              <td>{row.firstname}</td>
-              <td>{row.middlename || ""}</td>
-              <td>{row.lastname}</td>
-              <td
-                >{#if row.group.responseType === "RUNNERTEAM"}
-                  <a
-                    href="../teams/{row.group.id}"
-                    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
-                    >{row.group.parentGroup.name} &gt; {row.group.name}</a
-                  >
-                {/if}
-                {#if row.group.responseType === "RUNNERORGANIZATION"}
-                  <a
-                    href="../orgs/{row.group.id}"
-                    class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800"
-                    >{row.group.name}</a
-                  >
-                {/if}</td
-              >
-              <td>{row.distance / 1000} km</td>
-              <td>
-                {#if active_deletes[row.id] === true}
-                  <button
-                    on:click={() => {
-                      active_deletes[row.id] = false;
-                    }}
-                    tabindex="0"
-                    class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer"
-                    >{$_("cancel-delete")}</button
-                  >
-                  <button
-                    on:click={() => {
-                      RunnerService.runnerControllerRemove(row.id, true)
-                        .then((resp) => {
-                          current_runners = current_runners.filter(
-                            (obj) => obj.id !== row.id
-                          );
-                        })
-                        .catch((err) => {});
-                    }}
-                    tabindex="0"
-                    class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-                    >{$_("confirm-delete")}</button
-                  >
-                {:else}
-                  <a
-                    href="./{row.id}"
-                    class="text-indigo-600 hover:text-indigo-900"
-                    >{$_("details")}</a
-                  >
-                  {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE")}
-                    <button
-                      on:click={() => {
-                        active_deletes[row.id] = true;
-                      }}
-                      tabindex="0"
-                      class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-                      >{$_("delete")}</button
-                    >
-                  {/if}
-                {/if}
-              </td>
+              {#each row.getVisibleCells() as cell}
+                <td>
+                  <svelte:component
+                    this={flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    )}
+                  />
+                </td>
+              {/each}
             </tr>
           {/each}
         </tbody>
       </table>
-    </Datatable>
+    </div>
+    <div class="h-2" />
   {/if}
 {/if}
-
-<style>
-  thead {
-    background: #fff;
-  }
-  thead {
-    position: sticky;
-    inset-block-start: 0;
-  }
-  tbody td {
-    padding: 4px;
-  }
-  tbody tr:nth-child(even) {
-    background: #fafafa;
-  }
-  tbody tr {
-    transition: all, 0.2s;
-  }
-  tbody tr:hover {
-    background: #f5f5f5;
-  }
-</style>
+<TableBottom {table} {selected} />

src/components/scans/AddScanModal.svelte

@@ -1,15 +1,15 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { focusTrap } from "svelte-focus-trap";
+  
   import {
     RunnerService,
     ScanService,
   } from "@odit/lfk-client-js";
   import Select from "svelte-select";
   import Toastify from "toastify-js";
+  import { createEventDispatcher } from "svelte";
   export let modal_open;
-  export let current_scans;
   const getRunnerLabel = (option) =>
     option.firstname + " " + (option.middlename || "") + " " + option.lastname;
   const filterRunners = (label, filterText, option) =>
@@ -18,6 +18,7 @@
   function focus(el) {
     el.focus();
   }
+  const dispatch = createEventDispatcher();
   $: runner = 0;
   $: runners = [];
   RunnerService.runnerControllerGetAll().then((val) => {
@@ -63,8 +64,7 @@
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
-          current_scans.push(result);
-          current_scans = current_scans;
+          dispatch("created", { scans: [result] });
         })
         .catch((err) => {
           //
@@ -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/DeleteScanModal.svelte

@@ -0,0 +1,110 @@
+<script>
+  import { _ } from "svelte-i18n";
+  import { clickOutside } from "../base/outsideclick";
+  import { createEventDispatcher, onMount } from "svelte";
+  export let modal_open;
+  export let delete_scan = {
+    id: 0,
+    runner: {
+      firstname: "",
+      lastname: "",
+    },
+  };
+  const dispatch = createEventDispatcher();
+  onMount(() => {
+    document.onkeydown = (e) => {
+      e = e || window.event;
+      if (e.key === "Escape") {
+        modal_open = false;
+      }
+      if (e.keyCode === 13) {
+        if (createbtnenabled === true) {
+          createbtnenabled = false;
+          submit();
+        }
+      }
+    };
+  });
+  async function submit() {
+    dispatch("delete", { id: delete_scan.id });
+    modal_open = false;
+  }
+</script>
+
+{#if modal_open}
+  <div
+    class="fixed z-10 inset-0 overflow-y-auto"
+    use:clickOutside
+    on:click_outside={() => {
+      modal_open = false;
+    }}
+  >
+    <div
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
+      <div class="fixed inset-0 transition-opacity" aria-hidden="true">
+        <div
+          class="absolute inset-0 bg-gray-500 opacity-75"
+          data-id="modal_backdrop"
+        />
+      </div>
+      <span
+        class="hidden sm:inline-block sm:align-middle sm:h-screen"
+        aria-hidden="true">&#8203;</span
+      >
+      <div
+        class="inline-block align-bottom bg-white rounded-lg text-left shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="modal-headline"
+      >
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <div class="sm:flex sm:items-start">
+            <div
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                class="h-6 w-6 text-blue-600"
+                fill="currentColor"
+                width="24"
+                height="24"
+                ><path fill="none" d="M0 0h24v24H0z" />
+                <path
+                  d="M9.83 8.79L8 9.456V13H6V8.05h.015l5.268-1.918c.244-.093.51-.14.782-.131a2.616 2.616 0 0 1 2.427 1.82c.186.583.356.977.51 1.182A4.992 4.992 0 0 0 19 11v2a6.986 6.986 0 0 1-5.402-2.547l-.581 3.297L15 15.67V23h-2v-5.986l-2.05-1.987-.947 4.298-6.894-1.215.348-1.97 4.924.868L9.83 8.79zM13.5 5.5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
+                /></svg
+              >
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+              <h3 class="text-lg leading-6 font-medium text-gray-900">
+                {$_("confirm-delete")}
+              </h3>
+              <div class="mt-2 mb-6">
+                {$_("please-confirm-the-deletion-of-scan")} #{delete_scan.id}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+          <button
+            on:click={submit}
+            type="button"
+            class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("delete")}
+          </button>
+          <button
+            on:click={() => {
+              modal_open = false;
+            }}
+            type="button"
+            class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("cancel")}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+{/if}

src/components/scans/ScanValid.svelte

@@ -0,0 +1,16 @@
+<script>
+  import { _ } from "svelte-i18n";
+  export let valid = false;
+</script>
+
+{#if 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
+  >
+{/if}

src/components/scans/Scans.svelte

@@ -5,6 +5,7 @@
   import ScansOverview from "./ScansOverview.svelte";
   $: current_scans = [];
   export let modal_open = false;
+  let addScans;
 </script>
 
 <section class="container p-5">
@@ -21,9 +22,11 @@
       </button>
     {/if}
   </span>
-  <ScansOverview bind:current_scans />
+  <ScansOverview bind:current_scans bind:addScans />
 </section>
 
 {#if store.state.jwtinfo.userdetails.permissions.includes('SCAN:CREATE')}
-  <AddScanModal bind:current_scans bind:modal_open />
+  <AddScanModal bind:modal_open on:created={(event)=>{
+    addScans(event.detail.scans)
+  }} />
 {/if}

src/components/scans/ScansOverview.svelte

@@ -1,21 +1,54 @@
 <script>
   import { _ } from "svelte-i18n";
-  import { DataHandler, Datatable, Th, ThFilter } from "@vincjo/datatables";
   import { ScanService, TrackService } from "@odit/lfk-client-js";
   import store from "../../store";
+  import {
+    createSvelteTable,
+    flexRender,
+    getCoreRowModel,
+    getFilteredRowModel,
+    getPaginationRowModel,
+    getSortedRowModel,
+    renderComponent,
+  } from "@tanstack/svelte-table";
+  import { onMount } from "svelte";
+  import { writable } from "svelte/store";
   import Toastify from "toastify-js";
+  import TableBottom from "../shared/TableBottom.svelte";
+  import TableHeader from "../shared/TableHeader.svelte";
   import ScansEmptyState from "./ScansEmptyState.svelte";
-  import ThFilterRunner from "./ThFilterRunner.svelte";
-  import ThFilterTrack from "./ThFilterTrack.svelte";
-  $: active_deletes = [];
+  import InputElement from "../shared/InputElement.svelte";
+  import TableActions from "../shared/TableActions.svelte";
+  import { runnerFilter, statusFilter } from "../shared/tablefilters";
+  import CardRunner from "../cards/CardRunner.svelte";
+  import ScanValid from "./ScanValid.svelte";
+  import DeleteScanModal from "./DeleteScanModal.svelte";
+
+  $: selectedScans =
+    $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
+  $: selected =
+    $table?.getSelectedRowModel().rows.map((row) => row.index) || [];
+
+  $: active_delete = undefined;
   export let current_scans = [];
-  const handler = new DataHandler(current_scans, { rowsPerPage: 20 });
-  const rows = handler.getRows();
+  export const addScans = (scans) => {
+    current_scans = current_scans.concat(...scans);
+    options.update((options) => ({
+      ...options,
+      data: current_scans,
+    }));
+  };
+
   const scans_promise = ScanService.scanControllerGetAll().then((val) => {
     current_scans = val;
-    handler.setRows(val);
+    // handler.setRows(val);
+    current_scans = val;
+    options.update((options) => ({
+      ...options,
+      data: current_scans,
+    }));
   });
-  $: allTracks = [];
+  let allTracks = [];
   TrackService.trackControllerGetAll().then((val) => {
     allTracks = val;
   });
@@ -39,8 +72,126 @@
       Math.floor(laptime / 60) * 60
     }`;
   }
+
+  const columns = [
+    {
+      accessorKey: "id",
+      header: () => "id",
+      filterFn: `equalsString`,
+    },
+    {
+      accessorKey: "runner",
+      header: () => $_("runner"),
+      cell: (info) => {
+        return renderComponent(CardRunner, { runner: info.getValue() });
+      },
+      filterFn: `runner`,
+    },
+    {
+      accessorKey: "lapTime",
+      header: () => $_("laptime"),
+      cell: (info) => {
+        return format_laptime(info.getValue());
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "timestamp",
+      header: () => $_("timestamp"),
+      cell: (info) => {
+        return (new Date(parseInt(info.getValue())*1000)).toLocaleString()
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "distance",
+      header: () => $_("distance"),
+      cell: (info) => {
+        if (info.getValue() < 1000) {
+          return `${info.getValue()}m`;
+        }
+        return `${(info.getValue() / 1000).toFixed(1)}km`;
+      },
+      enableColumnFilter: false,
+    },
+    {
+      accessorKey: "track",
+      header: () => $_("track"),
+      cell: (info) => {
+        const track = info.getValue();
+        return track?.name || "?";
+      },
+      enableColumnFilter: true,
+    },
+    {
+      accessorKey: "valid",
+      cell: (info) => {
+        return renderComponent(ScanValid, { valid: info.getValue() });
+      },
+      header: () => $_("status"),
+      filterFn: `status`,
+    },
+    {
+      accessorKey: "actions",
+      header: () => $_("action"),
+      cell: (info) => {
+        return renderComponent(TableActions, {
+          detailsLink: `./${info.row.original.id}`,
+          deleteAction: () => {
+            active_delete =
+              current_scans[
+                current_scans.findIndex((r) => r.id == info.row.original.id)
+              ];
+          },
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes("SCAN:DELETE"),
+        });
+      },
+      enableColumnFilter: false,
+      enableSorting: false,
+    },
+  ];
+  const options = writable({
+    data: [],
+    columns: columns,
+    initialState: {
+      pagination: {
+        pageSize: 50,
+      },
+    },
+    filterFns: {
+      runner: runnerFilter,
+      status: statusFilter,
+    },
+    enableRowSelection: true,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+  });
+  const table = createSvelteTable(options);
+  async function deleteScan(scan_id) {
+    await ScanService.scanControllerRemove(scan_id, true);
+    current_scans = current_scans.filter((r) => r.id !== scan_id);
+    options.update((options) => ({
+      ...options,
+      data: current_scans,
+    }));
+    Toastify({
+      text: $_("scan-deleted"),
+      duration: 3500,
+      backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    }).showToast();
+  }
 </script>
 
+<DeleteScanModal
+  delete_scan={active_delete}
+  modal_open={active_delete != undefined}
+  on:delete={(event) => {
+    deleteScan(event.detail.id);
+  }}
+/>
 {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:GET")}
   {#await scans_promise}
     <div
@@ -54,173 +205,94 @@
     {#if current_scans.length === 0}
       <ScansEmptyState />
     {:else}
-      <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
-      >
-        <Datatable {handler}>
-          <table class="divide-y divide-gray-200 w-full">
-            <thead class="bg-gray-50">
-              <tr>
-                <Th {handler} orderBy="id">ID</Th>
-                <Th {handler}>
-                  {$_("runner")}
-                </Th>
-                <Th {handler}>
-                  {$_("distance")}
-                </Th>
-                <Th {handler}>
-                  {$_("track")}
-                </Th>
-                <Th {handler}>
-                  {$_("laptime")}
-                </Th>
-                <Th {handler}>
-                  {$_("status")}
-                </Th>
-                <th
-                  scope="col"
-                  class="relative px-6 py-3"
-                  style="border-bottom: 1px solid #ddd;"
-                >
-                  {$_("action")}
+      {#if selected.length > 0}
+        <button
+          type="button"
+          class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
+          id="options-menu"
+          on:click={async () => {
+            const prom = [];
+            for (const scan of selectedScans) {
+              prom.push(ScanService.scanControllerRemove(scan.id, true));
+            }
+            await Promise.all(prom);
+            for (const scan of selectedScans) {
+              current_scans = current_scans.filter((r) => r.id !== scan.id);
+            }
+            options.update((options) => ({
+              ...options,
+              data: current_scans,
+            }));
+            $table.resetRowSelection();
+            Toastify({
+              text: $_("scan-deleted"),
+              duration: 3500,
+              backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+            }).showToast();
+          }}
+        >
+          {$_("delete-scans")}
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            class="w-5 h-5"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+            />
+          </svg>
+        </button>
+      {/if}
+      <div class="overflow-x-auto">
+        <table class="w-full">
+          <thead>
+            {#each $table.getHeaderGroups() as headerGroup}
+              <tr class="select-none">
+                <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
+                  <InputElement
+                    type="checkbox"
+                    checked={$table.getIsAllRowsSelected()}
+                    indeterminate={$table.getIsSomeRowsSelected()}
+                    on:change={() => $table.toggleAllRowsSelected()}
+                  />
                 </th>
+                {#each headerGroup.headers as header}
+                  <TableHeader {header} />
+                {/each}
               </tr>
+            {/each}
+          </thead>
+          <tbody>
+            {#each $table.getRowModel().rows as row}
               <tr>
-                <ThFilter {handler} filterBy="id" />
-                <ThFilterRunner {handler} />
-                <th style="border-bottom: 1px solid #ddd;" />
-                <ThFilterTrack tracks={allTracks} {handler} />
-                <!-- <th style="border-bottom: 1px solid #ddd;" /> -->
-                <th style="border-bottom: 1px solid #ddd;" />
-                <th style="border-bottom: 1px solid #ddd;" />
-                <!-- TODO: filter status -->
-                <th style="border-bottom: 1px solid #ddd;" />
+                <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
+                  <InputElement
+                    type="checkbox"
+                    checked={row.getIsSelected()}
+                    on:change={() => row.toggleSelected()}
+                  />
+                </td>
+                {#each row.getVisibleCells() as cell}
+                  <td>
+                    <svelte:component
+                      this={flexRender(
+                        cell.column.columnDef.cell,
+                        cell.getContext()
+                      )}
+                    />
+                  </td>
+                {/each}
               </tr>
-            </thead>
-            <tbody class="divide-y divide-gray-200">
-              {#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}
-                        {scan.runner.middlename || ""}
-                        {scan.runner.lastname}</a
-                      >
-                    </div>
-                  </td>
-                  <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}
-                        </a>
-                      {/if}
-                    </div>
-                  </td>
-                  <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")}
-                      </div>
-                    {/if}
-                  </td>
-                  <td class="px-6 py-4 whitespace-nowrap">
-                    <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
-                        >
-                      {:else}
-                        <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"
-                    >
-                      <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
-                      >
-                      <button
-                        on:click={() => {
-                          ScanService.scanControllerRemove(scan.id, false).then(
-                            (resp) => {
-                              current_scans = current_scans.filter(
-                                (obj) => obj.id !== scan.id
-                              );
-                              Toastify({
-                                text: "Scan deleted",
-                                duration: 500,
-                                backgroundColor:
-                                  "linear-gradient(to right, #00b09b, #96c93d)",
-                              }).showToast();
-                            }
-                          );
-                        }}
-                        tabindex="0"
-                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
-                        >{$_("confirm-delete")}</button
-                      >
-                    </td>
-                  {:else}
-                    <td
-                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-                    >
-                      <a
-                        href="./{scan.id}"
-                        class="text-indigo-600 hover:text-indigo-900"
-                        >{$_("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
-                        >
-                      {/if}
-                    </td>
-                  {/if}
-                </tr>
-              {/each}
-            </tbody>
-          </table>
-        </Datatable>
+            {/each}
+          </tbody>
+        </table>
       </div>
+      <TableBottom {table} {selected} />
     {/if}
   {:catch error}
     <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">

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";
@@ -13,7 +13,7 @@
     dispatch("cancelDelete", { id: delete_station.id });
   }
   function deleteStation() {
-    ScanStationService.donorControllerRemove(
+    ScanStationService.scanStationControllerRemove(
       delete_station.id,
       true
     )
@@ -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,14 +1,18 @@
 <script>
   import { _ } from "svelte-i18n";
-  import { focusTrap } from "svelte-focus-trap";
   import Toastify from "toastify-js";
   import { tick, createEventDispatcher } from "svelte";
+  import bwipjs from "bwip-js";
+
   export let copy_modal_open;
   export let new_station;
   const dispatch = createEventDispatcher();
   let valueCopy = null;
   let areaDom;
   let copied = false;
+  $: is_qrcode = false;
+  $: barcode = textToBase64Barcode(new_station.key, is_qrcode);
+
   function close() {
     copy_modal_open = false;
   }
@@ -36,91 +40,163 @@
           "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
       }).showToast();
     }
-
     // we can notifi by event or storage about copy status
     valueCopy = null;
   }
+
+  function textToBase64Barcode(text, is_qrcode) {
+    const canvas = document.createElement("canvas");
+    let bcid = "code128";
+    if (is_qrcode) {
+      bcid = "qrcode";
+    }
+    let codeconfig = {
+      bcid,
+      text: `${text}`,
+      scale: 3,
+      includetext: true,
+      textxalign: "center",
+      backgroundcolor: "ffffff",
+    };
+    if (bcid == "code128") {
+      codeconfig.height = 10;
+    }
+    bwipjs.toCanvas(canvas, codeconfig);
+    return canvas.toDataURL("image/png");
+  }
 </script>
 
 {#if copy_modal_open}
   {#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">
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
       <div class="fixed inset-0 transition-opacity" aria-hidden="true">
         <div
           class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
+          data-id="modal_backdrop"
+        />
       </div>
       <span
         class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
+        aria-hidden="true">&#8203;</span
+      >
       <div
         class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
         role="dialog"
         aria-modal="true"
-        aria-labelledby="modal-headline">
+        aria-labelledby="modal-headline"
+      >
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">
             <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
               <svg
                 class="h-6 w-6 text-blue-600"
                 fill="currentColor"
                 xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z" />
+                viewBox="0 0 24 24"
+                ><path fill="none" d="M0 0h24v24H0z" />
                 <path
-                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
+                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z"
+                /></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">
-                {$_('token')}
+                {$_("token")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  {$_('the-scanstations-api-token-will-only-get-displayed-once-you-wont-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"
+                  )}
                   <br />
-                  {$_('please-copy-the-token-and-store-it-somewhere-save')}
+                  {$_("please-copy-the-token-and-store-it-somewhere-save")}
                 </p>
               </div>
               <div class="mt-2 mb-6">
                 <label
                   for="token"
-                  class="block text-sm font-medium text-gray-700">{$_('token')}</label>
-                <div on:click={copy} class="inline-flex">
+                  class="block text-sm font-medium text-gray-700"
+                  >{$_("token")}</label
+                >
+                <button on:click={copy} class="inline-flex">
                   <p
                     name="token"
                     class:bg-green-200={copied}
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2">
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
+                  >
                     {new_station.key}
                   </p>
                   <div
-                    class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer">
+                    class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer"
+                  >
                     <svg
                       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="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z" /></svg>
+                        d="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z"
+                      /></svg
+                    >
                   </div>
-                </div>
+                </button>
                 <p class="text-gray-500 text-xs">
-                  {$_('click-to-copy-token-to-clipboard')}
+                  {$_("click-to-copy-token-to-clipboard")}
                 </p>
               </div>
             </div>
           </div>
+          <div class="mx-auto text-center items-center">
+            <h2 class="text-lg leading-6 font-medium text-gray-900">
+              {$_("config-codes")}
+            </h2>
+            <span class="flex items-center text-center">
+              <p class="text-md text-gray-900 mr-3">Format:</p>
+              <label for="codeswitch" class="text-md text-gray-900 mr-3"
+                >Code128</label
+              >
+              <input
+                id="codeswitch"
+                type="checkbox"
+                bind:checked={is_qrcode}
+                class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
+              />
+              <label for="codeswitch" class="text-md text-gray-900 ml-3"
+                >QR-Code</label
+              >
+            </span>
+            <h3 class="leading-6 font-medium text-gray-900">
+              {$_("api-endpoint")}
+            </h3>
+            <img
+              class="w-full md:w-auto mb-2 mx-auto"
+              alt="Registrierungscode"
+              src={textToBase64Barcode(config.baseurl, is_qrcode)}
+            />
+            <h3 class="leading-6 font-medium text-gray-900">{$_("token")}</h3>
+            <img
+              class="w-full md:w-auto mb-2 mx-auto"
+              alt="Registrierungscode"
+              src={barcode}
+            />
+          </div>
         </div>
         <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
           <button
             on:click={close}
             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-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('yes-i-copied-the-token')}
+            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-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("yes-i-copied-the-token")}
           </button>
         </div>
       </div>

src/components/scanstations/ScanStationsOverview.svelte

@@ -41,7 +41,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">

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/shared/TableActions.svelte

@@ -0,0 +1,26 @@
+<script>
+  import { _ } from "svelte-i18n";
+
+  export let detailsLink;
+  export let detailsAction;
+  export let deleteEnabled;
+  export let deleteAction;
+</script>
+
+{#if detailsLink}
+  <a href={detailsLink} class="text-indigo-600 hover:text-indigo-900"
+    >{$_("details")}</a
+  >
+{:else if detailsAction}
+  <button on:click={detailsAction} class="text-indigo-600 hover:text-indigo-900"
+    >{$_("details")}</button
+  >
+{/if}
+{#if deleteEnabled}
+  <button
+    tabindex="0"
+    on:click={deleteAction}
+    class="ml-4 text-red-600 hover:text-red-900 cursor-pointer"
+    >{$_("delete")}</button
+  >
+{/if}

src/components/shared/TableBottom.svelte

@@ -0,0 +1,71 @@
+<script>
+  export let table;
+  export let selected;
+</script>
+
+<div class="flex items-center gap-2">
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.setPageIndex(0)}
+    disabled={!$table.getCanPreviousPage()}
+  >
+    {"<<"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.previousPage()}
+    disabled={!$table.getCanPreviousPage()}
+  >
+    {"<"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.nextPage()}
+    disabled={!$table.getCanNextPage()}
+  >
+    {">"}
+  </button>
+  <button
+    class="border rounded p-1"
+    on:click={() => $table.setPageIndex($table.getPageCount() - 1)}
+    disabled={!$table.getCanNextPage()}
+  >
+    {">>"}
+  </button>
+  <span class="flex items-center gap-1">
+    <div>Page</div>
+    <strong>
+      {$table.getState().pagination.pageIndex + 1} of{" "}
+      {$table.getPageCount()}
+    </strong>
+  </span>
+  <span class="flex items-center gap-1">
+    | Go to page:
+    <input
+      type="number"
+      defaultValue={$table.getState().pagination.pageIndex + 1}
+      on:change={(e) => {
+        const page = e.target.value ? Number(e.target.value) - 1 : 0;
+        $table.setPageIndex(page);
+      }}
+      class="border p-1 rounded w-16"
+    />
+  </span>
+  <select
+    value={$table.getState().pagination.pageSize}
+    on:input={(e) => {
+      const ps = Number(e.target.value);
+      console.log({ ps });
+      $table.setPageSize(Number(e.target.value));
+    }}
+  >
+    {#each [25, 50, 100, 250, 500] as pageSize}
+      <option value={pageSize}>{pageSize}</option>
+    {/each}
+  </select>
+</div>
+<!-- <pre>{JSON.stringify($table.getState(), null, 2)}</pre> -->
+<div>
+  {Object.keys(selected).length} of{" "}
+  {$table.getPreFilteredRowModel().rows.length} Total Rows Selected
+</div>

src/components/shared/TableHeader.svelte

@@ -0,0 +1,57 @@
+<script>
+  import { flexRender } from "@tanstack/svelte-table";
+  export let header;
+</script>
+
+<th class="cursor-pointer min-w-[5rem]">
+  {#if !header.isPlaceholder}
+    <button
+      class="w-full"
+      tabindex="0"
+      on:click={header.column.getToggleSortingHandler()}
+    >
+      <svelte:component
+        this={flexRender(header.column.columnDef.header, header.getContext())}
+      />
+      {#if header.column
+        .getIsSorted()
+        .toString() == "asc" && header.column.getCanSort()}
+        🔼
+      {:else if header.column
+        .getIsSorted()
+        .toString() == "desc" && header.column.getCanSort()}
+        🔽
+      {/if}
+    </button>
+  {/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 w-full 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>

src/components/shared/tablefilters.js

@@ -0,0 +1,34 @@
+export const groupFilter = (row, columnId, value) => {
+    const group = row.getValue(columnId);
+    if (group.responseType === "RUNNERORGANIZATION") {
+        return group.name.toLowerCase().includes(value.toLowerCase());
+    } else if (value.includes(">")) {
+        return (
+            `${group.parentGroup.name} > ${group.name}`.toLowerCase().includes(value.toLowerCase())
+        );
+    } else {
+        return (
+            group.name.toLowerCase().includes(value.toLowerCase()) ||
+            group.parentGroup.name.toLowerCase().includes(value.toLowerCase())
+        );
+    }
+};
+export const runnerFilter = (row, columnId, value) => {
+    const runner = row.getValue(columnId);
+    if(!runner && value == "blanko"){return true}
+    if(!runner){return false}
+
+    if(value.startsWith("#")){
+        return runner.id == value.replace("#","")
+    }
+
+    if(runner.middlename){
+        return `${runner.firstname} ${runner.middlename} ${runner.lastname}`.toLowerCase().includes(value.toLowerCase())
+    }
+    return `${runner.firstname} ${runner.lastname}`.toLowerCase().includes(value.toLowerCase())
+};
+
+export const statusFilter = (row, columnId, value) => {
+    const status = row.getValue(columnId);
+    return status.toString().includes(value);
+};

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,8 +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 { StatsClientService } from "@odit/lfk-client-js";
   import Toastify from "toastify-js";
   import { createEventDispatcher } from "svelte";
   export let modal_open;
@@ -13,10 +12,7 @@
     dispatch("cancelDelete", { id: delete_station.id });
   }
   function deleteClient() {
-    ScanStationService.donorControllerRemove(
-      delete_station.id,
-      true
-    )
+    StatsClientService.statsClientControllerRemove(delete_station.id, true)
       .then((resp) => {
         Toastify({
           text: $_('statsclient-deleted'),
@@ -32,7 +28,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,70 +46,87 @@
   {#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">
+      class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+    >
       <div class="fixed inset-0 transition-opacity" aria-hidden="true">
         <div
           class="absolute inset-0 bg-gray-500 opacity-75"
-          data-id="modal_backdrop" />
+          data-id="modal_backdrop"
+        />
       </div>
       <span
         class="hidden sm:inline-block sm:align-middle sm:h-screen"
-        aria-hidden="true">&#8203;</span>
+        aria-hidden="true">&#8203;</span
+      >
       <div
         class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
         role="dialog"
         aria-modal="true"
-        aria-labelledby="modal-headline">
+        aria-labelledby="modal-headline"
+      >
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">
             <div
-              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+              class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10"
+            >
               <svg
                 class="h-6 w-6 text-blue-600"
                 fill="currentColor"
                 xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z" />
+                viewBox="0 0 24 24"
+                ><path fill="none" d="M0 0h24v24H0z" />
                 <path
-                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z" /></svg>
+                  d="M4 5v11h16V5H4zM2 4a1 1 0 011-1h18a1 1 0 011 1v14H2V4zM1 19h22v2H1v-2z"
+                /></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">
-                {$_('token')}
+                {$_("token")}
               </h3>
               <div class="mt-2 mb-6">
                 <p class="text-sm text-gray-500">
-                  {$_('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-wont-be-able-to-change-or-view-it-again"
+                  )}
                   <br />
-                  {$_('please-copy-the-token-and-store-it-somewhere-save')}
+                  {$_("please-copy-the-token-and-store-it-somewhere-save")}
                 </p>
               </div>
               <div class="mt-2 mb-6">
                 <label
                   for="token"
-                  class="block text-sm font-medium text-gray-700">{$_('token')}</label>
-                <div on:click={copy} class="inline-flex">
+                  class="block text-sm font-medium text-gray-700"
+                  >{$_("token")}</label
+                >
+                <button on:click={copy} class="inline-flex">
                   <p
                     name="token"
                     class:bg-green-200={copied}
-                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2">
+                    class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 p-2"
+                  >
                     {new_client.key}
                   </p>
                   <div
-                    class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer">
+                    class="bg-gray-200 border-gray-300 border-t border-b border-r text-black rounded-r-md sm:text-sm p-2 mt-1 cursor-pointer"
+                  >
                     <svg
                       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="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z" /></svg>
+                        d="M7 4V2h10v2h3l1 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V5l1-1h3zm0 2H5v14h14V6h-2v2H7V6zm2-2v2h6V4H9z"
+                      /></svg
+                    >
                   </div>
-                </div>
+                </button>
                 <p class="text-gray-500 text-xs">
-                  {$_('click-to-copy-token-to-clipboard')}
+                  {$_("click-to-copy-token-to-clipboard")}
                 </p>
               </div>
             </div>
@@ -119,8 +136,9 @@
           <button
             on:click={close}
             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-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm">
-            {$_('yes-i-copied-the-token')}
+            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-green-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
+          >
+            {$_("yes-i-copied-the-token")}
           </button>
         </div>
       </div>

src/components/statsclients/StatsClientsOverview.svelte

@@ -41,7 +41,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
         <table class="divide-y divide-gray-200 w-full">

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/teams/TeamsOverview.svelte

@@ -57,7 +57,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <div class="h-12">
         <GenerateSponsoringContracts
           bind:sponsoring_contracts_show

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

@@ -36,7 +36,7 @@
         bind:value={searchvalue}
         placeholder={$_('datatable.search')}
         aria-label={$_('datatable.search')}
-        class="gridjs-input gridjs-search-input mb-4" />
+        class="mb-4" />
       <!-- {/if} -->
       <!-- <button
         on:click={() => {

src/locales/de.json

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

src/locales/en.json

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

tailwind.config.js

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

versionbuilder.js

@@ -1,5 +1,5 @@
-const fs = require('fs');
-const package = JSON.parse(fs.readFileSync(`./package.json`, { encoding: 'utf-8' }));
+import fs from 'fs';
+const packagejson = JSON.parse(fs.readFileSync(`./package.json`, { encoding: 'utf-8' }));
 const original = fs.readFileSync(`./index.html`, { encoding: 'utf-8' });
-let out = original.replace(/RELEASE_INFO-(\S)+-RELEASE_INFO/gi, 'RELEASE_INFO-' + package.version + '-RELEASE_INFO');
+let out = original.replace(/RELEASE_INFO-(\S)+-RELEASE_INFO/gi, 'RELEASE_INFO-' + packagejson.version + '-RELEASE_INFO');
 fs.writeFileSync(`./index.html`, out);

vite.config.js

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