mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.6 KiB
49 lines
1.6 KiB
<script setup lang="ts"> |
|
interface Props { |
|
fullscreen?: boolean |
|
activeError?: boolean |
|
} |
|
|
|
const { fullscreen, activeError } = defineProps<Props>() |
|
const emits = defineEmits(['rename', 'duplicate', 'showDetails', 'clearData', 'delete']) |
|
</script> |
|
|
|
<template> |
|
<div class="flex items-center"> |
|
<NcDropdown :trigger="['click']" placement="bottomRight"> |
|
<NcButton type="text" :size="fullscreen ? 'small' : 'xs'" class="!px-1"> |
|
<GeneralIcon icon="threeDotVertical" /> |
|
</NcButton> |
|
|
|
<template #overlay> |
|
<NcMenu> |
|
<template v-if="!activeError"> |
|
<NcMenuItem data-rec="true" @click="emits('rename')"> |
|
<GeneralIcon icon="edit" /> |
|
Rename |
|
</NcMenuItem> |
|
<NcMenuItem data-rec="true" @click="emits('duplicate')"> |
|
<GeneralIcon icon="duplicate" /> |
|
Duplicate |
|
</NcMenuItem> |
|
<NcMenuItem data-rec="true" @click="emits('showDetails')"> |
|
<GeneralIcon icon="info" /> |
|
Details |
|
</NcMenuItem> |
|
<NcDivider /> |
|
</template> |
|
<NcMenuItem data-rec="true" class="!text-red-500 !hover:bg-red-50" @click="emits('clearData')"> |
|
<GeneralIcon icon="reload" /> |
|
Clear data |
|
</NcMenuItem> |
|
<NcMenuItem data-rec="true" class="!text-red-500 !hover:bg-red-50" @click="emits('delete')"> |
|
<GeneralIcon icon="delete" /> |
|
Delete |
|
</NcMenuItem> |
|
</NcMenu> |
|
</template> |
|
</NcDropdown> |
|
</div> |
|
</template> |
|
|
|
<style scoped lang="scss"></style>
|
|
|