From d6f2956bcb333643bc8c915012970d6446bf18eb Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 31 Jul 2025 13:15:00 +0200
Subject: [PATCH 1/2] replace copy-to-clipboard with share-via-link-mail-to

---
 .../(token-based)/list/[vorgang]/+page.svelte | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index 25e56f1..4bcc446 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -129,13 +129,26 @@
 		}
 	}
 
-	async function setClipboard(text) {
-		const type = "text/plain";
-		const clipboardItemData = {
-			[type]: text,
-		};
-		const clipboardItem = new ClipboardItem(clipboardItemData);
-		await navigator.clipboard.write([clipboardItem]);
+	function constructMailToLink() {
+		const subject = "Link zum Tatvorgang";
+		const link = $page.url.toString().split('?')[0];
+		const body = `
+		Hallo,
+		%0D%0A
+		%0D%0A
+		hier ist der Link zum Tatvorgang:%0D%0A
+		${link}
+		%0D%0A
+		%0D%0A
+		Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
+		%0D%0A
+		%0D%0A
+		Mit freundlichen Grüßen,
+		`;
+
+		const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${body}`;
+
+		return mailtoLink;
 	}
 </script>
 
@@ -144,7 +157,7 @@
 		<h1 class="text-xl">Vorgang {vorgang.name}</h1>
 		{#if data?.user?.admin}
 		Zugangs-PIN: {vorgang.pin}
-		<Button on:click={() => setClipboard($page.url.toString().split('?')[0])}>Copy Link</Button>
+		<a href="{constructMailToLink()}"><Button>Share Link</Button></a>
 		{/if}
 	</div>
 	<div class="mx-auto flex justify-center max-w-7xl h-full">

From ef1ddb58a0518a1e7ac3299248f3a588aa4b5aaa Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Tue, 5 Aug 2025 08:21:28 +0200
Subject: [PATCH 2/2] encode body in mail-to-link button

---
 .../(token-based)/list/[vorgang]/+page.svelte | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/routes/(token-based)/list/[vorgang]/+page.svelte b/src/routes/(token-based)/list/[vorgang]/+page.svelte
index 4bcc446..eef65c3 100644
--- a/src/routes/(token-based)/list/[vorgang]/+page.svelte
+++ b/src/routes/(token-based)/list/[vorgang]/+page.svelte
@@ -132,21 +132,17 @@
 	function constructMailToLink() {
 		const subject = "Link zum Tatvorgang";
 		const link = $page.url.toString().split('?')[0];
-		const body = `
-		Hallo,
-		%0D%0A
-		%0D%0A
-		hier ist der Link zum Tatvorgang:%0D%0A
-		${link}
-		%0D%0A
-		%0D%0A
-		Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
-		%0D%0A
-		%0D%0A
-		Mit freundlichen Grüßen,
-		`;
+		const body = `Hallo,
 
-		const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${body}`;
+hier ist der Link zum Tatvorgang:
+${link}
+
+Der Zugangs-PIN wird zur Sicherheit über einen zweiten Kommunikationskanal übermittelt.
+
+Mit freundlichen Grüßen,
+`;
+
+		const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
 
 		return mailtoLink;
 	}