Skip to content
Snippets Groups Projects
Commit 0df8de22 authored by Henrik Askjer's avatar Henrik Askjer
Browse files

Merge branch 'add-share-button' into 'master'

Add share button

See merge request spraksamlingane/beta.ordbok.uib.no!29
parents 768a2005 9dd62c0a
No related branches found
No related tags found
No related merge requests found
<template> <template>
<div class="article_footer"> <div class="article_footer">
<span v-if="webShareApiSupported"> <span v-if="hasPointer">
<button class="share_button" @click="shareViaWebShare">
<span class = "share_text">Del ordet</span>
<v-icon dense>$vuetify.icons.share</v-icon>
</button>
</span>
<span v-else>
<button class="share_button"> <button class="share_button">
<ShareNetwork network="facebook" <ShareNetwork network="facebook"
title="" title=""
...@@ -23,7 +17,11 @@ ...@@ -23,7 +17,11 @@
<v-icon dense>$vuetify.icons.twitter</v-icon> <v-icon dense>$vuetify.icons.twitter</v-icon>
</ShareNetwork> </ShareNetwork>
</button> </button>
</span> </span>
<button v-if="webShareApiSupported" class="share_button" @click="shareViaWebShare">
<span v-if="!hasPointer" class = "share_text">Del ordet</span>
<v-icon dense>$vuetify.icons.share</v-icon>
</button>
<div class = "footer_title">Ordbøkene.no <div class = "footer_title">Ordbøkene.no
</div> </div>
</div> </div>
...@@ -43,7 +41,10 @@ export default { ...@@ -43,7 +41,10 @@ export default {
}[this.article.dictionary] + ': ' + this.article.lemmas[0].lemma || '' }[this.article.dictionary] + ': ' + this.article.lemmas[0].lemma || ''
}, },
webShareApiSupported() { webShareApiSupported() {
return navigator.share && !(navigator.platform==="Win64" || navigator.platform==="Win32") return navigator.share
},
hasPointer() {
return window.matchMedia('(hover: hover) and (pointer: fine)').matches
}, },
share_link: function() { share_link: function() {
let host = window.location.hostname === 'localhost'? 'https://dev.ordbok.uib.no/' : window.location.href let host = window.location.hostname === 'localhost'? 'https://dev.ordbok.uib.no/' : window.location.href
...@@ -66,6 +67,7 @@ export default { ...@@ -66,6 +67,7 @@ export default {
.share_text { .share_text {
padding-right: 10px; padding-right: 10px;
vertical-align: middle;
} }
.v-icon { .v-icon {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment