diff --git a/src/pages/HomeView.vue b/src/pages/HomeView.vue index 97cf973..ae63243 100644 --- a/src/pages/HomeView.vue +++ b/src/pages/HomeView.vue @@ -53,6 +53,40 @@ function add() { number.value = undefined; resetValidation(); } + +async function share() { + const text = `Ich habe bei TramTrack schon ${tramStore.shortStats.found} BSAG Fahrzeuge gesehen, davon ${tramStore.shortStats.trams} Trams und ${tramStore.shortStats.busses} Busse!${tramStore.shortStats.specials > 0 ? ` Besondere Fahrzeuge habe ich schon ${tramStore.shortStats.specials} gesehen!` : ''} + +Sammle auch du Fahrzeuge auf ${window.location.href}`; + if (navigator.share) { + const shareResult = await navigator + .share({ + title: 'Statistik teilen', + text, + url: window.location.href + }) + .then(() => true) + .catch((error) => { + console.log('Error sharing', error); + return false; + }); + + if (shareResult) { + return; + } + } + const clipboardItem = new ClipboardItem({ + 'text/plain': text + }); + await navigator.clipboard.write([clipboardItem]); + + init({ + title: 'Statistik teilen', + message: 'Der Text wurde in deine Zwischenablage kopiert!', + color: 'success', + duration: 2000 + }); +}