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.
45 lines
1.4 KiB
45 lines
1.4 KiB
<script lang="ts" setup> |
|
import { computed } from '#imports' |
|
import { useExpandedFormStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission } from '#imports' |
|
import MdiDoorOpen from '~icons/mdi/door-open' |
|
import MdiDoorClosed from '~icons/mdi/door-closed' |
|
|
|
const {meta} = useSmartsheetStoreOrThrow() |
|
const { commentsDrawer, row, primaryValue, save } = useExpandedFormStoreOrThrow() |
|
const { isUIAllowed} =useUIPermission() |
|
|
|
const drawerToggleIcon = computed(() => (commentsDrawer.value ? MdiDoorOpen : MdiDoorClosed)) |
|
|
|
// todo: accept as a prop / inject |
|
const iconColor = '#1890ff' |
|
|
|
</script> |
|
|
|
<template> |
|
<div class="flex p-2 align-center gap-2"> |
|
<h5 class="text-md font-weight-bold flex align-center gap-1 mb-0"> |
|
<mdi-table-arrow-right :style="{color:iconColor}"/> |
|
|
|
<template v-if="meta"> |
|
{{ meta.title }} |
|
</template> |
|
<template v-else> |
|
{{ table }} |
|
</template> |
|
<template v-if="primaryValue">: {{ primaryValue }}</template> |
|
</h5> |
|
<div class="flex-grow" /> |
|
<mdi-reload/> |
|
<component :is="drawerToggleIcon" class="" @click="commentsDrawer = !commentsDrawer" /> |
|
<a-button size="small" class="!text"> |
|
<!-- Cancel --> |
|
{{ $t('general.cancel') }} |
|
</a-button> |
|
<a-button size="small" :disabled="!isUIAllowed('tableRowUpdate')" type="primary" @click="save"> |
|
<!--Save Row--> |
|
{{ $t('activity.saveRow') }} |
|
</a-button> |
|
</div> |
|
</template> |
|
|
|
<style scoped></style>
|
|
|