Compare commits
	
		
			22 Commits
		
	
	
		
			f0738d451b
			...
			0.12.4
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 5b4ede5e2f | |||
| d0ab3dda78 | |||
| d9cf51b4bb | |||
| aa17f24220 | |||
| cf60edf7d4 | |||
| ffbc243194 | |||
| b6b07cf30c | |||
| 495a6b22bd | |||
| 0acaffbdfa | |||
| 6043bc4517 | |||
| e6ed066e3f | |||
| ee4e8655b8 | |||
| 37970d2be6 | |||
| 1376788016 | |||
| 4cad86cf85 | |||
| 6304116edb | |||
| 834ff8fa63 | |||
| 1f428a535e | |||
| 0c40966970 | |||
| 9da071fe9b | |||
| 892a04f289 | |||
| 27cc9727f1 | 
							
								
								
									
										102
									
								
								CHANGELOG.md
									
									
									
									
									
								
							
							
						
						
									
										102
									
								
								CHANGELOG.md
									
									
									
									
									
								
							@@ -2,15 +2,115 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 | 
					All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#### [0.12.4](https://git.odit.services/lfk/frontend/compare/0.12.3...0.12.4)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- 🚑 [HOTFIX] - drop "svelte-infinite-loading" [`d0ab3dd`](https://git.odit.services/lfk/frontend/commit/d0ab3dda78bbad2cea18a2491056530897d56607)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#### [0.12.3](https://git.odit.services/lfk/frontend/compare/0.12.2...0.12.3)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					> 8 April 2021
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- Merge pull request 'fix' (#126) from bugfix/125-mobile into dev [`#125`](https://git.odit.services/lfk/frontend/issues/125)
 | 
				
			||||||
 | 
					- almost fixed... [`495a6b2`](https://git.odit.services/lfk/frontend/commit/495a6b22bd8036593f390bdb862d325524cefbcc)
 | 
				
			||||||
 | 
					- 🐞 bugfix for svelte x tailwind class names [`b6b07cf`](https://git.odit.services/lfk/frontend/commit/b6b07cf30cc6533bd5dbfec1f813c16fde85634d)
 | 
				
			||||||
 | 
					- fix [`0acaffb`](https://git.odit.services/lfk/frontend/commit/0acaffbdfa359e52654a5afe2788aa59fe6f9036)
 | 
				
			||||||
 | 
					- 🚀RELEASE v0.12.3 [`d9cf51b`](https://git.odit.services/lfk/frontend/commit/d9cf51b4bbc2136594a03c5d0eeb8cb3f3440b2a)
 | 
				
			||||||
 | 
					- custom css fix for collapsed_navigation [`ffbc243`](https://git.odit.services/lfk/frontend/commit/ffbc243194c7faeb4fe61c12711a1c441c3994ef)
 | 
				
			||||||
 | 
					- new license file version [CI SKIP] [`aa17f24`](https://git.odit.services/lfk/frontend/commit/aa17f242209f7e7cecff774ace7a35b581adec1f)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#### [0.12.2](https://git.odit.services/lfk/frontend/compare/0.12.1...0.12.2)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					> 7 April 2021
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- 🚀RELEASE v0.12.2 [`6043bc4`](https://git.odit.services/lfk/frontend/commit/6043bc45174d51ab110b0ed10a8679d96127ab87)
 | 
				
			||||||
 | 
					- Merge pull request 'feature/110-virtual_list' (#124) from feature/110-virtual_list into dev [`e6ed066`](https://git.odit.services/lfk/frontend/commit/e6ed066e3ffabba6519f94d801d21a27819d0492)
 | 
				
			||||||
 | 
					- wip on virtuallist [`6304116`](https://git.odit.services/lfk/frontend/commit/6304116edb7f5e3c7b67c15e0b1740d34c513155)
 | 
				
			||||||
 | 
					- fixed height table [`4cad86c`](https://git.odit.services/lfk/frontend/commit/4cad86cf852468428d77103d052c6974b17c34c3)
 | 
				
			||||||
 | 
					- pre-merge fixes [`37970d2`](https://git.odit.services/lfk/frontend/commit/37970d2be6b6502701914e41e5bfe2c418438480)
 | 
				
			||||||
 | 
					- updated virtual scroll list [`1376788`](https://git.odit.services/lfk/frontend/commit/1376788016e767f006661f8c9e6747781f2dce55)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#### [0.12.1](https://git.odit.services/lfk/frontend/compare/0.12.0...0.12.1)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					> 6 April 2021
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- 🚀RELEASE v0.12.1 [`834ff8f`](https://git.odit.services/lfk/frontend/commit/834ff8fa63178f36dcacf931c128ba67a3e7bd1b)
 | 
				
			||||||
 | 
					- Merge pull request 'ImportRunnerModal Cancel Button feature/122-import_cancel' (#123) from feature/112-import_cancel into dev [`1f428a5`](https://git.odit.services/lfk/frontend/commit/1f428a535e3ae619cbf8db51d04255aac8dd8614)
 | 
				
			||||||
 | 
					- Added cancel button for the first stage of runner import [`0c40966`](https://git.odit.services/lfk/frontend/commit/0c409669700d3a8096cc04716154b0fdca458fe5)
 | 
				
			||||||
 | 
					- Escape now triggers foll modal close (including reset) instead of just hiding th modal [`9da071f`](https://git.odit.services/lfk/frontend/commit/9da071fe9ba067160334682bf00163e3630fe919)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					#### [0.12.0](https://git.odit.services/lfk/frontend/compare/0.11.0...0.12.0)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					> 5 April 2021
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					- Merge pull request 'feature/108_vite_migration' (#118) from feature/108_vite_migration into dev [`#108`](https://git.odit.services/lfk/frontend/issues/108)
 | 
				
			||||||
 | 
					- 🚀RELEASE v0.12.0 [`892a04f`](https://git.odit.services/lfk/frontend/commit/892a04f28930481715eb486b1ef4efeb98a6e999)
 | 
				
			||||||
 | 
					- Fixed package version [`27cc972`](https://git.odit.services/lfk/frontend/commit/27cc9727f1d02d186c3ccadb06e5b4b1b1d6202d)
 | 
				
			||||||
 | 
					- Merge pull request 'Implmented certificate generation feature/119-Certificate_generation' (#120) from feature/119-Certificate_generation into dev [`f0738d4`](https://git.odit.services/lfk/frontend/commit/f0738d451b02e4a298b5f9cb8ab0be16aed10a38)
 | 
				
			||||||
 | 
					- The PFS Prefixes now get translated via i18n [`bfacfec`](https://git.odit.services/lfk/frontend/commit/bfacfec76511cae3015f52698fdcbd80a7a15981)
 | 
				
			||||||
 | 
					- Sorted translations 🌍 [`9e6a8da`](https://git.odit.services/lfk/frontend/commit/9e6a8daf2c394cf17da532382ec7d049a0f89577)
 | 
				
			||||||
 | 
					- added missing/ wrong translations + formatting! [`7c86a5e`](https://git.odit.services/lfk/frontend/commit/7c86a5eeb370a43451d180a09a501066b023b9a0)
 | 
				
			||||||
 | 
					- Added i18n [`17f6f4e`](https://git.odit.services/lfk/frontend/commit/17f6f4e616bf57424ee12ad53b939429c02a0171)
 | 
				
			||||||
 | 
					- Added basic certificate generation component [`af63ce6`](https://git.odit.services/lfk/frontend/commit/af63ce67ae7d8f8a70706c3bd6755197908996ff)
 | 
				
			||||||
 | 
					- basic ViteJS migration [`ae79e9f`](https://git.odit.services/lfk/frontend/commit/ae79e9fea1963e977ef468e8e56f87d68916fadd)
 | 
				
			||||||
 | 
					- Implemented generation for orgs [`2e3ac15`](https://git.odit.services/lfk/frontend/commit/2e3ac154be0bf0776cd00f7d510f41ec676ae690)
 | 
				
			||||||
 | 
					- Implemented generation for teams [`2472640`](https://git.odit.services/lfk/frontend/commit/2472640755e3e41259a44127a875d00517a25842)
 | 
				
			||||||
 | 
					- updated default entrypoint [`95c8fde`](https://git.odit.services/lfk/frontend/commit/95c8fde72fca5cd5a644d51a33dc88e0b59fce92)
 | 
				
			||||||
 | 
					- ⏫📍 version bump + pin [`b065b4f`](https://git.odit.services/lfk/frontend/commit/b065b4ff218d07952fa45989e6e2ee7df13e07c1)
 | 
				
			||||||
 | 
					- 🧹 reorder + fix package [`12433f7`](https://git.odit.services/lfk/frontend/commit/12433f7c236906fe2b29848a0acaa6be1724da56)
 | 
				
			||||||
 | 
					- 🔨 re-added VS Code devcontainer config [`9318709`](https://git.odit.services/lfk/frontend/commit/93187099d32c506329b1437642aae985f2850689)
 | 
				
			||||||
 | 
					- 🐳 new Dockerfiles [`0f32968`](https://git.odit.services/lfk/frontend/commit/0f32968fae8b55a13d387918211983d0e61f85ab)
 | 
				
			||||||
 | 
					- 📃 added readme [`aa24b1d`](https://git.odit.services/lfk/frontend/commit/aa24b1dce5d6d73c8f42fc57f81b692350bf9665)
 | 
				
			||||||
 | 
					- Copy-paste fix [`f47d5e3`](https://git.odit.services/lfk/frontend/commit/f47d5e347d97ee127fa0380620138a9672665cd5)
 | 
				
			||||||
 | 
					- 🔨🔥 alpine based devcontainer with working yarn PnP [`777304f`](https://git.odit.services/lfk/frontend/commit/777304f2593df36f4e89d2ba7680add183ff062f)
 | 
				
			||||||
 | 
					- Copy-paste fix [`7488a8b`](https://git.odit.services/lfk/frontend/commit/7488a8b597a148c309e1b4499d277fed7f3bf9f4)
 | 
				
			||||||
 | 
					- You can now generate certificates from the runner overview [`bb9b779`](https://git.odit.services/lfk/frontend/commit/bb9b779cee909ab85ef52f13be0a917f1c0a9e62)
 | 
				
			||||||
 | 
					- Cleaned up generation strings and added the schem for single runner generations for cards [`9c867e1`](https://git.odit.services/lfk/frontend/commit/9c867e106edd68784e6d19743519c1952a0f0bc7)
 | 
				
			||||||
 | 
					- Changed the basic nameing generation for runenr certificate files [`d65d379`](https://git.odit.services/lfk/frontend/commit/d65d3793de869bcd6733a1bbdac378d0bc1128b3)
 | 
				
			||||||
 | 
					- ⏫ version bumps [`d7fecfb`](https://git.odit.services/lfk/frontend/commit/d7fecfbd0bc01f1cd44dea3c3837e0cc44afab12)
 | 
				
			||||||
 | 
					- Cleaned up generation strings and added the schem for single runner generations for sponsoring contracts [`22b09d1`](https://git.odit.services/lfk/frontend/commit/22b09d16d0acc2883e3448dad95ed0f4ea7c6aeb)
 | 
				
			||||||
 | 
					- Certificate generation from org overview [`3177c6e`](https://git.odit.services/lfk/frontend/commit/3177c6eaa31636ed4546f4797775a0f0a930f5d1)
 | 
				
			||||||
 | 
					- certificate pdf names now include their locale [`304f28a`](https://git.odit.services/lfk/frontend/commit/304f28a3c10bc4745aa5b7c80d7ba0e651540706)
 | 
				
			||||||
 | 
					- Runnercard pdfs now include their locale [`3638d87`](https://git.odit.services/lfk/frontend/commit/3638d87bd2ff83618eefda5af18ba19e38e3c2eb)
 | 
				
			||||||
 | 
					- 🐞 fix await for esNext [`a922776`](https://git.odit.services/lfk/frontend/commit/a9227768de29305b51d10c8a6e4fa1d39b7d998f)
 | 
				
			||||||
 | 
					- Certificate generation from team overview [`18ec100`](https://git.odit.services/lfk/frontend/commit/18ec100c33a1fbab526187e769dbae54d9db0867)
 | 
				
			||||||
 | 
					- Added certificate generation from runner overview and detail [`7b685d6`](https://git.odit.services/lfk/frontend/commit/7b685d6cad97d2f7f48c4b19bfc128e1355b70c4)
 | 
				
			||||||
 | 
					- package cleanup [`6be2ee6`](https://git.odit.services/lfk/frontend/commit/6be2ee626addaf5113b4b4821bd99a276bf4f329)
 | 
				
			||||||
 | 
					- sponsoring pdf names now include their locale [`0bae5bf`](https://git.odit.services/lfk/frontend/commit/0bae5bf32b8687057dca50cde21022ea8c3abee8)
 | 
				
			||||||
 | 
					- ✨ update licenses.json [`e99e9e0`](https://git.odit.services/lfk/frontend/commit/e99e9e07089520d5a48021e10d2af7739656641a)
 | 
				
			||||||
 | 
					- added windicss settings for VSCode [`008027d`](https://git.odit.services/lfk/frontend/commit/008027db0e2736a9bb9defd67178ab3fe580de04)
 | 
				
			||||||
 | 
					- Certificate generation from team detail [`acd2f05`](https://git.odit.services/lfk/frontend/commit/acd2f0519d62e55dad8e9c3c41e77b6967212502)
 | 
				
			||||||
 | 
					- ⚡💾 prevent env.js from being cached [`c5d1553`](https://git.odit.services/lfk/frontend/commit/c5d155396a92dfee6d592fb24a936ab521215f6d)
 | 
				
			||||||
 | 
					- for await fix - ViteJS [`aec5e34`](https://git.odit.services/lfk/frontend/commit/aec5e3473e687415fbfd69c550d9b012e1b1be43)
 | 
				
			||||||
 | 
					- Certificate generation from org detail [`e6ffc37`](https://git.odit.services/lfk/frontend/commit/e6ffc371e1ca2d4451e7dd4a3ca3c05564edb5fb)
 | 
				
			||||||
 | 
					- 🧹 drop unused dependencies [`ce50fa2`](https://git.odit.services/lfk/frontend/commit/ce50fa2a62f8ff98e8be9c66432caeebb3952019)
 | 
				
			||||||
 | 
					- 🐞 fix NGINX config [`5352410`](https://git.odit.services/lfk/frontend/commit/5352410d0c76fd14575d7beafc6a83f028062efe)
 | 
				
			||||||
 | 
					- Fixed wrong permissiong getting checked [`b97a928`](https://git.odit.services/lfk/frontend/commit/b97a92860d71eb0384170e245a67fa3ea3fd8e85)
 | 
				
			||||||
 | 
					- new license file version [CI SKIP] [`5cc4871`](https://git.odit.services/lfk/frontend/commit/5cc4871ec4be9f0af07738f6e3d44bdbe31cd25a)
 | 
				
			||||||
 | 
					- ⏫ bump @odit/lfk-client-js@0.10.1 [`8b74d6d`](https://git.odit.services/lfk/frontend/commit/8b74d6d759c8481f012c201e2ea0d12b29ddef90)
 | 
				
			||||||
 | 
					- 🔨 dev container open ⚡ [`ceb2146`](https://git.odit.services/lfk/frontend/commit/ceb2146c1b08bbe9250e4db7846e06bd89526c21)
 | 
				
			||||||
 | 
					- ⏫ version bump: vite-plugin-windicss@0.12.2 [`8d006d8`](https://git.odit.services/lfk/frontend/commit/8d006d8c74d71c43a9031d58f5a8c7fc55ed95fc)
 | 
				
			||||||
 | 
					- 🚚 move @svitejs/vite-plugin-svelte to @sveltejs/vite-plugin-svelte [`44b53da`](https://git.odit.services/lfk/frontend/commit/44b53da34516b00671b3e5060ba831e409ac3dd5)
 | 
				
			||||||
 | 
					- ⏫ upgrade vite-plugin-windicss@0.12.1 [`ab45fc1`](https://git.odit.services/lfk/frontend/commit/ab45fc144eaf14f63d86ee53c1db4eefd88f9c7f)
 | 
				
			||||||
 | 
					- 🐞 fix main.js linking [`467404b`](https://git.odit.services/lfk/frontend/commit/467404bfc87f3c08c5e227f194d71eea7cc48921)
 | 
				
			||||||
 | 
					- 🐞 fix vite config for production system [`10a011d`](https://git.odit.services/lfk/frontend/commit/10a011d8426e475105ff5d2d5cf4adca2ef7625c)
 | 
				
			||||||
 | 
					- fix dev script [`eb3ede9`](https://git.odit.services/lfk/frontend/commit/eb3ede9593e2e527df3e3a2f81c8e179bb555f51)
 | 
				
			||||||
 | 
					- ⏫ bump vite to 2.1.3 [`0cd3e93`](https://git.odit.services/lfk/frontend/commit/0cd3e937d852eeabe43eb6298bfabe20834240b2)
 | 
				
			||||||
 | 
					- Removed useless console.log [`d23dbaa`](https://git.odit.services/lfk/frontend/commit/d23dbaaf695a60fe5ebbc9945646a16b5fc45a16)
 | 
				
			||||||
 | 
					- Removed useless console log [`48cfc15`](https://git.odit.services/lfk/frontend/commit/48cfc15cfb09096db1bd5ddbe9138b1a604d581f)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#### [0.11.0](https://git.odit.services/lfk/frontend/compare/0.10.0...0.11.0)
 | 
					#### [0.11.0](https://git.odit.services/lfk/frontend/compare/0.10.0...0.11.0)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- Merge pull request 'Generate and print bulk blank cards feature/116-download_blanc_cards' (#117) from feature/116-download_blanc_cards into dev [`25d8b86`](https://git.odit.services/lfk/frontend/commit/25d8b86efd89c442d1bf308a8743134820acfd1f)
 | 
					> 30 March 2021
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- Added button (including translations [`0614c76`](https://git.odit.services/lfk/frontend/commit/0614c76e924b18b512bab59933a26fec07cf483d)
 | 
					- Added button (including translations [`0614c76`](https://git.odit.services/lfk/frontend/commit/0614c76e924b18b512bab59933a26fec07cf483d)
 | 
				
			||||||
- Added button (including translations [`97e338f`](https://git.odit.services/lfk/frontend/commit/97e338f9d4f388596d550990457254c7fa1a3492)
 | 
					- Added button (including translations [`97e338f`](https://git.odit.services/lfk/frontend/commit/97e338f9d4f388596d550990457254c7fa1a3492)
 | 
				
			||||||
- Sorted translations [`89bb9c2`](https://git.odit.services/lfk/frontend/commit/89bb9c215e356e0940678f5cabd9e38bc203040e)
 | 
					- Sorted translations [`89bb9c2`](https://git.odit.services/lfk/frontend/commit/89bb9c215e356e0940678f5cabd9e38bc203040e)
 | 
				
			||||||
- Added function for generating cards with pdf [`c8d6390`](https://git.odit.services/lfk/frontend/commit/c8d639024a5f2f72d6e30d2ce990b08bd71a5471)
 | 
					- Added function for generating cards with pdf [`c8d6390`](https://git.odit.services/lfk/frontend/commit/c8d639024a5f2f72d6e30d2ce990b08bd71a5471)
 | 
				
			||||||
 | 
					- 🚀RELEASE v0.11.0 [`f8ccf4f`](https://git.odit.services/lfk/frontend/commit/f8ccf4f5d8f68ecee31430029889b8ab1ecec682)
 | 
				
			||||||
- Fixed button styling [`08cb079`](https://git.odit.services/lfk/frontend/commit/08cb079e9798392e26515d559af2637e74deea97)
 | 
					- Fixed button styling [`08cb079`](https://git.odit.services/lfk/frontend/commit/08cb079e9798392e26515d559af2637e74deea97)
 | 
				
			||||||
- Now returning cards on creation with pdf [`1d999d4`](https://git.odit.services/lfk/frontend/commit/1d999d4910acb5efa21b3f9922cdb359babff404)
 | 
					- Now returning cards on creation with pdf [`1d999d4`](https://git.odit.services/lfk/frontend/commit/1d999d4910acb5efa21b3f9922cdb359babff404)
 | 
				
			||||||
 | 
					- new license file version [CI SKIP] [`8f8b998`](https://git.odit.services/lfk/frontend/commit/8f8b9988ad94ee9f3729a3fe6fdb4c558828d892)
 | 
				
			||||||
 | 
					- Merge pull request 'Generate and print bulk blank cards feature/116-download_blanc_cards' (#117) from feature/116-download_blanc_cards into dev [`25d8b86`](https://git.odit.services/lfk/frontend/commit/25d8b86efd89c442d1bf308a8743134820acfd1f)
 | 
				
			||||||
- Added comment [`636f018`](https://git.odit.services/lfk/frontend/commit/636f018daa33b99468a257bfc33477e1e644d081)
 | 
					- Added comment [`636f018`](https://git.odit.services/lfk/frontend/commit/636f018daa33b99468a257bfc33477e1e644d081)
 | 
				
			||||||
- Bumped lfk client js version [`2d18686`](https://git.odit.services/lfk/frontend/commit/2d18686ce782a434ca7bd34c07c36a35b9497273)
 | 
					- Bumped lfk client js version [`2d18686`](https://git.odit.services/lfk/frontend/commit/2d18686ce782a434ca7bd34c07c36a35b9497273)
 | 
				
			||||||
- Bumped lfk-client-js [`7dfaa75`](https://git.odit.services/lfk/frontend/commit/7dfaa7579a22b13194fcdd1c02b4437958261472)
 | 
					- Bumped lfk-client-js [`7dfaa75`](https://git.odit.services/lfk/frontend/commit/7dfaa7579a22b13194fcdd1c02b4437958261472)
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										42
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										42
									
								
								index.html
									
									
									
									
									
								
							@@ -1,22 +1,22 @@
 | 
				
			|||||||
<!DOCTYPE html>
 | 
					<!DOCTYPE html>
 | 
				
			||||||
<html lang="en">
 | 
					<html lang="en">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<head>
 | 
					<head>
 | 
				
			||||||
  <meta charset="utf-8" />
 | 
					  <meta charset="utf-8" />
 | 
				
			||||||
  <link rel="icon" href="/favicon.png" />
 | 
					  <link rel="icon" href="/favicon.png" />
 | 
				
			||||||
  <link rel="manifest" href="/manifest.webmanifest">
 | 
					  <link rel="manifest" href="/manifest.webmanifest">
 | 
				
			||||||
  <link rel="apple-touch-icon" href="/lfk-logo.png">
 | 
					  <link rel="apple-touch-icon" href="/lfk-logo.png">
 | 
				
			||||||
  <meta name="theme-color" content="#FFFFFF">
 | 
					  <meta name="theme-color" content="#FFFFFF">
 | 
				
			||||||
  <meta name="viewport" content="width=device-width, initial-scale=1" />
 | 
					  <meta name="viewport" content="width=device-width, initial-scale=1" />
 | 
				
			||||||
  <meta name="description" content="Lauf Für Kaya! - Admin" />
 | 
					  <meta name="description" content="Lauf Für Kaya! - Admin" />
 | 
				
			||||||
  <title>Lauf für Kaya! - Admin</title>
 | 
					  <title>Lauf für Kaya! - Admin</title>
 | 
				
			||||||
</head>
 | 
					</head>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<body>
 | 
					<body>
 | 
				
			||||||
  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.8.4-RELEASE_INFO</span>
 | 
					  <span style="display: none;visibility: hidden;" id="buildinfo">RELEASE_INFO-0.12.4-RELEASE_INFO</span>
 | 
				
			||||||
  <noscript>You need to enable JavaScript to run this app.</noscript>
 | 
					  <noscript>You need to enable JavaScript to run this app.</noscript>
 | 
				
			||||||
  <script src="/env.js"></script>
 | 
					  <script src="/env.js"></script>
 | 
				
			||||||
  <script type="module" src="/src/main.js"></script>
 | 
					  <script type="module" src="/src/main.js"></script>
 | 
				
			||||||
</body>
 | 
					</body>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</html>
 | 
					</html>
 | 
				
			||||||
@@ -1,6 +1,6 @@
 | 
				
			|||||||
{
 | 
					{
 | 
				
			||||||
	"name": "@odit/lfk-frontend",
 | 
						"name": "@odit/lfk-frontend",
 | 
				
			||||||
	"version": "0.8.4",
 | 
						"version": "0.12.4",
 | 
				
			||||||
	"scripts": {
 | 
						"scripts": {
 | 
				
			||||||
		"i18n-order": "node order.js",
 | 
							"i18n-order": "node order.js",
 | 
				
			||||||
		"dev": "vite",
 | 
							"dev": "vite",
 | 
				
			||||||
@@ -13,7 +13,7 @@
 | 
				
			|||||||
		"check-password-strength": "2.0.2",
 | 
							"check-password-strength": "2.0.2",
 | 
				
			||||||
		"@odit/lfk-client-js": "0.10.1",
 | 
							"@odit/lfk-client-js": "0.10.1",
 | 
				
			||||||
		"@odit/license-exporter": "0.0.11",
 | 
							"@odit/license-exporter": "0.0.11",
 | 
				
			||||||
		"@sveltejs/vite-plugin-svelte": "1.0.0-next.5",
 | 
							"@sveltejs/vite-plugin-svelte": "1.0.0-next.6",
 | 
				
			||||||
		"@types/html-minifier": "4.0.0",
 | 
							"@types/html-minifier": "4.0.0",
 | 
				
			||||||
		"auto-changelog": "2.2.1",
 | 
							"auto-changelog": "2.2.1",
 | 
				
			||||||
		"autoprefixer": "10.2.5",
 | 
							"autoprefixer": "10.2.5",
 | 
				
			||||||
@@ -28,12 +28,12 @@
 | 
				
			|||||||
		"svelte-i18n": "3.3.9",
 | 
							"svelte-i18n": "3.3.9",
 | 
				
			||||||
		"svelte-preprocess": "4.7.0",
 | 
							"svelte-preprocess": "4.7.0",
 | 
				
			||||||
		"svelte-select": "3.17.0",
 | 
							"svelte-select": "3.17.0",
 | 
				
			||||||
		"tailwindcss": "2.0.4",
 | 
							"tailwindcss": "2.1.1",
 | 
				
			||||||
		"tinro": "0.6.1",
 | 
							"tinro": "0.6.1",
 | 
				
			||||||
		"toastify-js": "1.10.0",
 | 
							"toastify-js": "1.10.0",
 | 
				
			||||||
		"validator": "13.5.2",
 | 
							"validator": "13.5.2",
 | 
				
			||||||
		"vite": "2.1.5",
 | 
							"vite": "2.1.5",
 | 
				
			||||||
		"vite-plugin-windicss": "0.12.2",
 | 
							"vite-plugin-windicss": "0.12.5",
 | 
				
			||||||
		"xlsx": "0.16.9"
 | 
							"xlsx": "0.16.9"
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	"release-it": {
 | 
						"release-it": {
 | 
				
			||||||
 
 | 
				
			|||||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -1,5 +1,5 @@
 | 
				
			|||||||
<script>
 | 
					<script>
 | 
				
			||||||
  import { getLocaleFromNavigator, json, _ } from "svelte-i18n";
 | 
					  import { _ } from "svelte-i18n";
 | 
				
			||||||
  import { RunnerCardService } from "@odit/lfk-client-js";
 | 
					  import { RunnerCardService } from "@odit/lfk-client-js";
 | 
				
			||||||
  import store from "../../store";
 | 
					  import store from "../../store";
 | 
				
			||||||
  import Toastify from "toastify-js";
 | 
					  import Toastify from "toastify-js";
 | 
				
			||||||
@@ -11,11 +11,21 @@
 | 
				
			|||||||
  export let editable = {};
 | 
					  export let editable = {};
 | 
				
			||||||
  export let original_data = {};
 | 
					  export let original_data = {};
 | 
				
			||||||
  export let current_cards = [];
 | 
					  export let current_cards = [];
 | 
				
			||||||
 | 
					  $: filtered_cards = current_cards.filter(function (c) {
 | 
				
			||||||
 | 
					    if (
 | 
				
			||||||
 | 
					      c.code.toLowerCase().includes(searchvalue_lowercase) ||
 | 
				
			||||||
 | 
					      c.runner?.firstname.toLowerCase().includes(searchvalue_lowercase) ||
 | 
				
			||||||
 | 
					      c.runner?.middlename.toLowerCase().includes(searchvalue_lowercase) ||
 | 
				
			||||||
 | 
					      c.runner?.lastname.toLowerCase().includes(searchvalue_lowercase) ||
 | 
				
			||||||
 | 
					      should_display_based_on_id(c.id)
 | 
				
			||||||
 | 
					    ) {
 | 
				
			||||||
 | 
					      return true;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  });
 | 
				
			||||||
  $: searchvalue = "";
 | 
					  $: searchvalue = "";
 | 
				
			||||||
 | 
					  $: searchvalue_lowercase = searchvalue.toLowerCase();
 | 
				
			||||||
  $: active_deletes = [];
 | 
					  $: active_deletes = [];
 | 
				
			||||||
  $: cards_show = current_cards.some(
 | 
					  $: cards_show = current_cards.some((r) => r.is_selected === true);
 | 
				
			||||||
    (r) => r.is_selected === true
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
  $: generate_cards = current_cards.filter((r) => r.is_selected === true);
 | 
					  $: generate_cards = current_cards.filter((r) => r.is_selected === true);
 | 
				
			||||||
  const cards_promise = RunnerCardService.runnerCardControllerGetAll().then(
 | 
					  const cards_promise = RunnerCardService.runnerCardControllerGetAll().then(
 | 
				
			||||||
    (val) => {
 | 
					    (val) => {
 | 
				
			||||||
@@ -46,8 +56,38 @@
 | 
				
			|||||||
    original_data = Object.assign(original_data, card);
 | 
					    original_data = Object.assign(original_data, card);
 | 
				
			||||||
    edit_modal_open = true;
 | 
					    edit_modal_open = true;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					// -----------------
 | 
				
			||||||
 | 
					  let scrollTop = 0;
 | 
				
			||||||
 | 
					  $: rendered = filtered_cards;
 | 
				
			||||||
 | 
					  let innerHeight = 0;
 | 
				
			||||||
 | 
					  let ele;
 | 
				
			||||||
 | 
					  $: updateSlice(scrollTop);
 | 
				
			||||||
 | 
					  $: innerHeight = `${filtered_cards.length * 25}px`;
 | 
				
			||||||
 | 
					  $: if (ele) updateSlice();
 | 
				
			||||||
 | 
					  function updateSlice() {
 | 
				
			||||||
 | 
					    const height = ele ? parseInt(ele.clientHeight) : 100;
 | 
				
			||||||
 | 
					    const init = scrollTop / 25;
 | 
				
			||||||
 | 
					    const end = Math.ceil((scrollTop + height) / 25);
 | 
				
			||||||
 | 
					    rendered = filtered_cards.slice(init, end + 15);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  function updateScroll($event) {
 | 
				
			||||||
 | 
					    scrollTop = $event.target.scrollTop;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<style>
 | 
				
			||||||
 | 
					  table tbody {
 | 
				
			||||||
 | 
					  display: block;
 | 
				
			||||||
 | 
					  overflow-y: scroll;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					table thead, table tbody tr {
 | 
				
			||||||
 | 
					  display: table;
 | 
				
			||||||
 | 
					  width: 100%;
 | 
				
			||||||
 | 
					  table-layout: fixed;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					</style>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
 | 
					{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
 | 
				
			||||||
  <CardDetailModal
 | 
					  <CardDetailModal
 | 
				
			||||||
    bind:current_cards
 | 
					    bind:current_cards
 | 
				
			||||||
@@ -121,107 +161,111 @@
 | 
				
			|||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
            </tr>
 | 
					            </tr>
 | 
				
			||||||
          </thead>
 | 
					          </thead>
 | 
				
			||||||
          <tbody class="divide-y divide-gray-200">
 | 
					          <tbody class="divide-y divide-gray-200 virtual-wrapper"
 | 
				
			||||||
            {#each current_cards as card}
 | 
					  on:scroll={updateScroll}
 | 
				
			||||||
              {#if card.code
 | 
					  style="height: 70vh; width:100%"
 | 
				
			||||||
                .toLowerCase()
 | 
					  bind:this={ele}
 | 
				
			||||||
                .includes(
 | 
					          >
 | 
				
			||||||
                  searchvalue.toLowerCase()
 | 
					    {#each filtered_cards as card, index}
 | 
				
			||||||
                ) || card.runner?.firstname
 | 
					    {#if card.code
 | 
				
			||||||
                  .toLowerCase()
 | 
					      .toLowerCase()
 | 
				
			||||||
                  .includes(
 | 
					      .includes(
 | 
				
			||||||
                    searchvalue.toLowerCase()
 | 
					        searchvalue.toLowerCase()
 | 
				
			||||||
                  ) || card.runner?.middlename
 | 
					      ) || card.runner?.firstname
 | 
				
			||||||
                  .toLowerCase()
 | 
					        .toLowerCase()
 | 
				
			||||||
                  .includes(
 | 
					        .includes(
 | 
				
			||||||
                    searchvalue.toLowerCase()
 | 
					          searchvalue.toLowerCase()
 | 
				
			||||||
                  ) || card.runner?.lastname
 | 
					        ) || card.runner?.middlename
 | 
				
			||||||
                  .toLowerCase()
 | 
					        .toLowerCase()
 | 
				
			||||||
                  .includes(
 | 
					        .includes(
 | 
				
			||||||
                    searchvalue.toLowerCase()
 | 
					          searchvalue.toLowerCase()
 | 
				
			||||||
                  ) || should_display_based_on_id(card.id)}
 | 
					        ) || card.runner?.lastname
 | 
				
			||||||
                <tr data-rowid="card_{card.id}">
 | 
					        .toLowerCase()
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					        .includes(
 | 
				
			||||||
                    <input
 | 
					          searchvalue.toLowerCase()
 | 
				
			||||||
                      bind:checked={card.is_selected}
 | 
					        ) || should_display_based_on_id(card.id)}
 | 
				
			||||||
                      type="checkbox"
 | 
					      <tr data-rowid="card_{card.id}">
 | 
				
			||||||
                      class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
 | 
					        <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                  </td>
 | 
					          <input
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					            bind:checked={card.is_selected}
 | 
				
			||||||
                    <div class="flex items-center">{card.code}</div>
 | 
					            type="checkbox"
 | 
				
			||||||
                  </td>
 | 
					            class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					        </td>
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					        <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                      {#if card.runner}
 | 
					          <div class="flex items-center">{card.code}</div>
 | 
				
			||||||
                        <a
 | 
					        </td>
 | 
				
			||||||
                          href="../runners/{card.runner.id}"
 | 
					        <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{card.runner.firstname}
 | 
					          <div class="flex items-center">
 | 
				
			||||||
                          {card.runner.middlename || ''}
 | 
					            {#if card.runner}
 | 
				
			||||||
                          {card.runner.lastname}</a>
 | 
					              <a
 | 
				
			||||||
                      {:else}{$_('non-blanko')}{/if}
 | 
					                href="../runners/{card.runner.id}"
 | 
				
			||||||
                    </div>
 | 
					                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{card.runner.firstname}
 | 
				
			||||||
                  </td>
 | 
					                {card.runner.middlename || ''}
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                {card.runner.lastname}</a>
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					            {:else}{$_('non-blanko')}{/if}
 | 
				
			||||||
                      {#if card.enabled}
 | 
					          </div>
 | 
				
			||||||
                        <span
 | 
					        </td>
 | 
				
			||||||
                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('enabled')}</span>
 | 
					        <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                      {:else}
 | 
					          <div class="flex items-center">
 | 
				
			||||||
                        <span
 | 
					            {#if card.enabled}
 | 
				
			||||||
                          class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('disabled')}</span>
 | 
					              <span
 | 
				
			||||||
                      {/if}
 | 
					                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">{$_('enabled')}</span>
 | 
				
			||||||
                    </div>
 | 
					            {:else}
 | 
				
			||||||
                  </td>
 | 
					              <span
 | 
				
			||||||
 | 
					                class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">{$_('disabled')}</span>
 | 
				
			||||||
 | 
					            {/if}
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
 | 
					        </td>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                  {#if active_deletes[card.id] === true}
 | 
					        {#if active_deletes[card.id] === true}
 | 
				
			||||||
                    <td
 | 
					          <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					            class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <button
 | 
					            <button
 | 
				
			||||||
                        on:click={() => {
 | 
					              on:click={() => {
 | 
				
			||||||
                          active_deletes[card.id] = false;
 | 
					                active_deletes[card.id] = false;
 | 
				
			||||||
                        }}
 | 
					              }}
 | 
				
			||||||
                        tabindex="0"
 | 
					              tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
 | 
					              class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
 | 
				
			||||||
                      <button
 | 
					            <button
 | 
				
			||||||
                        on:click={() => {
 | 
					              on:click={() => {
 | 
				
			||||||
                          RunnerCardService.runnerCardControllerRemove(card.id, false).then(
 | 
					                RunnerCardService.runnerCardControllerRemove(card.id, false).then(
 | 
				
			||||||
                            (resp) => {
 | 
					                  (resp) => {
 | 
				
			||||||
                              current_cards = current_cards.filter(
 | 
					                    current_cards = current_cards.filter(
 | 
				
			||||||
                                (obj) => obj.id !== card.id
 | 
					                      (obj) => obj.id !== card.id
 | 
				
			||||||
                              );
 | 
					                    );
 | 
				
			||||||
                              Toastify({
 | 
					                    Toastify({
 | 
				
			||||||
                                text: $_('card-deleted'),
 | 
					                      text: $_('card-deleted'),
 | 
				
			||||||
                                duration: 500,
 | 
					                      duration: 500,
 | 
				
			||||||
                                backgroundColor:
 | 
					                      backgroundColor:
 | 
				
			||||||
                                  'linear-gradient(to right, #00b09b, #96c93d)',
 | 
					                        'linear-gradient(to right, #00b09b, #96c93d)',
 | 
				
			||||||
                              }).showToast();
 | 
					                    }).showToast();
 | 
				
			||||||
                            }
 | 
					                  }
 | 
				
			||||||
                          );
 | 
					                );
 | 
				
			||||||
                        }}
 | 
					              }}
 | 
				
			||||||
                        tabindex="0"
 | 
					              tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
					              class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
				
			||||||
                    </td>
 | 
					          </td>
 | 
				
			||||||
                  {:else}
 | 
					        {:else}
 | 
				
			||||||
                    <td
 | 
					          <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					            class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <button
 | 
					            <button
 | 
				
			||||||
                        on:click={() => {
 | 
					              on:click={() => {
 | 
				
			||||||
                          open_edit_modal(card);
 | 
					                open_edit_modal(card);
 | 
				
			||||||
                        }}
 | 
					              }}
 | 
				
			||||||
                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
 | 
					              class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
 | 
				
			||||||
                      {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
 | 
					            {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
 | 
				
			||||||
                        <button
 | 
					              <button
 | 
				
			||||||
                          on:click={() => {
 | 
					                on:click={() => {
 | 
				
			||||||
                            active_deletes[card.id] = true;
 | 
					                  active_deletes[card.id] = true;
 | 
				
			||||||
                          }}
 | 
					                }}
 | 
				
			||||||
                          tabindex="0"
 | 
					                tabindex="0"
 | 
				
			||||||
                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
					                class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
				
			||||||
                      {/if}
 | 
					            {/if}
 | 
				
			||||||
                    </td>
 | 
					          </td>
 | 
				
			||||||
                  {/if}
 | 
					        {/if}
 | 
				
			||||||
                </tr>
 | 
					      </tr>
 | 
				
			||||||
              {/if}
 | 
					    {/if}
 | 
				
			||||||
            {/each}
 | 
					    {/each}
 | 
				
			||||||
          </tbody>
 | 
					          </tbody>
 | 
				
			||||||
        </table>
 | 
					        </table>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -12,11 +12,21 @@
 | 
				
			|||||||
  }
 | 
					  }
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<style>
 | 
				
			||||||
 | 
					  .collapsed_navigation {
 | 
				
			||||||
 | 
					    transform: translateX(-100%);
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  @media (min-width: 768px) {
 | 
				
			||||||
 | 
					    .collapsed_navigation {
 | 
				
			||||||
 | 
					      transform: translateX(0px);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					</style>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<section class="min-h-screen bg-gray-50">
 | 
					<section class="min-h-screen bg-gray-50">
 | 
				
			||||||
  <nav
 | 
					  <div
 | 
				
			||||||
    class:-translate-x-full={!navOpen}
 | 
					    class:collapsed_navigation={!navOpen}
 | 
				
			||||||
    class:translate-x-0={navOpen}
 | 
					    class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 bg-gray-50">
 | 
				
			||||||
    class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform border-r w-60 md:translate-x-0 bg-gray-50">
 | 
					 | 
				
			||||||
    <a href="/" class="flex items-center px-4 py-5">
 | 
					    <a href="/" class="flex items-center px-4 py-5">
 | 
				
			||||||
      <img src="/lfk-logo.png" alt="Logo" class="h-10" />
 | 
					      <img src="/lfk-logo.png" alt="Logo" class="h-10" />
 | 
				
			||||||
      <h3 class="text-lg">Lauf für Kaya! Admin</h3>
 | 
					      <h3 class="text-lg">Lauf für Kaya! Admin</h3>
 | 
				
			||||||
@@ -297,14 +307,15 @@
 | 
				
			|||||||
        <span>{$_('logout')}</span>
 | 
					        <span>{$_('logout')}</span>
 | 
				
			||||||
      </span>
 | 
					      </span>
 | 
				
			||||||
    </nav>
 | 
					    </nav>
 | 
				
			||||||
  </nav>
 | 
					  </div>
 | 
				
			||||||
  <div class="ml-0 transition md:ml-60">
 | 
					  <div class="ml-0 transition md:ml-60">
 | 
				
			||||||
    <header
 | 
					    <header
 | 
				
			||||||
      on:click={() => {
 | 
					 | 
				
			||||||
        navOpen = true;
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
      class="flex items-center justify-between w-full px-4 bg-white border-b h-14 md:hidden">
 | 
					      class="flex items-center justify-between w-full px-4 bg-white border-b h-14 md:hidden">
 | 
				
			||||||
      <button class="block btn btn-light md:hidden">
 | 
					      <button
 | 
				
			||||||
 | 
					        on:click={() => {
 | 
				
			||||||
 | 
					          navOpen = true;
 | 
				
			||||||
 | 
					        }}
 | 
				
			||||||
 | 
					        class="block btn btn-light md:hidden">
 | 
				
			||||||
        <span class="sr-only">Menu</span><svg
 | 
					        <span class="sr-only">Menu</span><svg
 | 
				
			||||||
          class="w-4 h-4"
 | 
					          class="w-4 h-4"
 | 
				
			||||||
          xmlns="http://www.w3.org/2000/svg"
 | 
					          xmlns="http://www.w3.org/2000/svg"
 | 
				
			||||||
@@ -318,10 +329,13 @@
 | 
				
			|||||||
      <NoComponentLoaded />
 | 
					      <NoComponentLoaded />
 | 
				
			||||||
    </slot>
 | 
					    </slot>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
  <div
 | 
					  {#if navOpen === true}
 | 
				
			||||||
    on:click={() => {
 | 
					    <div
 | 
				
			||||||
      navOpen = false;
 | 
					      on:click={() => {
 | 
				
			||||||
    }}
 | 
					        navOpen = false;
 | 
				
			||||||
    class:hidden={!navOpen}
 | 
					        console.log({ navOpen });
 | 
				
			||||||
    class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 md:hidden" />
 | 
					      }}
 | 
				
			||||||
 | 
					      class:hidden={!navOpen}
 | 
				
			||||||
 | 
					      class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 md:hidden" />
 | 
				
			||||||
 | 
					  {/if}
 | 
				
			||||||
</section>
 | 
					</section>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,219 +1,219 @@
 | 
				
			|||||||
<script>
 | 
					<script>
 | 
				
			||||||
  import { getLocaleFromNavigator, _ } from "svelte-i18n";
 | 
					  import { getLocaleFromNavigator, _ } from "svelte-i18n";
 | 
				
			||||||
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
 | 
					  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
 | 
				
			||||||
  let modal_open = false;
 | 
					  let modal_open = false;
 | 
				
			||||||
  let delete_org = {};
 | 
					  let delete_org = {};
 | 
				
			||||||
  import { RunnerOrganizationService } from "@odit/lfk-client-js";
 | 
					  import { RunnerOrganizationService } from "@odit/lfk-client-js";
 | 
				
			||||||
  import store from "../../store";
 | 
					  import store from "../../store";
 | 
				
			||||||
  import OrgsEmptyState from "./OrgsEmptyState.svelte";
 | 
					  import OrgsEmptyState from "./OrgsEmptyState.svelte";
 | 
				
			||||||
  import Toastify from "toastify-js";
 | 
					  import Toastify from "toastify-js";
 | 
				
			||||||
  import ConfirmOrgDeletion from "./ConfirmOrgDeletion.svelte";
 | 
					  import ConfirmOrgDeletion from "./ConfirmOrgDeletion.svelte";
 | 
				
			||||||
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
 | 
					  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
 | 
				
			||||||
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
 | 
					  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
 | 
				
			||||||
  $: searchvalue = "";
 | 
					  $: searchvalue = "";
 | 
				
			||||||
  $: active_deletes = [];
 | 
					  $: active_deletes = [];
 | 
				
			||||||
  $: sponsoring_contracts_show = current_organizations.some((r) => r.is_selected === true);
 | 
					  $: sponsoring_contracts_show = current_organizations.some((r) => r.is_selected === true);
 | 
				
			||||||
  $: cards_show = current_organizations.some((r) => r.is_selected === true);
 | 
					  $: cards_show = current_organizations.some((r) => r.is_selected === true);
 | 
				
			||||||
  $: generate_orgs = current_organizations.some((r) => r.is_selected === true);
 | 
					  $: generate_orgs = current_organizations.some((r) => r.is_selected === true);
 | 
				
			||||||
  $: certificates_show = current_organizations.some(
 | 
					  $: certificates_show = current_organizations.some(
 | 
				
			||||||
    (r) => r.is_selected === true
 | 
					    (r) => r.is_selected === true
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
  export let current_organizations = [];
 | 
					  export let current_organizations = [];
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  const promise = RunnerOrganizationService.runnerOrganizationControllerGetAll().then(
 | 
					  const promise = RunnerOrganizationService.runnerOrganizationControllerGetAll().then(
 | 
				
			||||||
    (val) => {
 | 
					    (val) => {
 | 
				
			||||||
      current_organizations = val;
 | 
					      current_organizations = val;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<ConfirmOrgDeletion
 | 
					<ConfirmOrgDeletion
 | 
				
			||||||
  on:cancelDelete={(event) => {
 | 
					  on:cancelDelete={(event) => {
 | 
				
			||||||
    modal_open = false;
 | 
					    modal_open = false;
 | 
				
			||||||
    active_deletes[event.detail.id] = false;
 | 
					    active_deletes[event.detail.id] = false;
 | 
				
			||||||
  }}
 | 
					  }}
 | 
				
			||||||
  bind:modal_open
 | 
					  bind:modal_open
 | 
				
			||||||
  bind:delete_org />
 | 
					  bind:delete_org />
 | 
				
			||||||
{#if store.state.jwtinfo.userdetails.permissions.includes('ORGANIZATION:GET')}
 | 
					{#if store.state.jwtinfo.userdetails.permissions.includes('ORGANIZATION:GET')}
 | 
				
			||||||
  {#await promise}
 | 
					  {#await promise}
 | 
				
			||||||
    <div
 | 
					    <div
 | 
				
			||||||
      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
 | 
					      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
 | 
				
			||||||
      role="alert">
 | 
					      role="alert">
 | 
				
			||||||
      <p class="font-bold">{$_('organizations-are-being-loaded')}</p>
 | 
					      <p class="font-bold">{$_('organizations-are-being-loaded')}</p>
 | 
				
			||||||
      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
 | 
					      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  {:then}
 | 
					  {:then}
 | 
				
			||||||
    {#if current_organizations.length === 0}
 | 
					    {#if current_organizations.length === 0}
 | 
				
			||||||
      <OrgsEmptyState />
 | 
					      <OrgsEmptyState />
 | 
				
			||||||
    {:else}
 | 
					    {:else}
 | 
				
			||||||
      <input
 | 
					      <input
 | 
				
			||||||
        type="search"
 | 
					        type="search"
 | 
				
			||||||
        bind:value={searchvalue}
 | 
					        bind:value={searchvalue}
 | 
				
			||||||
        placeholder={$_('datatable.search')}
 | 
					        placeholder={$_('datatable.search')}
 | 
				
			||||||
        aria-label={$_('datatable.search')}
 | 
					        aria-label={$_('datatable.search')}
 | 
				
			||||||
        class="gridjs-input gridjs-search-input mb-4" />
 | 
					        class="gridjs-input gridjs-search-input mb-4" />
 | 
				
			||||||
      <div class="h-12">
 | 
					      <div class="h-12">
 | 
				
			||||||
        <GenerateSponsoringContracts
 | 
					        <GenerateSponsoringContracts
 | 
				
			||||||
            bind:sponsoring_contracts_show
 | 
					            bind:sponsoring_contracts_show
 | 
				
			||||||
            bind:generate_orgs />
 | 
					            bind:generate_orgs />
 | 
				
			||||||
        <GenerateRunnerCards
 | 
					        <GenerateRunnerCards
 | 
				
			||||||
            bind:cards_show
 | 
					            bind:cards_show
 | 
				
			||||||
            bind:generate_orgs />
 | 
					            bind:generate_orgs />
 | 
				
			||||||
        <GenerateRunnerCertificates
 | 
					        <GenerateRunnerCertificates
 | 
				
			||||||
            bind:certificates_show
 | 
					            bind:certificates_show
 | 
				
			||||||
            bind:generate_orgs />
 | 
					            bind:generate_orgs />
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div
 | 
					      <div
 | 
				
			||||||
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
 | 
					        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
 | 
				
			||||||
        <table class="divide-y divide-gray-200 w-full">
 | 
					        <table class="divide-y divide-gray-200 w-full">
 | 
				
			||||||
          <thead class="bg-gray-50">
 | 
					          <thead class="bg-gray-50">
 | 
				
			||||||
            <tr>
 | 
					            <tr>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                <span
 | 
					                <span
 | 
				
			||||||
                  on:click={() => {
 | 
					                  on:click={() => {
 | 
				
			||||||
                    const newstate = !current_organizations.some((r) => r.is_selected === true);
 | 
					                    const newstate = !current_organizations.some((r) => r.is_selected === true);
 | 
				
			||||||
                    current_organizations = current_organizations.map((r) => {
 | 
					                    current_organizations = current_organizations.map((r) => {
 | 
				
			||||||
                      r.is_selected = newstate;
 | 
					                      r.is_selected = newstate;
 | 
				
			||||||
                      return r;
 | 
					                      return r;
 | 
				
			||||||
                    });
 | 
					                    });
 | 
				
			||||||
                  }}
 | 
					                  }}
 | 
				
			||||||
                  class="underline cursor-pointer select-none">{#if current_organizations.some((r) => r.is_selected === true)}
 | 
					                  class="underline cursor-pointer select-none">{#if current_organizations.some((r) => r.is_selected === true)}
 | 
				
			||||||
                    {$_('deselect-all')}
 | 
					                    {$_('deselect-all')}
 | 
				
			||||||
                  {:else}{$_('select-all')}{/if}
 | 
					                  {:else}{$_('select-all')}{/if}
 | 
				
			||||||
                </span>
 | 
					                </span>
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('name')}
 | 
					                {$_('name')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('address')}
 | 
					                {$_('address')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('contact')}
 | 
					                {$_('contact')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th scope="col" class="relative px-6 py-3">
 | 
					              <th scope="col" class="relative px-6 py-3">
 | 
				
			||||||
                <span class="sr-only">{$_('action')}</span>
 | 
					                <span class="sr-only">{$_('action')}</span>
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
            </tr>
 | 
					            </tr>
 | 
				
			||||||
          </thead>
 | 
					          </thead>
 | 
				
			||||||
          <tbody class="divide-y divide-gray-200">
 | 
					          <tbody class="divide-y divide-gray-200">
 | 
				
			||||||
            {#each current_organizations as o}
 | 
					            {#each current_organizations as o}
 | 
				
			||||||
              {#if Object.values(o)
 | 
					              {#if Object.values(o)
 | 
				
			||||||
                .toString()
 | 
					                .toString()
 | 
				
			||||||
                .toLowerCase()
 | 
					                .toLowerCase()
 | 
				
			||||||
                .includes(searchvalue)}
 | 
					                .includes(searchvalue)}
 | 
				
			||||||
                <tr data-rowid="org_{o.id}">
 | 
					                <tr data-rowid="org_{o.id}">
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <input
 | 
					                    <input
 | 
				
			||||||
                      bind:checked={o.is_selected}
 | 
					                      bind:checked={o.is_selected}
 | 
				
			||||||
                      type="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" />
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {o.name}
 | 
					                          {o.name}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {#if o.address.address1 !== null}
 | 
					                          {#if o.address.address1 !== null}
 | 
				
			||||||
                            {o.address.address1}<br />
 | 
					                            {o.address.address1}<br />
 | 
				
			||||||
                            {o.address.address2 || ''}<br />
 | 
					                            {o.address.address2 || ''}<br />
 | 
				
			||||||
                            {o.address.postalcode}
 | 
					                            {o.address.postalcode}
 | 
				
			||||||
                            {o.address.city}
 | 
					                            {o.address.city}
 | 
				
			||||||
                            {o.address.country}
 | 
					                            {o.address.country}
 | 
				
			||||||
                          {/if}
 | 
					                          {/if}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {#if o.contact}
 | 
					                          {#if o.contact}
 | 
				
			||||||
                            <a
 | 
					                            <a
 | 
				
			||||||
                              href="../contacts/{o.contact.id}"
 | 
					                              href="../contacts/{o.contact.id}"
 | 
				
			||||||
                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{o.contact.firstname}
 | 
					                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{o.contact.firstname}
 | 
				
			||||||
                              {o.contact.middlename || ''}
 | 
					                              {o.contact.middlename || ''}
 | 
				
			||||||
                              {o.contact.lastname}</a>
 | 
					                              {o.contact.lastname}</a>
 | 
				
			||||||
                          {:else}{$_('no-contact-specified')}{/if}
 | 
					                          {:else}{$_('no-contact-specified')}{/if}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  {#if active_deletes[o.id] === true}
 | 
					                  {#if active_deletes[o.id] === true}
 | 
				
			||||||
                    <td
 | 
					                    <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <button
 | 
					                      <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                          active_deletes[o.id] = false;
 | 
					                          active_deletes[o.id] = false;
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        tabindex="0"
 | 
					                        tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
 | 
					                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">{$_('cancel-delete')}</button>
 | 
				
			||||||
                      <button
 | 
					                      <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                          RunnerOrganizationService.runnerOrganizationControllerRemove(o.id, false)
 | 
					                          RunnerOrganizationService.runnerOrganizationControllerRemove(o.id, false)
 | 
				
			||||||
                            .then((resp) => {
 | 
					                            .then((resp) => {
 | 
				
			||||||
                              current_organizations = current_organizations.filter((obj) => obj.id !== o.id);
 | 
					                              current_organizations = current_organizations.filter((obj) => obj.id !== o.id);
 | 
				
			||||||
                              Toastify({
 | 
					                              Toastify({
 | 
				
			||||||
                                text: 'Organization deleted',
 | 
					                                text: 'Organization deleted',
 | 
				
			||||||
                                duration: 500,
 | 
					                                duration: 500,
 | 
				
			||||||
                                backgroundColor:
 | 
					                                backgroundColor:
 | 
				
			||||||
                                  'linear-gradient(to right, #00b09b, #96c93d)',
 | 
					                                  'linear-gradient(to right, #00b09b, #96c93d)',
 | 
				
			||||||
                              }).showToast();
 | 
					                              }).showToast();
 | 
				
			||||||
                            })
 | 
					                            })
 | 
				
			||||||
                            .catch((err) => {
 | 
					                            .catch((err) => {
 | 
				
			||||||
                              modal_open = true;
 | 
					                              modal_open = true;
 | 
				
			||||||
                              delete_org = o;
 | 
					                              delete_org = o;
 | 
				
			||||||
                            });
 | 
					                            });
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        tabindex="0"
 | 
					                        tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
					                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
				
			||||||
                    </td>
 | 
					                    </td>
 | 
				
			||||||
                  {:else}
 | 
					                  {:else}
 | 
				
			||||||
                    <td
 | 
					                    <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <a
 | 
					                      <a
 | 
				
			||||||
                        href="./{o.id}"
 | 
					                        href="./{o.id}"
 | 
				
			||||||
                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
 | 
					                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
 | 
				
			||||||
                      {#if store.state.jwtinfo.userdetails.permissions.includes('ORGANIZATION:DELETE')}
 | 
					                      {#if store.state.jwtinfo.userdetails.permissions.includes('ORGANIZATION:DELETE')}
 | 
				
			||||||
                        <button
 | 
					                        <button
 | 
				
			||||||
                          on:click={() => {
 | 
					                          on:click={() => {
 | 
				
			||||||
                            active_deletes[o.id] = true;
 | 
					                            active_deletes[o.id] = true;
 | 
				
			||||||
                          }}
 | 
					                          }}
 | 
				
			||||||
                          tabindex="0"
 | 
					                          tabindex="0"
 | 
				
			||||||
                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
					                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
				
			||||||
                      {/if}
 | 
					                      {/if}
 | 
				
			||||||
                    </td>
 | 
					                    </td>
 | 
				
			||||||
                  {/if}
 | 
					                  {/if}
 | 
				
			||||||
                </tr>
 | 
					                </tr>
 | 
				
			||||||
              {/if}
 | 
					              {/if}
 | 
				
			||||||
            {/each}
 | 
					            {/each}
 | 
				
			||||||
          </tbody>
 | 
					          </tbody>
 | 
				
			||||||
        </table>
 | 
					        </table>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    {/if}
 | 
					    {/if}
 | 
				
			||||||
  {:catch error}
 | 
					  {:catch error}
 | 
				
			||||||
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
 | 
					    <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">
 | 
					      <span class="inline-block align-middle mr-8">
 | 
				
			||||||
        <b class="capitalize">{$_('general_promise_error')}</b>
 | 
					        <b class="capitalize">{$_('general_promise_error')}</b>
 | 
				
			||||||
        {error}
 | 
					        {error}
 | 
				
			||||||
      </span>
 | 
					      </span>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  {/await}
 | 
					  {/await}
 | 
				
			||||||
{/if}
 | 
					{/if}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,277 +1,277 @@
 | 
				
			|||||||
<script>
 | 
					<script>
 | 
				
			||||||
    import { _ } from "svelte-i18n";
 | 
					    import { _ } from "svelte-i18n";
 | 
				
			||||||
    import {
 | 
					    import {
 | 
				
			||||||
        DonationService,
 | 
					        DonationService,
 | 
				
			||||||
        RunnerTeamService,
 | 
					        RunnerTeamService,
 | 
				
			||||||
        RunnerOrganizationService
 | 
					        RunnerOrganizationService
 | 
				
			||||||
    } from "@odit/lfk-client-js";
 | 
					    } from "@odit/lfk-client-js";
 | 
				
			||||||
    import Toastify from "toastify-js";
 | 
					    import Toastify from "toastify-js";
 | 
				
			||||||
    export let certificates_show = false;
 | 
					    export let certificates_show = false;
 | 
				
			||||||
    export let generate_runners = [];
 | 
					    export let generate_runners = [];
 | 
				
			||||||
    export let generate_orgs = [];
 | 
					    export let generate_orgs = [];
 | 
				
			||||||
    export let generate_teams = [];
 | 
					    export let generate_teams = [];
 | 
				
			||||||
    $: certificates_dropdown_open = false;
 | 
					    $: certificates_dropdown_open = false;
 | 
				
			||||||
    document.addEventListener("click", function (e) {
 | 
					    document.addEventListener("click", function (e) {
 | 
				
			||||||
        if (
 | 
					        if (
 | 
				
			||||||
            e.target.parentNode?.parentNode?.id != "certificates:dropdown" &&
 | 
					            e.target.parentNode?.parentNode?.id != "certificates:dropdown" &&
 | 
				
			||||||
            e.target.parentNode?.parentNode?.id != "certificates:dropdown:menu"
 | 
					            e.target.parentNode?.parentNode?.id != "certificates:dropdown:menu"
 | 
				
			||||||
        ) {
 | 
					        ) {
 | 
				
			||||||
            certificates_dropdown_open = false;
 | 
					            certificates_dropdown_open = false;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    function generateCertificates(locale) {
 | 
					    function generateCertificates(locale) {
 | 
				
			||||||
        certificates_dropdown_open = false;
 | 
					        certificates_dropdown_open = false;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        if (generate_orgs.length > 0) {
 | 
					        if (generate_orgs.length > 0) {
 | 
				
			||||||
            generateOrgCertificates(locale);
 | 
					            generateOrgCertificates(locale);
 | 
				
			||||||
        } else if (generate_teams.length > 0) {
 | 
					        } else if (generate_teams.length > 0) {
 | 
				
			||||||
            generateTeamCertificates(locale);
 | 
					            generateTeamCertificates(locale);
 | 
				
			||||||
        } else {
 | 
					        } else {
 | 
				
			||||||
            generateRunnerCertificates(locale);
 | 
					            generateRunnerCertificates(locale);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    async function generateRunnerCertificates(locale) {
 | 
					    async function generateRunnerCertificates(locale) {
 | 
				
			||||||
        const toast = Toastify({
 | 
					        const toast = Toastify({
 | 
				
			||||||
            text: $_("generating-pdf"),
 | 
					            text: $_("generating-pdf"),
 | 
				
			||||||
            duration: -1,
 | 
					            duration: -1,
 | 
				
			||||||
        }).showToast();
 | 
					        }).showToast();
 | 
				
			||||||
        const current_donations = await DonationService.donationControllerGetAll();
 | 
					        const current_donations = await DonationService.donationControllerGetAll();
 | 
				
			||||||
        let certificateRunners = [];
 | 
					        let certificateRunners = [];
 | 
				
			||||||
        for (let runner of generate_runners) {
 | 
					        for (let runner of generate_runners) {
 | 
				
			||||||
            runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
					            runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
				
			||||||
            certificateRunners.push(runner);
 | 
					            certificateRunners.push(runner);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        fetch(
 | 
					        fetch(
 | 
				
			||||||
            `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
					            `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
				
			||||||
            {
 | 
					            {
 | 
				
			||||||
                method: "POST",
 | 
					                method: "POST",
 | 
				
			||||||
                headers: {
 | 
					                headers: {
 | 
				
			||||||
                    "Content-Type": "application/json",
 | 
					                    "Content-Type": "application/json",
 | 
				
			||||||
                },
 | 
					                },
 | 
				
			||||||
                body: JSON.stringify(certificateRunners),
 | 
					                body: JSON.stringify(certificateRunners),
 | 
				
			||||||
            }
 | 
					            }
 | 
				
			||||||
        )
 | 
					        )
 | 
				
			||||||
            .then((response) => {
 | 
					            .then((response) => {
 | 
				
			||||||
                if (response.status != "200") {
 | 
					                if (response.status != "200") {
 | 
				
			||||||
                    toast.hideToast();
 | 
					                    toast.hideToast();
 | 
				
			||||||
                    Toastify({
 | 
					                    Toastify({
 | 
				
			||||||
                        text: $_("pdf-generation-failed"),
 | 
					                        text: $_("pdf-generation-failed"),
 | 
				
			||||||
                        duration: 3500,
 | 
					                        duration: 3500,
 | 
				
			||||||
                        backgroundColor:
 | 
					                        backgroundColor:
 | 
				
			||||||
                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
					                            "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
				
			||||||
                    }).showToast();
 | 
					                    }).showToast();
 | 
				
			||||||
                } else {
 | 
					                } else {
 | 
				
			||||||
                    return response.blob();
 | 
					                    return response.blob();
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
            })
 | 
					            })
 | 
				
			||||||
            .then((blob) => {
 | 
					            .then((blob) => {
 | 
				
			||||||
                const url = window.URL.createObjectURL(blob);
 | 
					                const url = window.URL.createObjectURL(blob);
 | 
				
			||||||
                let a = document.createElement("a");
 | 
					                let a = document.createElement("a");
 | 
				
			||||||
                a.href = url;
 | 
					                a.href = url;
 | 
				
			||||||
                if(generate_runners.length == 1){
 | 
					                if(generate_runners.length == 1){
 | 
				
			||||||
                    a.download = `${$_('certificates')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
 | 
					                    a.download = `${$_('certificates')}_${generate_runners[0].firstname}_${generate_runners[0].lastname}-${locale}.pdf`;
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
                else{
 | 
					                else{
 | 
				
			||||||
                    a.download = `${$_('certificates')}-${locale}.pdf`;
 | 
					                    a.download = `${$_('certificates')}-${locale}.pdf`;
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
                document.body.appendChild(a);
 | 
					                document.body.appendChild(a);
 | 
				
			||||||
                a.click();
 | 
					                a.click();
 | 
				
			||||||
                a.remove();
 | 
					                a.remove();
 | 
				
			||||||
                toast.hideToast();
 | 
					                toast.hideToast();
 | 
				
			||||||
                Toastify({
 | 
					                Toastify({
 | 
				
			||||||
                    text: $_("pdf-successfully-generated"),
 | 
					                    text: $_("pdf-successfully-generated"),
 | 
				
			||||||
                    duration: 3500,
 | 
					                    duration: 3500,
 | 
				
			||||||
                    backgroundColor:
 | 
					                    backgroundColor:
 | 
				
			||||||
                        "linear-gradient(to right, #00b09b, #96c93d)",
 | 
					                        "linear-gradient(to right, #00b09b, #96c93d)",
 | 
				
			||||||
                }).showToast();
 | 
					                }).showToast();
 | 
				
			||||||
            })
 | 
					            })
 | 
				
			||||||
            .catch((err) => {});
 | 
					            .catch((err) => {});
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    async function generateTeamCertificates(locale) {
 | 
					    async function generateTeamCertificates(locale) {
 | 
				
			||||||
        const toast = Toastify({
 | 
					        const toast = Toastify({
 | 
				
			||||||
            text: $_("generating-pdfs"),
 | 
					            text: $_("generating-pdfs"),
 | 
				
			||||||
            duration: -1,
 | 
					            duration: -1,
 | 
				
			||||||
        }).showToast();
 | 
					        }).showToast();
 | 
				
			||||||
        let count = 0;
 | 
					        let count = 0;
 | 
				
			||||||
        const current_donations = await DonationService.donationControllerGetAll();
 | 
					        const current_donations = await DonationService.donationControllerGetAll();
 | 
				
			||||||
        for (const t of generate_teams) {
 | 
					        for (const t of generate_teams) {
 | 
				
			||||||
            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
 | 
					            const runners = await RunnerTeamService.runnerTeamControllerGetRunners(
 | 
				
			||||||
                t.id
 | 
					                t.id
 | 
				
			||||||
                );
 | 
					                );
 | 
				
			||||||
            let certificateRunners = [];
 | 
					            let certificateRunners = [];
 | 
				
			||||||
            for (let runner of runners) {
 | 
					            for (let runner of runners) {
 | 
				
			||||||
                runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
					                runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
				
			||||||
                certificateRunners.push(runner);
 | 
					                certificateRunners.push(runner);
 | 
				
			||||||
            }
 | 
					            }
 | 
				
			||||||
            fetch(
 | 
					            fetch(
 | 
				
			||||||
                `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
					                `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
				
			||||||
                {
 | 
					                {
 | 
				
			||||||
                    method: "POST",
 | 
					                    method: "POST",
 | 
				
			||||||
                    headers: {
 | 
					                    headers: {
 | 
				
			||||||
                        "Content-Type": "application/json",
 | 
					                        "Content-Type": "application/json",
 | 
				
			||||||
                    },
 | 
					                    },
 | 
				
			||||||
                    body: JSON.stringify(certificateRunners),
 | 
					                    body: JSON.stringify(certificateRunners),
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
            )
 | 
					            )
 | 
				
			||||||
                .then((response) => {
 | 
					                .then((response) => {
 | 
				
			||||||
                    if (response.status != "200") {
 | 
					                    if (response.status != "200") {
 | 
				
			||||||
                        toast.hideToast();
 | 
					                        toast.hideToast();
 | 
				
			||||||
                        Toastify({
 | 
					                        Toastify({
 | 
				
			||||||
                            text: $_("pdf-generation-failed"),
 | 
					                            text: $_("pdf-generation-failed"),
 | 
				
			||||||
                            duration: 3500,
 | 
					                            duration: 3500,
 | 
				
			||||||
                            backgroundColor:
 | 
					                            backgroundColor:
 | 
				
			||||||
                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
					                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
				
			||||||
                        }).showToast();
 | 
					                        }).showToast();
 | 
				
			||||||
                    } else {
 | 
					                    } else {
 | 
				
			||||||
                        return response.blob();
 | 
					                        return response.blob();
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                .then((blob) => {
 | 
					                .then((blob) => {
 | 
				
			||||||
                    count++;
 | 
					                    count++;
 | 
				
			||||||
                    const url = window.URL.createObjectURL(blob);
 | 
					                    const url = window.URL.createObjectURL(blob);
 | 
				
			||||||
                    let a = document.createElement("a");
 | 
					                    let a = document.createElement("a");
 | 
				
			||||||
                    a.href = url;
 | 
					                    a.href = url;
 | 
				
			||||||
                    a.download = `${$_('certificates')}_${t.name}-${locale}.pdf`;
 | 
					                    a.download = `${$_('certificates')}_${t.name}-${locale}.pdf`;
 | 
				
			||||||
                    document.body.appendChild(a);
 | 
					                    document.body.appendChild(a);
 | 
				
			||||||
                    a.click();
 | 
					                    a.click();
 | 
				
			||||||
                    a.remove();
 | 
					                    a.remove();
 | 
				
			||||||
                    if (count === generate_teams.length) {
 | 
					                    if (count === generate_teams.length) {
 | 
				
			||||||
                        toast.hideToast();
 | 
					                        toast.hideToast();
 | 
				
			||||||
                        Toastify({
 | 
					                        Toastify({
 | 
				
			||||||
                            text: $_("pdfs-successfully-generated"),
 | 
					                            text: $_("pdfs-successfully-generated"),
 | 
				
			||||||
                            duration: 3500,
 | 
					                            duration: 3500,
 | 
				
			||||||
                            backgroundColor:
 | 
					                            backgroundColor:
 | 
				
			||||||
                                "linear-gradient(to right, #00b09b, #96c93d)",
 | 
					                                "linear-gradient(to right, #00b09b, #96c93d)",
 | 
				
			||||||
                        }).showToast();
 | 
					                        }).showToast();
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                .catch((err) => {});
 | 
					                .catch((err) => {});
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    async function generateOrgCertificates(locale) {
 | 
					    async function generateOrgCertificates(locale) {
 | 
				
			||||||
        const toast = Toastify({
 | 
					        const toast = Toastify({
 | 
				
			||||||
            text: $_("generating-pdf"),
 | 
					            text: $_("generating-pdf"),
 | 
				
			||||||
            duration: -1,
 | 
					            duration: -1,
 | 
				
			||||||
        }).showToast();
 | 
					        }).showToast();
 | 
				
			||||||
        let count = 0;
 | 
					        let count = 0;
 | 
				
			||||||
        const current_donations = await DonationService.donationControllerGetAll();
 | 
					        const current_donations = await DonationService.donationControllerGetAll();
 | 
				
			||||||
        for (const o of generate_orgs) {
 | 
					        for (const o of generate_orgs) {
 | 
				
			||||||
            const runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
 | 
					            const runners = await RunnerOrganizationService.runnerOrganizationControllerGetRunners(
 | 
				
			||||||
                o.id
 | 
					                o.id
 | 
				
			||||||
            );
 | 
					            );
 | 
				
			||||||
            let certificateRunners = [];
 | 
					            let certificateRunners = [];
 | 
				
			||||||
            for (let runner of runners) {
 | 
					            for (let runner of runners) {
 | 
				
			||||||
                runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
					                runner.distanceDonations = current_donations.find((d) => d.runner?.id == runner.id) || [];
 | 
				
			||||||
                certificateRunners.push(runner);
 | 
					                certificateRunners.push(runner);
 | 
				
			||||||
            }
 | 
					            }
 | 
				
			||||||
            fetch(
 | 
					            fetch(
 | 
				
			||||||
                `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
					                `${config.baseurl}/documents/certificates?locale=${locale}&download=true&key=${config.documentserver_key}`,
 | 
				
			||||||
                {
 | 
					                {
 | 
				
			||||||
                    method: "POST",
 | 
					                    method: "POST",
 | 
				
			||||||
                    headers: {
 | 
					                    headers: {
 | 
				
			||||||
                        "Content-Type": "application/json",
 | 
					                        "Content-Type": "application/json",
 | 
				
			||||||
                    },
 | 
					                    },
 | 
				
			||||||
                    body: JSON.stringify(certificateRunners),
 | 
					                    body: JSON.stringify(certificateRunners),
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
            )
 | 
					            )
 | 
				
			||||||
                .then((response) => {
 | 
					                .then((response) => {
 | 
				
			||||||
                    if (response.status != "200") {
 | 
					                    if (response.status != "200") {
 | 
				
			||||||
                        toast.hideToast();
 | 
					                        toast.hideToast();
 | 
				
			||||||
                        Toastify({
 | 
					                        Toastify({
 | 
				
			||||||
                            text: $_("pdf-generation-failed"),
 | 
					                            text: $_("pdf-generation-failed"),
 | 
				
			||||||
                            duration: 3500,
 | 
					                            duration: 3500,
 | 
				
			||||||
                            backgroundColor:
 | 
					                            backgroundColor:
 | 
				
			||||||
                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
					                                "linear-gradient(90deg, hsla(281, 37%, 45%, 1) 0%, hsla(1, 62%, 48%, 1) 100%)",
 | 
				
			||||||
                        }).showToast();
 | 
					                        }).showToast();
 | 
				
			||||||
                    } else {
 | 
					                    } else {
 | 
				
			||||||
                        return response.blob();
 | 
					                        return response.blob();
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                .then((blob) => {
 | 
					                .then((blob) => {
 | 
				
			||||||
                    count++;
 | 
					                    count++;
 | 
				
			||||||
                    const url = window.URL.createObjectURL(blob);
 | 
					                    const url = window.URL.createObjectURL(blob);
 | 
				
			||||||
                    let a = document.createElement("a");
 | 
					                    let a = document.createElement("a");
 | 
				
			||||||
                    a.href = url;
 | 
					                    a.href = url;
 | 
				
			||||||
                    a.download = `${$_('certificates')}_${o.name}-${locale}.pdf`;
 | 
					                    a.download = `${$_('certificates')}_${o.name}-${locale}.pdf`;
 | 
				
			||||||
                    document.body.appendChild(a);
 | 
					                    document.body.appendChild(a);
 | 
				
			||||||
                    a.click();
 | 
					                    a.click();
 | 
				
			||||||
                    a.remove();
 | 
					                    a.remove();
 | 
				
			||||||
                    if (count === generate_orgs.length) {
 | 
					                    if (count === generate_orgs.length) {
 | 
				
			||||||
                        toast.hideToast();
 | 
					                        toast.hideToast();
 | 
				
			||||||
                        Toastify({
 | 
					                        Toastify({
 | 
				
			||||||
                            text: $_("pdfs-successfully-generated"),
 | 
					                            text: $_("pdfs-successfully-generated"),
 | 
				
			||||||
                            duration: 3500,
 | 
					                            duration: 3500,
 | 
				
			||||||
                            backgroundColor:
 | 
					                            backgroundColor:
 | 
				
			||||||
                                "linear-gradient(to right, #00b09b, #96c93d)",
 | 
					                                "linear-gradient(to right, #00b09b, #96c93d)",
 | 
				
			||||||
                        }).showToast();
 | 
					                        }).showToast();
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                })
 | 
					                })
 | 
				
			||||||
                .catch((err) => {});
 | 
					                .catch((err) => {});
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
{#if certificates_show}
 | 
					{#if certificates_show}
 | 
				
			||||||
    <div id="certificates:dropdown" class="relative inline-block">
 | 
					    <div id="certificates:dropdown" class="relative inline-block">
 | 
				
			||||||
        <div>
 | 
					        <div>
 | 
				
			||||||
            <button
 | 
					            <button
 | 
				
			||||||
                on:click={() => {
 | 
					                on:click={() => {
 | 
				
			||||||
                    certificates_dropdown_open = !certificates_dropdown_open;
 | 
					                    certificates_dropdown_open = !certificates_dropdown_open;
 | 
				
			||||||
                }}
 | 
					                }}
 | 
				
			||||||
                type="button"
 | 
					                type="button"
 | 
				
			||||||
                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
 | 
					                class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-gray-600 text-base font-medium text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:ml-3 sm:w-auto sm:text-sm inline-flex"
 | 
				
			||||||
                id="options-menu"
 | 
					                id="options-menu"
 | 
				
			||||||
                aria-haspopup="true"
 | 
					                aria-haspopup="true"
 | 
				
			||||||
                aria-expanded="true">
 | 
					                aria-expanded="true">
 | 
				
			||||||
                {$_('generate-runner-certificates')}
 | 
					                {$_('generate-runner-certificates')}
 | 
				
			||||||
                <svg
 | 
					                <svg
 | 
				
			||||||
                    xmlns="http://www.w3.org/2000/svg"
 | 
					                    xmlns="http://www.w3.org/2000/svg"
 | 
				
			||||||
                    width="24"
 | 
					                    width="24"
 | 
				
			||||||
                    height="24"
 | 
					                    height="24"
 | 
				
			||||||
                    viewBox="0 0 24 24"
 | 
					                    viewBox="0 0 24 24"
 | 
				
			||||||
                    class="-mr-1 ml-2 h-5 w-5"><path
 | 
					                    class="-mr-1 ml-2 h-5 w-5"><path
 | 
				
			||||||
                        fill="none"
 | 
					                        fill="none"
 | 
				
			||||||
                        d="M0 0h24v24H0z" />
 | 
					                        d="M0 0h24v24H0z" />
 | 
				
			||||||
                    <path
 | 
					                    <path
 | 
				
			||||||
                        fill="currentColor"
 | 
					                        fill="currentColor"
 | 
				
			||||||
                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
 | 
					                        d="M3 19h18v2H3v-2zm10-5.83l6.07-6.07 1.42 1.41L12 17 3.52 8.52l1.4-1.42L11 13.17V2h2v11.17z" /></svg>
 | 
				
			||||||
            </button>
 | 
					            </button>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        {#if certificates_dropdown_open}
 | 
					        {#if certificates_dropdown_open}
 | 
				
			||||||
            <div
 | 
					            <div
 | 
				
			||||||
                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"
 | 
					                class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"
 | 
				
			||||||
                id="certificates:dropdown:menu">
 | 
					                id="certificates:dropdown:menu">
 | 
				
			||||||
                <div
 | 
					                <div
 | 
				
			||||||
                    class="py-1"
 | 
					                    class="py-1"
 | 
				
			||||||
                    role="menu"
 | 
					                    role="menu"
 | 
				
			||||||
                    aria-orientation="vertical"
 | 
					                    aria-orientation="vertical"
 | 
				
			||||||
                    aria-labelledby="options-menu">
 | 
					                    aria-labelledby="options-menu">
 | 
				
			||||||
                    <span
 | 
					                    <span
 | 
				
			||||||
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
 | 
					                        class="block w-full text-left px-4 py-2 text-sm text-gray-700">{$_('select-language')}</span>
 | 
				
			||||||
                    <button
 | 
					                    <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                            generateCertificates('de');
 | 
					                            generateCertificates('de');
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        type="submit"
 | 
					                        type="submit"
 | 
				
			||||||
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
 | 
					                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
 | 
				
			||||||
                        role="menuitem">
 | 
					                        role="menuitem">
 | 
				
			||||||
                        {$_('german')}
 | 
					                        {$_('german')}
 | 
				
			||||||
                    </button>
 | 
					                    </button>
 | 
				
			||||||
                    <button
 | 
					                    <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                            generateCertificates('en');
 | 
					                            generateCertificates('en');
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        type="submit"
 | 
					                        type="submit"
 | 
				
			||||||
                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
 | 
					                        class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"
 | 
				
			||||||
                        role="menuitem">
 | 
					                        role="menuitem">
 | 
				
			||||||
                        {$_('english')}
 | 
					                        {$_('english')}
 | 
				
			||||||
                    </button>
 | 
					                    </button>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
        {/if}
 | 
					        {/if}
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
{/if}
 | 
					{/if}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -34,7 +34,7 @@
 | 
				
			|||||||
    document.onkeydown = (e) => {
 | 
					    document.onkeydown = (e) => {
 | 
				
			||||||
      e = e || window.event;
 | 
					      e = e || window.event;
 | 
				
			||||||
      if (e.key === "Escape") {
 | 
					      if (e.key === "Escape") {
 | 
				
			||||||
        import_modal_open = false;
 | 
					        cancelModal();
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
      if (e.keyCode === 13) {
 | 
					      if (e.keyCode === 13) {
 | 
				
			||||||
        //
 | 
					        //
 | 
				
			||||||
@@ -281,6 +281,16 @@
 | 
				
			|||||||
                  bind:files
 | 
					                  bind:files
 | 
				
			||||||
                  type="file" />
 | 
					                  type="file" />
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
 | 
					              <div class="overflow-hidden relative mt-4 mb-4">
 | 
				
			||||||
 | 
					                <button
 | 
				
			||||||
 | 
					                  on:click={() => {
 | 
				
			||||||
 | 
					                    cancelModal();
 | 
				
			||||||
 | 
					                  }}
 | 
				
			||||||
 | 
					                  type="button"
 | 
				
			||||||
 | 
					                  class="w-full 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 md:ml-40 mr-0 sm:ml-0 sm:w-auto sm:text-sm">
 | 
				
			||||||
 | 
					                  {$_('cancel')}
 | 
				
			||||||
 | 
					                </button>
 | 
				
			||||||
 | 
					              </div>
 | 
				
			||||||
            {/if}
 | 
					            {/if}
 | 
				
			||||||
            {#if json_output.length > 0}
 | 
					            {#if json_output.length > 0}
 | 
				
			||||||
              {#if opened_from === 'OrgOverview'}
 | 
					              {#if opened_from === 'OrgOverview'}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,224 +1,224 @@
 | 
				
			|||||||
<script>
 | 
					<script>
 | 
				
			||||||
  import { getLocaleFromNavigator, t, _ } from "svelte-i18n";
 | 
					  import { getLocaleFromNavigator, t, _ } from "svelte-i18n";
 | 
				
			||||||
  import Toastify from "toastify-js";
 | 
					  import Toastify from "toastify-js";
 | 
				
			||||||
  import { RunnerTeamService } from "@odit/lfk-client-js";
 | 
					  import { RunnerTeamService } from "@odit/lfk-client-js";
 | 
				
			||||||
  const teams_promise = RunnerTeamService.runnerTeamControllerGetAll();
 | 
					  const teams_promise = RunnerTeamService.runnerTeamControllerGetAll();
 | 
				
			||||||
  import store, { users as usersstore } from "../../store.js";
 | 
					  import store, { users as usersstore } from "../../store.js";
 | 
				
			||||||
  import TeamsEmptyState from "./TeamsEmptyState.svelte";
 | 
					  import TeamsEmptyState from "./TeamsEmptyState.svelte";
 | 
				
			||||||
  import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte";
 | 
					  import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte";
 | 
				
			||||||
  import { clickOutside } from "../base/outsideclick";
 | 
					  import { clickOutside } from "../base/outsideclick";
 | 
				
			||||||
  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
 | 
					  import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
 | 
				
			||||||
  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
 | 
					  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
 | 
				
			||||||
  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
 | 
					  import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
 | 
				
			||||||
  $: searchvalue = "";
 | 
					  $: searchvalue = "";
 | 
				
			||||||
  $: active_deletes = [];
 | 
					  $: active_deletes = [];
 | 
				
			||||||
  $: sponsoring_contracts_show = current_teams.some(
 | 
					  $: sponsoring_contracts_show = current_teams.some(
 | 
				
			||||||
    (r) => r.is_selected === true
 | 
					    (r) => r.is_selected === true
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
  $: cards_show = current_teams.some(
 | 
					  $: cards_show = current_teams.some(
 | 
				
			||||||
    (r) => r.is_selected === true
 | 
					    (r) => r.is_selected === true
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
  $: certificates_show = current_teams.some(
 | 
					  $: certificates_show = current_teams.some(
 | 
				
			||||||
    (r) => r.is_selected === true
 | 
					    (r) => r.is_selected === true
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
  $: generate_teams = current_teams.filter((r) => r.is_selected === true);
 | 
					  $: generate_teams = current_teams.filter((r) => r.is_selected === true);
 | 
				
			||||||
  export let current_teams = [];
 | 
					  export let current_teams = [];
 | 
				
			||||||
  let modal_open = false;
 | 
					  let modal_open = false;
 | 
				
			||||||
  let delete_team = {};
 | 
					  let delete_team = {};
 | 
				
			||||||
  usersstore.subscribe((val) => {
 | 
					  usersstore.subscribe((val) => {
 | 
				
			||||||
    current_teams = val;
 | 
					    current_teams = val;
 | 
				
			||||||
  });
 | 
					  });
 | 
				
			||||||
  teams_promise.then((data) => {
 | 
					  teams_promise.then((data) => {
 | 
				
			||||||
    usersstore.set(data);
 | 
					    usersstore.set(data);
 | 
				
			||||||
  });
 | 
					  });
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<ConfirmTeamDeletion
 | 
					<ConfirmTeamDeletion
 | 
				
			||||||
  on:cancelDelete={(event) => {
 | 
					  on:cancelDelete={(event) => {
 | 
				
			||||||
    modal_open = false;
 | 
					    modal_open = false;
 | 
				
			||||||
    active_deletes[event.detail.id] = false;
 | 
					    active_deletes[event.detail.id] = false;
 | 
				
			||||||
  }}
 | 
					  }}
 | 
				
			||||||
  bind:modal_open
 | 
					  bind:modal_open
 | 
				
			||||||
  bind:delete_team />
 | 
					  bind:delete_team />
 | 
				
			||||||
{#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:GET')}
 | 
					{#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:GET')}
 | 
				
			||||||
  {#await teams_promise}
 | 
					  {#await teams_promise}
 | 
				
			||||||
    <div
 | 
					    <div
 | 
				
			||||||
      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
 | 
					      class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
 | 
				
			||||||
      role="alert">
 | 
					      role="alert">
 | 
				
			||||||
      <p class="font-bold">{$_('teams-are-being-loaded')}</p>
 | 
					      <p class="font-bold">{$_('teams-are-being-loaded')}</p>
 | 
				
			||||||
      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
 | 
					      <p class="text-sm">{$_('this-might-take-a-moment')}</p>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  {:then}
 | 
					  {:then}
 | 
				
			||||||
    {#if current_teams.length === 0}
 | 
					    {#if current_teams.length === 0}
 | 
				
			||||||
      <TeamsEmptyState />
 | 
					      <TeamsEmptyState />
 | 
				
			||||||
    {:else}
 | 
					    {:else}
 | 
				
			||||||
      <input
 | 
					      <input
 | 
				
			||||||
        type="search"
 | 
					        type="search"
 | 
				
			||||||
        bind:value={searchvalue}
 | 
					        bind:value={searchvalue}
 | 
				
			||||||
        placeholder={$_('datatable.search')}
 | 
					        placeholder={$_('datatable.search')}
 | 
				
			||||||
        aria-label={$_('datatable.search')}
 | 
					        aria-label={$_('datatable.search')}
 | 
				
			||||||
        class="gridjs-input gridjs-search-input mb-4" />
 | 
					        class="gridjs-input gridjs-search-input mb-4" />
 | 
				
			||||||
      <div class="h-12">
 | 
					      <div class="h-12">
 | 
				
			||||||
        <GenerateSponsoringContracts
 | 
					        <GenerateSponsoringContracts
 | 
				
			||||||
          bind:sponsoring_contracts_show
 | 
					          bind:sponsoring_contracts_show
 | 
				
			||||||
          bind:generate_teams />
 | 
					          bind:generate_teams />
 | 
				
			||||||
        <GenerateRunnerCards
 | 
					        <GenerateRunnerCards
 | 
				
			||||||
          bind:cards_show
 | 
					          bind:cards_show
 | 
				
			||||||
          bind:generate_teams />
 | 
					          bind:generate_teams />
 | 
				
			||||||
        <GenerateRunnerCertificates
 | 
					        <GenerateRunnerCertificates
 | 
				
			||||||
          bind:certificates_show
 | 
					          bind:certificates_show
 | 
				
			||||||
          bind:generate_teams />
 | 
					          bind:generate_teams />
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div
 | 
					      <div
 | 
				
			||||||
        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
 | 
					        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
 | 
				
			||||||
        <table class="divide-y divide-gray-200 w-full">
 | 
					        <table class="divide-y divide-gray-200 w-full">
 | 
				
			||||||
          <thead class="bg-gray-50">
 | 
					          <thead class="bg-gray-50">
 | 
				
			||||||
            <tr>
 | 
					            <tr>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                <span
 | 
					                <span
 | 
				
			||||||
                  on:click={() => {
 | 
					                  on:click={() => {
 | 
				
			||||||
                    const newstate = !current_teams.some((r) => r.is_selected === true);
 | 
					                    const newstate = !current_teams.some((r) => r.is_selected === true);
 | 
				
			||||||
                    current_teams = current_teams.map((r) => {
 | 
					                    current_teams = current_teams.map((r) => {
 | 
				
			||||||
                      r.is_selected = newstate;
 | 
					                      r.is_selected = newstate;
 | 
				
			||||||
                      return r;
 | 
					                      return r;
 | 
				
			||||||
                    });
 | 
					                    });
 | 
				
			||||||
                  }}
 | 
					                  }}
 | 
				
			||||||
                  class="underline cursor-pointer select-none">{#if current_teams.some((r) => r.is_selected === true)}
 | 
					                  class="underline cursor-pointer select-none">{#if current_teams.some((r) => r.is_selected === true)}
 | 
				
			||||||
                    {$_('deselect-all')}
 | 
					                    {$_('deselect-all')}
 | 
				
			||||||
                  {:else}{$_('select-all')}{/if}
 | 
					                  {:else}{$_('select-all')}{/if}
 | 
				
			||||||
                </span>
 | 
					                </span>
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('name')}
 | 
					                {$_('name')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('organization')}
 | 
					                {$_('organization')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th
 | 
					              <th
 | 
				
			||||||
                scope="col"
 | 
					                scope="col"
 | 
				
			||||||
                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
					                class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
 | 
				
			||||||
                {$_('contact')}
 | 
					                {$_('contact')}
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
              <th scope="col" class="relative px-6 py-3">
 | 
					              <th scope="col" class="relative px-6 py-3">
 | 
				
			||||||
                <span class="sr-only">{$_('action')}</span>
 | 
					                <span class="sr-only">{$_('action')}</span>
 | 
				
			||||||
              </th>
 | 
					              </th>
 | 
				
			||||||
            </tr>
 | 
					            </tr>
 | 
				
			||||||
          </thead>
 | 
					          </thead>
 | 
				
			||||||
          <tbody class="divide-y divide-gray-200">
 | 
					          <tbody class="divide-y divide-gray-200">
 | 
				
			||||||
            {#each current_teams as t}
 | 
					            {#each current_teams as t}
 | 
				
			||||||
              {#if Object.values(t)
 | 
					              {#if Object.values(t)
 | 
				
			||||||
                .toString()
 | 
					                .toString()
 | 
				
			||||||
                .toLowerCase()
 | 
					                .toLowerCase()
 | 
				
			||||||
                .includes(searchvalue)}
 | 
					                .includes(searchvalue)}
 | 
				
			||||||
                <tr data-rowid="team_{t.id}">
 | 
					                <tr data-rowid="team_{t.id}">
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <input
 | 
					                    <input
 | 
				
			||||||
                      bind:checked={t.is_selected}
 | 
					                      bind:checked={t.is_selected}
 | 
				
			||||||
                      type="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" />
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {t.name}
 | 
					                          {t.name}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {#if t.parentGroup}
 | 
					                          {#if t.parentGroup}
 | 
				
			||||||
                            <a
 | 
					                            <a
 | 
				
			||||||
                              href="../orgs/{t.parentGroup.id}"
 | 
					                              href="../orgs/{t.parentGroup.id}"
 | 
				
			||||||
                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.parentGroup.name}</a>
 | 
					                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.parentGroup.name}</a>
 | 
				
			||||||
                          {:else}{$_('no-organization-specified')}{/if}
 | 
					                          {:else}{$_('no-organization-specified')}{/if}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  <td class="px-6 py-4 whitespace-nowrap">
 | 
					                  <td class="px-6 py-4 whitespace-nowrap">
 | 
				
			||||||
                    <div class="flex items-center">
 | 
					                    <div class="flex items-center">
 | 
				
			||||||
                      <div class="ml-4">
 | 
					                      <div class="ml-4">
 | 
				
			||||||
                        <div class="text-sm font-medium text-gray-900">
 | 
					                        <div class="text-sm font-medium text-gray-900">
 | 
				
			||||||
                          {#if t.contact}
 | 
					                          {#if t.contact}
 | 
				
			||||||
                            <a
 | 
					                            <a
 | 
				
			||||||
                              href="../contacts/{t.contact.id}"
 | 
					                              href="../contacts/{t.contact.id}"
 | 
				
			||||||
                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.contact.firstname}
 | 
					                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{t.contact.firstname}
 | 
				
			||||||
                              {t.contact.middlename || ''}
 | 
					                              {t.contact.middlename || ''}
 | 
				
			||||||
                              {t.contact.lastname}</a>
 | 
					                              {t.contact.lastname}</a>
 | 
				
			||||||
                          {:else}{$_('no-contact-specified')}{/if}
 | 
					                          {:else}{$_('no-contact-specified')}{/if}
 | 
				
			||||||
                        </div>
 | 
					                        </div>
 | 
				
			||||||
                      </div>
 | 
					                      </div>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </td>
 | 
					                  </td>
 | 
				
			||||||
                  {#if active_deletes[t.id] === true}
 | 
					                  {#if active_deletes[t.id] === true}
 | 
				
			||||||
                    <td
 | 
					                    <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <button
 | 
					                      <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                          active_deletes[t.id] = false;
 | 
					                          active_deletes[t.id] = false;
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        tabindex="0"
 | 
					                        tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">Cancel
 | 
					                        class="ml-4 text-indigo-600 hover:text-indigo-900 cursor-pointer">Cancel
 | 
				
			||||||
                        Delete</button>
 | 
					                        Delete</button>
 | 
				
			||||||
                      <button
 | 
					                      <button
 | 
				
			||||||
                        on:click={() => {
 | 
					                        on:click={() => {
 | 
				
			||||||
                          RunnerTeamService.runnerTeamControllerRemove(t.id, false)
 | 
					                          RunnerTeamService.runnerTeamControllerRemove(t.id, false)
 | 
				
			||||||
                            .then((resp) => {
 | 
					                            .then((resp) => {
 | 
				
			||||||
                              current_teams = current_teams.filter((obj) => obj.id !== t.id);
 | 
					                              current_teams = current_teams.filter((obj) => obj.id !== t.id);
 | 
				
			||||||
                              Toastify({
 | 
					                              Toastify({
 | 
				
			||||||
                                text: $_('organization-deleted'),
 | 
					                                text: $_('organization-deleted'),
 | 
				
			||||||
                                duration: 500,
 | 
					                                duration: 500,
 | 
				
			||||||
                                backgroundColor:
 | 
					                                backgroundColor:
 | 
				
			||||||
                                  'linear-gradient(to right, #00b09b, #96c93d)',
 | 
					                                  'linear-gradient(to right, #00b09b, #96c93d)',
 | 
				
			||||||
                              }).showToast();
 | 
					                              }).showToast();
 | 
				
			||||||
                            })
 | 
					                            })
 | 
				
			||||||
                            .catch((err) => {
 | 
					                            .catch((err) => {
 | 
				
			||||||
                              modal_open = true;
 | 
					                              modal_open = true;
 | 
				
			||||||
                              delete_team = t;
 | 
					                              delete_team = t;
 | 
				
			||||||
                            });
 | 
					                            });
 | 
				
			||||||
                        }}
 | 
					                        }}
 | 
				
			||||||
                        tabindex="0"
 | 
					                        tabindex="0"
 | 
				
			||||||
                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
					                        class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('confirm-delete')}</button>
 | 
				
			||||||
                    </td>
 | 
					                    </td>
 | 
				
			||||||
                  {:else}
 | 
					                  {:else}
 | 
				
			||||||
                    <td
 | 
					                    <td
 | 
				
			||||||
                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
					                      class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 | 
				
			||||||
                      <a
 | 
					                      <a
 | 
				
			||||||
                        href="./{t.id}"
 | 
					                        href="./{t.id}"
 | 
				
			||||||
                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
 | 
					                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
 | 
				
			||||||
                      {#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:DELETE')}
 | 
					                      {#if store.state.jwtinfo.userdetails.permissions.includes('TEAM:DELETE')}
 | 
				
			||||||
                        <button
 | 
					                        <button
 | 
				
			||||||
                          on:click={() => {
 | 
					                          on:click={() => {
 | 
				
			||||||
                            active_deletes[t.id] = true;
 | 
					                            active_deletes[t.id] = true;
 | 
				
			||||||
                          }}
 | 
					                          }}
 | 
				
			||||||
                          tabindex="0"
 | 
					                          tabindex="0"
 | 
				
			||||||
                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
					                          class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">{$_('delete')}</button>
 | 
				
			||||||
                      {/if}
 | 
					                      {/if}
 | 
				
			||||||
                    </td>
 | 
					                    </td>
 | 
				
			||||||
                  {/if}
 | 
					                  {/if}
 | 
				
			||||||
                </tr>
 | 
					                </tr>
 | 
				
			||||||
              {/if}
 | 
					              {/if}
 | 
				
			||||||
            {/each}
 | 
					            {/each}
 | 
				
			||||||
          </tbody>
 | 
					          </tbody>
 | 
				
			||||||
        </table>
 | 
					        </table>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    {/if}
 | 
					    {/if}
 | 
				
			||||||
  {:catch error}
 | 
					  {:catch error}
 | 
				
			||||||
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
 | 
					    <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">
 | 
					      <span class="inline-block align-middle mr-8">
 | 
				
			||||||
        <b class="capitalize">{$_('general_promise_error')}</b>
 | 
					        <b class="capitalize">{$_('general_promise_error')}</b>
 | 
				
			||||||
        {error}
 | 
					        {error}
 | 
				
			||||||
      </span>
 | 
					      </span>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  {/await}
 | 
					  {/await}
 | 
				
			||||||
{/if}
 | 
					{/if}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user