replace copy-to-clipboard with share-via-link-mail-to

src/routes/(token-based)/list/[vorgang]/+page.svelte

@@ -129,13 +129,26 @@
 		}
 	}
 
-	async function setClipboard(text) {
+	function constructMailToLink() {
-		const type = "text/plain";
+		const subject = "Link zum Tatvorgang";
-		const clipboardItemData = {
+		const link = $page.url.toString().split('?')[0];
-			[type]: text,
+		const body = `
-		};
+		Hallo,
-		const clipboardItem = new ClipboardItem(clipboardItemData);
+		%0D%0A
-		await navigator.clipboard.write([clipboardItem]);
+		%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">