|
|
|
@ -1,5 +1,4 @@ |
|
|
|
<script setup lang="ts"> |
|
|
|
<script setup lang="ts"> |
|
|
|
import type ColumnFilter from './ColumnFilter.vue' |
|
|
|
|
|
|
|
import { |
|
|
|
import { |
|
|
|
ActiveViewInj, |
|
|
|
ActiveViewInj, |
|
|
|
IsLockedInj, |
|
|
|
IsLockedInj, |
|
|
|
@ -11,10 +10,9 @@ import { |
|
|
|
useSmartsheetStoreOrThrow, |
|
|
|
useSmartsheetStoreOrThrow, |
|
|
|
useViewFilters, |
|
|
|
useViewFilters, |
|
|
|
watch, |
|
|
|
watch, |
|
|
|
|
|
|
|
iconMap, |
|
|
|
} from '#imports' |
|
|
|
} from '#imports' |
|
|
|
|
|
|
|
|
|
|
|
import FilterIcon from '~icons/nc-icons/filter' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const isLocked = inject(IsLockedInj, ref(false)) |
|
|
|
const isLocked = inject(IsLockedInj, ref(false)) |
|
|
|
|
|
|
|
|
|
|
|
const activeView = inject(ActiveViewInj, ref()) |
|
|
|
const activeView = inject(ActiveViewInj, ref()) |
|
|
|
@ -63,8 +61,7 @@ useMenuCloseOnEsc(open) |
|
|
|
<div :class="{ 'nc-active-btn': filtersLength }"> |
|
|
|
<div :class="{ 'nc-active-btn': filtersLength }"> |
|
|
|
<a-button v-e="['c:filter']" class="nc-filter-menu-btn nc-toolbar-btn txt-sm" :disabled="isLocked"> |
|
|
|
<a-button v-e="['c:filter']" class="nc-filter-menu-btn nc-toolbar-btn txt-sm" :disabled="isLocked"> |
|
|
|
<div class="flex items-center gap-2"> |
|
|
|
<div class="flex items-center gap-2"> |
|
|
|
<FilterIcon class="h-4 w-4" /> |
|
|
|
<component :is="iconMap.filter" class="h-4 w-4" /> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Filter --> |
|
|
|
<!-- Filter --> |
|
|
|
<span v-if="!isMobileMode" class="text-capitalize !text-sm font-medium">{{ $t('activity.filter') }}</span> |
|
|
|
<span v-if="!isMobileMode" class="text-capitalize !text-sm font-medium">{{ $t('activity.filter') }}</span> |
|
|
|
|
|
|
|
|
|
|
|
|
sreehari jayaraj
1 year ago
