|
|
|
@ -22,10 +22,11 @@ const isViewSidebarAvailable = computed(
|
|
|
|
|
<div |
|
|
|
|
class="nc-table-toolbar h-12 min-h-12 py-1 flex gap-2 items-center border-b border-gray-200 overflow-hidden" |
|
|
|
|
:class="{ |
|
|
|
|
'nc-table-toolbar-mobile': isMobileMode, |
|
|
|
|
'h-8': isMobileMode, |
|
|
|
|
'max-h-[var(--topbar-height)] min-h-[var(--topbar-height)]': !isMobileMode, |
|
|
|
|
'pl-3 pr-0': isViewSidebarAvailable, |
|
|
|
|
'px-3': !isViewSidebarAvailable, |
|
|
|
|
'pl-3 pr-0': isViewSidebarAvailable && !isMobileMode, |
|
|
|
|
'px-3': !isViewSidebarAvailable && !isMobileMode, |
|
|
|
|
'px-1': isMobileMode, |
|
|
|
|
}" |
|
|
|
|
style="z-index: 7" |
|
|
|
|
> |
|
|
|
@ -33,32 +34,42 @@ const isViewSidebarAvailable = computed(
|
|
|
|
|
<a-skeleton-input :active="true" class="!w-44 !h-4 ml-2 !rounded overflow-hidden" /> |
|
|
|
|
</template> |
|
|
|
|
<template v-else> |
|
|
|
|
<LazySmartsheetToolbarMappedBy v-if="isMap" /> |
|
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
|
<LazySmartsheetToolbarMappedBy v-if="isMap" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarFieldsMenu v-if="isGrid || isGallery || isKanban || isMap" :show-system-fields="false" /> |
|
|
|
|
<LazySmartsheetToolbarFieldsMenu v-if="isGrid || isGallery || isKanban || isMap" :show-system-fields="false" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarStackedBy v-if="isKanban" /> |
|
|
|
|
<LazySmartsheetToolbarStackedBy v-if="isKanban" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarColumnFilterMenu v-if="isGrid || isGallery || isKanban || isMap" /> |
|
|
|
|
<LazySmartsheetToolbarColumnFilterMenu v-if="isGrid || isGallery || isKanban || isMap" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarGroupByMenu v-if="isGrid" /> |
|
|
|
|
<LazySmartsheetToolbarGroupByMenu v-if="isGrid" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarSortListMenu v-if="isGrid || isGallery || isKanban" /> |
|
|
|
|
<LazySmartsheetToolbarSortListMenu v-if="isGrid || isGallery || isKanban" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarRowHeight v-if="isGrid" /> |
|
|
|
|
<LazySmartsheetToolbarRowHeight v-if="isGrid" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarQrScannerButton v-if="isMobileMode && (isGrid || isKanban || isGallery)" /> |
|
|
|
|
<!-- <LazySmartsheetToolbarQrScannerButton v-if="isMobileMode && (isGrid || isKanban || isGallery)" /> --> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarExport v-if="(!isPublic && !isUIAllowed('dataInsert')) || (isPublic && allowCSVDownload)" /> |
|
|
|
|
<LazySmartsheetToolbarExport v-if="(!isPublic && !isUIAllowed('dataInsert')) || (isPublic && allowCSVDownload)" /> |
|
|
|
|
|
|
|
|
|
<div v-if="!isMobileMode" class="flex-1" /> |
|
|
|
|
<div class="flex-1" /> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarSearchData v-if="(isGrid || isGallery || isKanban) && !isPublic" class="shrink" /> |
|
|
|
|
|
|
|
|
|
<LazySmartsheetToolbarViewActions |
|
|
|
|
v-if="(isGrid || isGallery || isKanban || isMap) && !isPublic && isUIAllowed('dataInsert')" |
|
|
|
|
:show-system-fields="false" |
|
|
|
|
<LazySmartsheetToolbarSearchData |
|
|
|
|
v-if="(isGrid || isGallery || isKanban) && !isPublic" |
|
|
|
|
:class="{ |
|
|
|
|
'shrink': !isMobileMode, |
|
|
|
|
'w-full': isMobileMode, |
|
|
|
|
}" |
|
|
|
|
/> |
|
|
|
|
|
|
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
|
<LazySmartsheetToolbarViewActions |
|
|
|
|
v-if="(isGrid || isGallery || isKanban || isMap) && !isPublic && isUIAllowed('dataInsert')" |
|
|
|
|
:show-system-fields="false" |
|
|
|
|
/> |
|
|
|
|
</template> |
|
|
|
|
<LazySmartsheetToolbarOpenViewSidebarBtn v-if="isViewSidebarAvailable" /> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|