From 5d440d0a0cba2f8f1470351ef740cfe957a0af47 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Fri, 25 Apr 2025 12:57:49 +0200
Subject: [PATCH] feat(print): Updated content of prints

---
 src/routes/Register.svelte | 42 ++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/routes/Register.svelte b/src/routes/Register.svelte
index 251f189..f1c50f8 100644
--- a/src/routes/Register.svelte
+++ b/src/routes/Register.svelte
@@ -318,36 +318,34 @@
 							{response.firstname}
 							{response.lastname}
 						</h3>
-					</div>
-
-					<div class="mb-2 text-center hidden print:block">
-						<h3 class="text-4xl font-semibold dark:text-white">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>
-						<img
-							class="w-full md:w-auto mb-2 mx-auto bg-white p-4 print:hidden"
-							alt="runner id"
-							src={textToBase64Barcode(response.id.toString(), false)}
-						/>
-						<img
-							class="w-3/4 md:w-auto mb-2 mx-auto bg-white p-4 hidden print:block"
-							alt="runner id print only"
-							src={textToBase64Barcode(response.id.toString(), false)}
-						/>
+						<h4 class="font-semibold dark:text-white hidden print:block print:text-3xl">
+							{response.id}
+						</h4>
 					</div>
 
 					<div class="mb-2 text-center">
-						<h3 class="text-4xl font-semibold dark:text-white hidden print:block">Selfservice</h3>
-						<h3 class="text-xl font-semibold dark:text-white">
+						<h3 class="text-xl font-semibold dark:text-white print:hidden">
 							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
 							Rundenzeiten, Spenden und Urkunden.
 						</h3>
+						<h3 class="text-xl font-semibold dark:text-white hidden print:block">
+							Zeige diesen QR-Code am Infozelt vor, um deine Läuferkarte zu erhalten.
+						</h3>
 						<img
-							class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-							alt="runner selfservice"
-							src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
+						class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
+						alt="runner selfservice"
+						src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
 						/>
+						<h3 class="text-xl font-semibold dark:text-white hidden print:block">
+							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
+							Rundenzeiten, Spenden und Urkunden.
+						</h3>
+						{#if printEnabled}
+						<h3 class="text-xl font-semibold dark:text-white print:hidden">
+							Bitte nehm den Bon mit und zeige ihn am Infozelt vor, um deine Läuferkarte zu erhalten.
+							Auf dem Bon findest auch nochmal den QR-Code.
+						</h3>
+						{/if}
 					</div>
 
 					<div class="mx-auto text-center items-center print:hidden">