feat(register): Enable/disable print via query params

src/routes/+page.svelte

@@ -4,13 +4,23 @@
 	import { onMount } from 'svelte';
 	import Login from './Login.svelte';
 
+	$: printEnabled = false;
+
 	onMount(() => {
+		const params = new URLSearchParams(window.location.search);
+		if (params.get('print') === 'true') {
+			printEnabled = true;
+		}
 		loginFromStorage();
 	});
 </script>
 
+<p>
+	{printEnabled}
+</p>
+
 {#if $userState.isLoggedIn}
-	<Register />
+	<Register bind:printEnabled />
 {:else}
 	<Login />
 {/if}

src/routes/Register.svelte

@@ -9,6 +9,8 @@
 	$: doneButtonEnabled = false;
 	$: showResult = false;
 
+	export let printEnabled = false;
+
 	let response: ResponseRunner;
 	const group = 1; //Default to Bürgerlauf
 
@@ -45,6 +47,11 @@
 				created_via: 'kiosk'
 			})) as ResponseRunner;
 			showResult = true;
+			if (printEnabled) {
+				setTimeout(() => {
+					window.print();
+				}, 200);
+			}
 			setTimeout(() => {
 				doneButtonEnabled = true;
 				setTimeout(() => {
@@ -314,9 +321,7 @@
 					</div>
 
 					<div class="mb-2 text-center hidden print:block">
-						<h3 class="text-4xl font-semibold dark:text-white">
+						<h3 class="text-4xl font-semibold dark:text-white">Runner-ID</h3>
-							Runner-ID
-						</h3>
 						<h3 class="text-2xl font-semibold dark:text-white">
 							Zeige diesen Code am Infozelt vor, um deine Läuferkarte zu erhalten
 						</h3>
@@ -333,11 +338,10 @@
 					</div>
 
 					<div class="mb-2 text-center">
-						<h3 class="text-4xl font-semibold dark:text-white hidden print:block">
+						<h3 class="text-4xl font-semibold dark:text-white hidden print:block">Selfservice</h3>
-							Selfservice
-						</h3>
 						<h3 class="text-xl font-semibold dark:text-white">
-							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine Rundenzeiten, Spenden und Urkunden.
+							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
+							Rundenzeiten, Spenden und Urkunden.
 						</h3>
 						<img
 							class="w-full md:w-auto mb-2 mx-auto bg-white p-4"