|
|
|
@ -49,21 +49,32 @@ |
|
|
|
v-if="veriClaim.id" |
|
|
|
:to="'/claim-cert/' + encodeURIComponent(veriClaim.id)" |
|
|
|
class="text-blue-500 mt-2" |
|
|
|
title="Printable Certificate" |
|
|
|
title="View Printable Certificate" |
|
|
|
> |
|
|
|
<font-awesome |
|
|
|
icon="square" |
|
|
|
class="text-white bg-yellow-500 p-1" |
|
|
|
/> |
|
|
|
</router-link> |
|
|
|
<button |
|
|
|
v-if="veriClaim.id" |
|
|
|
class="text-blue-500 ml-2 mt-2" |
|
|
|
title="Copy Printable Certificate Link" |
|
|
|
@click=" |
|
|
|
copyToClipboard( |
|
|
|
'A link to the certificate page', |
|
|
|
`${APP_SERVER}/deep-link/claim-cert/${veriClaim.id}`, |
|
|
|
) |
|
|
|
" |
|
|
|
> |
|
|
|
<font-awesome icon="link" class="text-yellow-500 p-1" /> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
<!-- show link icon to copy this URL to the clipboard --> |
|
|
|
<div class="flex justify-end w-full"> |
|
|
|
<button |
|
|
|
title="Copy Link" |
|
|
|
@click=" |
|
|
|
copyToClipboard('A link to this page', window.location.href) |
|
|
|
" |
|
|
|
@click="copyToClipboard('A link to this page', windowDeepLink)" |
|
|
|
> |
|
|
|
<font-awesome icon="link" class="text-slate-500" /> |
|
|
|
</button> |
|
|
|
@ -405,7 +416,7 @@ |
|
|
|
contacts can see more details: |
|
|
|
<a |
|
|
|
class="text-blue-500" |
|
|
|
@click="copyToClipboard('A link to this page', windowLocation)" |
|
|
|
@click="copyToClipboard('A link to this page', windowDeepLink)" |
|
|
|
>click to copy this page info</a |
|
|
|
> |
|
|
|
and see if they can make an introduction. Someone is connected to |
|
|
|
@ -428,7 +439,7 @@ |
|
|
|
If you'd like an introduction, |
|
|
|
<a |
|
|
|
class="text-blue-500" |
|
|
|
@click="copyToClipboard('A link to this page', windowLocation)" |
|
|
|
@click="copyToClipboard('A link to this page', windowDeepLink)" |
|
|
|
>share this page with them and ask if they'll tell you more about |
|
|
|
about the participants.</a |
|
|
|
> |
|
|
|
@ -546,7 +557,7 @@ import { useClipboard } from "@vueuse/core"; |
|
|
|
import { GenericVerifiableCredential } from "../interfaces"; |
|
|
|
import GiftedDialog from "../components/GiftedDialog.vue"; |
|
|
|
import QuickNav from "../components/QuickNav.vue"; |
|
|
|
import { NotificationIface, USE_DEXIE_DB } from "../constants/app"; |
|
|
|
import { APP_SERVER, NotificationIface, USE_DEXIE_DB } from "../constants/app"; |
|
|
|
import * as databaseUtil from "../db/databaseUtil"; |
|
|
|
import { db } from "../db/index"; |
|
|
|
import { logConsoleAndDb } from "../db/databaseUtil"; |
|
|
|
@ -593,8 +604,9 @@ export default class ClaimView extends Vue { |
|
|
|
veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD; |
|
|
|
veriClaimDump = ""; |
|
|
|
veriClaimDidsVisible: { [key: string]: string[] } = {}; |
|
|
|
windowLocation = window.location.href; |
|
|
|
windowDeepLink = window.location.href; // changed in the setup for deep linking |
|
|
|
|
|
|
|
APP_SERVER = APP_SERVER; |
|
|
|
R = R; |
|
|
|
yaml = yaml; |
|
|
|
libsUtil = libsUtil; |
|
|
|
@ -671,6 +683,7 @@ export default class ClaimView extends Vue { |
|
|
|
5000, |
|
|
|
); |
|
|
|
} |
|
|
|
this.windowDeepLink = `${APP_SERVER}/deep-link/claim/${claimId}`; |
|
|
|
|
|
|
|
this.canShare = !!navigator.share; |
|
|
|
} |
|
|
|
@ -1006,11 +1019,11 @@ export default class ClaimView extends Vue { |
|
|
|
} |
|
|
|
|
|
|
|
onClickShareClaim() { |
|
|
|
this.copyToClipboard("A link to this page", this.windowLocation); |
|
|
|
this.copyToClipboard("A link to this page", this.windowDeepLink); |
|
|
|
window.navigator.share({ |
|
|
|
title: "Help Connect Me", |
|
|
|
text: "I'm trying to find the people who recorded this. Can you help me?", |
|
|
|
url: this.windowLocation, |
|
|
|
url: this.windowDeepLink, |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
|
