chore(release): 1.2.6

CHANGELOG.md

@@ -2,9 +2,48 @@
 
 All notable changes to this project will be documented in this file. Dates are displayed in UTC.
 
+#### [1.2.6](https://git.odit.services/lfk/kiosk/compare/1.2.5...1.2.6)
+
+- fix(register): clear email [`b7e3e59`](https://git.odit.services/lfk/kiosk/commit/b7e3e59e7a948dae76786094743ff5aa679b9a0a)
+
+#### [1.2.5](https://git.odit.services/lfk/kiosk/compare/1.2.4...1.2.5)
+
+> 25 April 2025
+
+- refactor(print): Adjusted size of elements when printed to avoid wasting paper [`a96551c`](https://git.odit.services/lfk/kiosk/commit/a96551cdd0c2e4285d74a064f9c352f1343e4b77)
+- chore(release): 1.2.5 [`5096854`](https://git.odit.services/lfk/kiosk/commit/509685497e2200f35fbd3d52a8dd7fc62988f246)
+- style: Refactor footer content for print visibility [`6f144d4`](https://git.odit.services/lfk/kiosk/commit/6f144d42afedd38722d73fde350ea924db2341ba)
+- fix: Disable selection [`016a86e`](https://git.odit.services/lfk/kiosk/commit/016a86e188c12e98113dd43a97dc0c25ea88e0d6)
+- fix(print): Disable edge image search [`ca98acd`](https://git.odit.services/lfk/kiosk/commit/ca98acd5bc2e0082398748b0e3a9bb35b2adeb3c)
+
+#### [1.2.4](https://git.odit.services/lfk/kiosk/compare/1.2.3...1.2.4)
+
+> 25 April 2025
+
+- style(print): Adjust print styles for improved readability [`5646fed`](https://git.odit.services/lfk/kiosk/commit/5646fedd4e71b9fa25a5a80d03199f7897cda21c)
+- chore(release): 1.2.4 [`408bd00`](https://git.odit.services/lfk/kiosk/commit/408bd0028887cc27ee49aa0991ad1356f18d840a)
+
+#### [1.2.3](https://git.odit.services/lfk/kiosk/compare/1.2.2...1.2.3)
+
+> 25 April 2025
+
+- feat(print): Updated content of prints [`5d440d0`](https://git.odit.services/lfk/kiosk/commit/5d440d0a0cba2f8f1470351ef740cfe957a0af47)
+- chore(release): 1.2.3 [`9623073`](https://git.odit.services/lfk/kiosk/commit/962307317fbb83543b65e1bb36b266a888b732e0)
+- fix: Hide print enabled debug message [`54114a6`](https://git.odit.services/lfk/kiosk/commit/54114a654733a9454a57a327bbf3f6dd1bf611f2)
+
+#### [1.2.2](https://git.odit.services/lfk/kiosk/compare/1.2.1...1.2.2)
+
+> 14 April 2025
+
+- feat(register): Enable/disable print via query params [`642434b`](https://git.odit.services/lfk/kiosk/commit/642434b9fd4ecf985b160d4d87edad0e8bc106c6)
+- chore(release): 1.2.2 [`8a08e19`](https://git.odit.services/lfk/kiosk/commit/8a08e19e00658fb145bb7fff7553ca33d6424b21)
+
 #### [1.2.1](https://git.odit.services/lfk/kiosk/compare/1.2.0...1.2.1)
 
+> 8 April 2025
+
 - chore:(deps): Bump client [`be4b8df`](https://git.odit.services/lfk/kiosk/commit/be4b8df02bed33b4755cdf81b8a843239b32bcc1)
+- chore(release): 1.2.1 [`b0feae1`](https://git.odit.services/lfk/kiosk/commit/b0feae1719c993eb351f1c36c35eedd8a5ffd7ea)
 - feat(register): Implement created_via [`cd8b98c`](https://git.odit.services/lfk/kiosk/commit/cd8b98c6249b84cb6d2c4f7eb1d403c1837bc151)
 
 #### [1.2.0](https://git.odit.services/lfk/kiosk/compare/1.1.5...1.2.0)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lfk/kiosk",
-	"version": "1.2.1",
+	"version": "1.2.6",
 	"private": false,
 	"license": "MIT",
 	"repository": "https://git.odit.services/lfk/kiosk",

src/routes/+layout.svelte

@@ -24,7 +24,7 @@
 </script>
 
 <div
-	class="text-neutral-800 flex flex-col h-screen print:h-full"
+	class="text-neutral-800 flex flex-col h-screen print:h-full select-none"
 	style="background: url({lfkbackground});background-position: center center!important;background-size: contain!important;background-repeat: no-repeat!important;"
 >
 	<main class="flex-grow">

src/routes/+page.svelte

@@ -4,20 +4,29 @@
 	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>
 
 {#if $userState.isLoggedIn}
-	<Register />
+	<Register bind:printEnabled />
 {:else}
 	<Login />
 {/if}
-<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto">
+<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto print:text-sm">
 	{#if $userState.isLoggedIn}
-		<b class="font-bold">LfK!2025</b> powered by
+		<span class="print:hidden">
-		<b class="font-bold">ODIT.Services</b>
+			<b class="font-bold">LfK!2025</b> powered by
+			<b class="font-bold">ODIT.Services</b>
+		</span>
+		<b class="font-bold hidden print:block"> LfK!2025 powered by ODIT.Services</b>
 	{:else}
 		<a
 			rel="noopener noreferrer"

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(() => {
@@ -57,6 +64,7 @@
 			localStorage.clear();
 			location.reload();
 		}
+		email = '';
 		firstname = '';
 		lastname = '';
 	}
@@ -91,7 +99,7 @@
 	});
 </script>
 
-<div class="flex h-full items-center py-16 select-none print:py-0 print:items-baseline">
+<div class="flex h-full items-center py-16 print:py-0 print:items-baseline">
 	<div class="w-full max-w-md mx-auto p-6 print:p-0">
 		<!-- <div
 			class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-200"
@@ -306,44 +314,39 @@
 					</form>
 					<!-- End Form -->
 				{:else}
-					<div class="mb-2 text-center">
+					<div class="mb-2 text-center print:mb-0">
-						<h3 class="text-4xl font-semibold dark:text-white print:text-5xl">
+						<h3 class="text-4xl font-semibold dark:text-white print:text-2xl/tight">
 							{response.firstname}
 							{response.lastname}
 						</h3>
+						<h4 class="font-semibold dark:text-white hidden print:block print:text-lg/tight">
+							{response.id}
+						</h4>
 					</div>
 
-					<div class="mb-2 text-center hidden print:block">
+					<div class="mb-2 text-center print:mb-0">
-						<h3 class="text-4xl font-semibold dark:text-white">
+						<h3 class="text-xl font-semibold dark:text-white print:hidden">
-							Runner-ID
+							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
+							Rundenzeiten, Spenden und Urkunden.
 						</h3>
-						<h3 class="text-2xl font-semibold dark:text-white">
+						<h3 class="text-base/tight font-semibold dark:text-white hidden print:block">
-							Zeige diesen Code am Infozelt vor, um deine Läuferkarte zu erhalten
+							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 print:hidden"
+						class="w-full md:w-auto mb-2 mx-auto bg-white p-4 print:w-3/5 print:p-0 pointer-events-none"
-							alt="runner id"
+						alt="runner selfservice"
-							src={textToBase64Barcode(response.id.toString(), false)}
+						src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
 						/>
-						<img
+						<h3 class="text-base/tight font-semibold dark:text-white hidden print:block">
-							class="w-3/4 md:w-auto mb-2 mx-auto bg-white p-4 hidden print:block"
+							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
-							alt="runner id print only"
+							Rundenzeiten, Spenden und Urkunden.
-							src={textToBase64Barcode(response.id.toString(), false)}
-						/>
-					</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">
+						{#if printEnabled}
-							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine Rundenzeiten, Spenden und Urkunden.
+						<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>
-						<img
+						{/if}
-							class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-							alt="runner selfservice"
-							src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
-						/>
 					</div>
 
 					<div class="mx-auto text-center items-center print:hidden">