mirror of https://github.com/nocodb/nocodb
63 lines
1.6 KiB
63 lines
1.6 KiB
<script lang="ts" setup> |
|
import { message } from 'ant-design-vue' |
|
import { useI18n } from 'vue-i18n' |
|
import { extractSdkResponseErrorMsg } from '~/utils' |
|
import { onKeyStroke, useApi, useNuxtApp, useVModel } from '#imports' |
|
|
|
const props = defineProps<Props>() |
|
const emits = defineEmits<Emits>() |
|
const { t } = useI18n() |
|
interface Props { |
|
modelValue: boolean |
|
view?: Record<string, any> |
|
} |
|
|
|
interface Emits { |
|
(event: 'update:modelValue', data: boolean): void |
|
(event: 'deleted'): void |
|
} |
|
|
|
const vModel = useVModel(props, 'modelValue', emits) |
|
|
|
const { api, isLoading } = useApi() |
|
|
|
const { $e } = useNuxtApp() |
|
|
|
onKeyStroke('Escape', () => (vModel.value = false)) |
|
|
|
onKeyStroke('Enter', () => onDelete()) |
|
|
|
/** Delete a view */ |
|
async function onDelete() { |
|
if (!props.view) return |
|
|
|
try { |
|
await api.dbView.delete(props.view.id) |
|
|
|
// View deleted successfully |
|
message.success(t('msg.success.viewDeleted')) |
|
} catch (e: any) { |
|
message.error(await extractSdkResponseErrorMsg(e)) |
|
} |
|
|
|
emits('deleted') |
|
|
|
// telemetry event |
|
$e('a:view:delete', { view: props.view.type }) |
|
} |
|
</script> |
|
|
|
<template> |
|
<a-modal v-model:visible="vModel" class="!top-[35%]" :confirm-loading="isLoading" wrap-class-name="nc-modal-view-delete"> |
|
<template #title> {{ $t('general.delete') }} {{ $t('objects.view') }} </template> |
|
|
|
{{ $t('msg.info.deleteViewConfirmation') }} |
|
|
|
<template #footer> |
|
<a-button key="back" @click="vModel = false">{{ $t('general.cancel') }}</a-button> |
|
<a-button key="submit" danger html-type="submit" :loading="isLoading" @click="onDelete">{{ |
|
$t('general.submit') |
|
}}</a-button> |
|
</template> |
|
</a-modal> |
|
</template>
|
|
|