andrewwallacespeckle
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<template>
|
|
<LayoutDialog v-model:open="state.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',
|
|
onClick: () => {
|
|
close(false)
|
|
}
|
|
},
|
|
{
|
|
text: 'Continue',
|
|
props: { color: 'danger' },
|
|
onClick: () => {
|
|
window.open(state.value.url, '_blank', 'noopener,noreferrer')
|
|
close(true)
|
|
}
|
|
}
|
|
])
|
|
</script>
|