Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use vue3-clipboard in LinkControl

Browse Source
This commit is contained in:
James Lyne 2021-05-24 16:42:58 +01:00
parent a8ec660ffd
commit b6f41a8241
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/leaflet/control/LinkControl.ts
View File

@ -20,7 +20,7 @@
import {Control, ControlOptions, DomUtil, Map} from 'leaflet'; import {Control, ControlOptions, DomUtil, Map} from 'leaflet';
import {useStore} from "@/store"; import {useStore} from "@/store";
import '@/assets/icons/link.svg'; import '@/assets/icons/link.svg';
import ClipboardJS from 'clipboard'; import { toClipboard } from '@soerenmartius/vue3-clipboard'
export class LinkControl extends Control { export class LinkControl extends Control {
// @ts-ignore // @ts-ignore
@ -42,8 +42,9 @@ export class LinkControl extends Control {
<use xlink:href="#link" /> <use xlink:href="#link" />
</svg>`; </svg>`;
new ClipboardJS(linkButton, { linkButton.addEventListener('click', e => {
text: () => window.location.href.split("#")[0] + useStore().getters.url, e.preventDefault();
toClipboard(window.location.href.split("#")[0] + useStore().getters.url);
}); });
return linkButton; return linkButton;