|
|
|
<script setup lang="ts">
|
|
|
|
import type { ColumnType } from 'nocodb-sdk'
|
|
|
|
import { message } from 'ant-design-vue'
|
|
|
|
import { useVModel } from '#imports'
|
|
|
|
|
|
|
|
const props = defineProps<{
|
|
|
|
modelValue: boolean
|
|
|
|
column: ColumnType
|
|
|
|
extra: any
|
|
|
|
}>()
|
|
|
|
|
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
|
|
|
|
|
const { api } = useApi()
|
|
|
|
|
|
|
|
const dialogShow = useVModel(props, 'modelValue', emit)
|
|
|
|
|
|
|
|
const { $e, $poller } = useNuxtApp()
|
|
|
|
|
|
|
|
const basesStore = useBases()
|
|
|
|
|
|
|
|
const { createProject: _createProject } = basesStore
|
|
|
|
|
|
|
|
const { activeTable: _activeTable } = storeToRefs(useTablesStore())
|
|
|
|
|
|
|
|
const reloadDataHook = inject(ReloadViewDataHookInj)
|
|
|
|
|
|
|
|
const { eventBus } = useSmartsheetStoreOrThrow()
|
|
|
|
|
|
|
|
const { getMeta } = useMetas()
|
|
|
|
|
|
|
|
const meta = inject(MetaInj, ref())
|
|
|
|
|
|
|
|
const options = ref({
|
|
|
|
includeData: true,
|
|
|
|
})
|
|
|
|
|
|
|
|
const optionsToExclude = computed(() => {
|
|
|
|
const { includeData } = options.value
|
|
|
|
return {
|
|
|
|
excludeData: !includeData,
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
const isLoading = ref(false)
|
|
|
|
|
|
|
|
const reloadTable = async () => {
|
|
|
|
await getMeta(meta!.value!.id!, true)
|
|
|
|
eventBus.emit(SmartsheetStoreEvents.FIELD_RELOAD)
|
|
|
|
reloadDataHook?.trigger()
|
|
|
|
}
|
|
|
|
|
|
|
|
const _duplicate = async () => {
|
|
|
|
try {
|
|
|
|
isLoading.value = true
|
|
|
|
const jobData = await api.dbTable.duplicateColumn(props.column.base_id!, props.column.id!, {
|
|
|
|
options: optionsToExclude.value,
|
|
|
|
extra: props.extra,
|
|
|
|
})
|
|
|
|
|
|
|
|
$poller.subscribe(
|
|
|
|
{ id: jobData.id },
|
|
|
|
async (data: {
|
|
|
|
id: string
|
|
|
|
status?: string
|
|
|
|
data?: {
|
|
|
|
error?: {
|
|
|
|
message: string
|
|
|
|
}
|
|
|
|
message?: string
|
|
|
|
result?: any
|
|
|
|
}
|
|
|
|
}) => {
|
|
|
|
if (data.status !== 'close') {
|
|
|
|
if (data.status === JobStatus.COMPLETED) {
|
|
|
|
reloadTable()
|
|
|
|
isLoading.value = false
|
|
|
|
dialogShow.value = false
|
|
|
|
} else if (data.status === JobStatus.FAILED) {
|
|
|
|
message.error(`There was an error duplicating the column.`)
|
|
|
|
reloadTable()
|
|
|
|
isLoading.value = false
|
|
|
|
dialogShow.value = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
)
|
|
|
|
|
|
|
|
$e('a:column:duplicate')
|
|
|
|
} catch (e: any) {
|
|
|
|
message.error(await extractSdkResponseErrorMsg(e))
|
|
|
|
isLoading.value = false
|
|
|
|
dialogShow.value = false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
onKeyStroke('Enter', () => {
|
|
|
|
// should only trigger this when our modal is open
|
|
|
|
if (dialogShow.value) {
|
|
|
|
_duplicate()
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
const isEaster = ref(false)
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<GeneralModal
|
|
|
|
v-model:visible="dialogShow"
|
|
|
|
:class="{ active: dialogShow }"
|
|
|
|
:closable="!isLoading"
|
|
|
|
:mask-closable="!isLoading"
|
|
|
|
:keyboard="!isLoading"
|
|
|
|
centered
|
|
|
|
wrap-class-name="nc-modal-column-duplicate"
|
|
|
|
:footer="null"
|
|
|
|
class="!w-[30rem]"
|
|
|
|
@keydown.esc="dialogShow = false"
|
|
|
|
>
|
|
|
|
<div>
|
|
|
|
<div class="prose-xl font-bold self-center" @dblclick="isEaster = !isEaster">
|
|
|
|
{{ $t('general.duplicate') }} {{ $t('objects.column') }}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mt-4">{{ $t('msg.warning.duplicateProject') }}</div>
|
|
|
|
|
|
|
|
<div class="prose-md self-center text-gray-500 mt-4">{{ $t('title.advancedSettings') }}</div>
|
|
|
|
|
|
|
|
<a-divider class="!m-0 !p-0 !my-2" />
|
|
|
|
|
|
|
|
<div class="text-xs p-2">
|
|
|
|
<a-checkbox v-model:checked="options.includeData" :disabled="isLoading">{{ $t('labels.includeData') }}</a-checkbox>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-row gap-x-2 mt-2.5 pt-2.5 justify-end">
|
|
|
|
<NcButton v-if="!isLoading" key="back" type="secondary" @click="dialogShow = false">{{ $t('general.cancel') }}</NcButton>
|
|
|
|
<NcButton key="submit" type="primary" :loading="isLoading" @click="_duplicate">{{ $t('general.confirm') }} </NcButton>
|
|
|
|
</div>
|
|
|
|
</GeneralModal>
|
|
|
|
</template>
|