innohub/tatort
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Merged
trachi93 merged 2 commits from f054_mail-to-link into development 2025-08-05 08:22:47 +02:00
Conversation 1 Commits 2 Files Changed 1 +21 -8
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d6f2956bcb - Show all commits

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

@@ -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}`;
jared commented 2025-08-04 14:17:21 +02:00
Outdated
Review
Copy Link

ich würde den body ebenfalls kodieren:
const mailtoLink = mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)};

ich würde den body ebenfalls kodieren: const mailtoLink = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(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">