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.
55 lines
1.8 KiB
55 lines
1.8 KiB
<script lang="ts" setup> |
|
import { computed, useSmartsheetStoreOrThrow, useUIPermission } from '#imports' |
|
import { useSmartsheetRowStoreOrThrow } from '~/composables/useSmartsheetRowStore' |
|
import { useExpandedFormStoreOrThrow } from '~/composables/useExpandedFormStore' |
|
import MdiDoorOpen from '~icons/mdi/door-open' |
|
import MdiDoorClosed from '~icons/mdi/door-closed' |
|
|
|
const { meta } = useSmartsheetStoreOrThrow() |
|
const { commentsDrawer, row, primaryValue, save: _save } = useExpandedFormStoreOrThrow() |
|
const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow() |
|
const { isUIAllowed } = useUIPermission() |
|
|
|
const save = async () => { |
|
if (isNew.value) { |
|
const data = await _save() |
|
await syncLTARRefs(data) |
|
} else { |
|
await _save() |
|
} |
|
} |
|
|
|
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-lg font-weight-medium 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>
|
|
|