andrewwallacespeckle
d956fbf79d
* Tasks from ticket * Update copy * Add confirm dialog to cancel button * Show Workspace create dialog when on explainer page * Reorder * Add new mixpanel event * Use 1 confirm modal
38 lines
868 B
Vue
38 lines
868 B
Vue
<template>
|
|
<LayoutDialog v-model:open="open" max-width="xs" :buttons="dialogButtons">
|
|
<template #header>Discard changes?</template>
|
|
<p v-if="text" class="mb-2">{{ text }}</p>
|
|
<p v-else class="mb-2">You have unsaved changes. Are you sure you want to leave?</p>
|
|
</LayoutDialog>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { LayoutDialogButton } from '@speckle/ui-components'
|
|
|
|
defineProps<{
|
|
text?: string
|
|
}>()
|
|
|
|
const emit = defineEmits(['confirm'])
|
|
|
|
const open = defineModel<boolean>('open', { required: true })
|
|
|
|
const dialogButtons = computed((): LayoutDialogButton[] => {
|
|
return [
|
|
{
|
|
text: 'Cancel',
|
|
props: { color: 'outline' },
|
|
onClick: () => {
|
|
open.value = false
|
|
}
|
|
},
|
|
{
|
|
text: 'Continue',
|
|
onClick: () => {
|
|
open.value = false
|
|
emit('confirm')
|
|
}
|
|
}
|
|
]
|
|
})
|
|
</script>
|