Merge pull request 'replace copy-to-clipboard with share-via-link-mail-to' (#24) from f054_mail-to-link into development

Reviewed-on: #24

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

@@ -129,13 +129,22 @@
 		}
 	}
 
-	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);
+hier ist der Link zum Tatvorgang:
-		await navigator.clipboard.write([clipboardItem]);
+${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;
 	}
 </script>
 
@@ -144,7 +153,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">