andrewwallacespeckle
46 lines
1.2 KiB
Vue
46 lines
1.2 KiB
Vue
<template>
|
|
<LayoutDialog v-model:open="open" max-width="xs" :buttons="buttons">
|
|
<template #header>Leaving Speckle</template>
|
|
<p class="mb-2">You're about to open the link below in a new tab:</p>
|
|
<div class="p-3 bg-highlight-2 rounded-md font-mono break-all">
|
|
{{ state.url }}
|
|
</div>
|
|
<p class="mt-2 mb-4">
|
|
This is an external website. Speckle is not responsible for its content or
|
|
security.
|
|
</p>
|
|
<p class="font-medium">Do you want to continue?</p>
|
|
</LayoutDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useExternalLinkDialogState } from '~/lib/common/composables/externalLinkDialog'
|
|
import type { LayoutDialogButton } from '@speckle/ui-components'
|
|
|
|
const { state, close } = useExternalLinkDialogState()
|
|
const buttons = computed((): LayoutDialogButton[] => [
|
|
{
|
|
text: 'Cancel',
|
|
props: { color: 'subtle' },
|
|
onClick: () => {
|
|
close(false)
|
|
}
|
|
},
|
|
{
|
|
text: 'Continue',
|
|
props: { color: 'danger' },
|
|
onClick: () => {
|
|
window.open(state.value.url, '_blank', 'noopener,noreferrer')
|
|
close(true)
|
|
}
|
|
}
|
|
])
|
|
|
|
const open = computed({
|
|
get: () => state.value.open,
|
|
set: (v) => {
|
|
if (!v) close(false)
|
|
}
|
|
})
|
|
</script>
|