mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-07-17 18:58:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

web/SectionHeading: add support for copying data

Browse Source
This commit is contained in:
wukko 2024-10-11 22:58:37 +06:00
parent 11069c7d45
commit 02024ca7fc
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/misc/SectionHeading.svelte
View File

@ -8,6 +8,9 @@
export let title: string;
export let sectionId: string;
export let beta = false;
export let copyData = "";
const sectionURL = `${$page.url.origin}${$page.url.pathname}#${sectionId}`;
let copied = false;
@ -19,19 +22,27 @@
</script>
<div class="heading-container">
<h3 class="content-title">{title}</h3>
<h3 class="content-title">
{title}
</h3>
{#if beta}
<div class="beta-label">{$t("general.beta")}</div>
<div class="beta-label">
{$t("general.beta")}
</div>
{/if}
<button
class="link-copy"
aria-label={copied ? $t("button.copied") : $t("button.copy.section")}
aria-label={copied
? $t("button.copied")
: $t(`button.copy${copyData ? "" : ".section"}`)}
on:click={() => {
copied = true;
copyURL(`${$page.url.origin}${$page.url.pathname}#${sectionId}`);
copyURL(copyData || sectionURL);
}}
>
<CopyIcon check={copied} />
<CopyIcon check={copied} regularIcon={!!copyData} />
</button>
</div>