mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-07-18 11:18:28 +00:00
Code Issues Actions 4 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 title: string;
export let sectionId: string; export let sectionId: string;
export let beta = false; export let beta = false;
export let copyData = "";
const sectionURL = `${$page.url.origin}${$page.url.pathname}#${sectionId}`;
let copied = false; let copied = false;
@ -19,19 +22,27 @@
</script> </script>
<div class="heading-container"> <div class="heading-container">
<h3 class="content-title">{title}</h3> <h3 class="content-title">
{title}
</h3>
{#if beta} {#if beta}
<div class="beta-label">{$t("general.beta")}</div> <div class="beta-label">
{$t("general.beta")}
</div>
{/if} {/if}
<button <button
class="link-copy" 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={() => { on:click={() => {
copied = true; copied = true;
copyURL(`${$page.url.origin}${$page.url.pathname}#${sectionId}`); copyURL(copyData || sectionURL);
}} }}
> >
<CopyIcon check={copied} /> <CopyIcon check={copied} regularIcon={!!copyData} />
</button> </button>
</div> </div>