mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-30 20:16:41 +00:00
@@ -11,10 +11,20 @@ const { baseHomeSearchQuery } = storeToRefs(useBases())
|
||||
|
||||
const { isSharedBase } = storeToRefs(useBase())
|
||||
|
||||
const { isShowEveryonePersonalViewsEnabled } = storeToRefs(useViewsStore())
|
||||
|
||||
const { commandPalette } = useCommandPalette()
|
||||
|
||||
const { isMobileMode } = useGlobal()
|
||||
|
||||
const { isFeatureEnabled } = useBetaFeatureToggle()
|
||||
|
||||
const isOpenOptionsDropdown = ref(false)
|
||||
|
||||
const isShowEveryonePersonalViewsFeatureEnabled = computed(() => {
|
||||
return isEeUI && isFeatureEnabled(FEATURE_FLAG.SHOW_EVERYONES_PERSONAL_VIEWS)
|
||||
})
|
||||
|
||||
const handleClick = () => {
|
||||
if (isLoading.value) return
|
||||
|
||||
@@ -23,19 +33,21 @@ const handleClick = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div v-if="!isMobileMode && !isSharedBase" class="px-2 h-11 flex items-center">
|
||||
<div class="w-full" @click="handleClick">
|
||||
<div v-if="!isMobileMode && !isSharedBase" class="px-2 h-11 flex items-center gap-2">
|
||||
<div class="flex-1" @click="handleClick">
|
||||
<a-input
|
||||
v-model:value="baseHomeSearchQuery"
|
||||
type="text"
|
||||
class="nc-input-border-on-value nc-input-shadow !h-8 !pl-2.5 !pr-2 !py-1 !rounded-lg"
|
||||
class="nc-input-border-on-value nc-input-shadow !h-8 !pl-1.5 !pr-1 !py-1 !rounded-lg"
|
||||
placeholder="Quick search..."
|
||||
allow-clear
|
||||
readonly
|
||||
@keydown.stop
|
||||
>
|
||||
<template #prefix>
|
||||
<GeneralIcon icon="search" class="mr-1 h-4 w-4 text-nc-content-gray-muted group-hover:text-nc-content-gray-extreme" />
|
||||
<div class="flex items-center gap-1 mr-1">
|
||||
<GeneralIcon icon="search" class="h-4 w-4 text-nc-content-gray-muted group-hover:text-nc-content-gray-extreme" />
|
||||
</div>
|
||||
</template>
|
||||
<template #suffix>
|
||||
<div class="px-1 text-bodySmBold text-nc-content-gray-subtle bg-nc-bg-gray-medium rounded">
|
||||
@@ -44,5 +56,26 @@ const handleClick = () => {
|
||||
</template>
|
||||
</a-input>
|
||||
</div>
|
||||
<div v-if="isShowEveryonePersonalViewsFeatureEnabled" class="flex items-center gap-1">
|
||||
<NcDropdown v-model:visible="isOpenOptionsDropdown">
|
||||
<NcButton icon-only size="small" type="text" @click.stop>
|
||||
<template #icon> <GeneralIcon icon="ncSettings" class="opacity-80" /> </template>
|
||||
</NcButton>
|
||||
<template #overlay>
|
||||
<div class="p-4 flex flex-col gap-3">
|
||||
<div class="!capitalize text-captionBold font-semibold text-nc-content-gray-subtle2">
|
||||
{{ $t('general.options') }}
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center text-bodyDefaultSm text-nc-content-gray-muted hover:text-nc-content-gray-subtle2 xs:(text-base px-3.5 mx-0) select-none"
|
||||
>
|
||||
<NcSwitch v-model:checked="isShowEveryonePersonalViewsEnabled" size="xsmall">
|
||||
{{ $t('labels.showEveryonesPersonalViews') }}
|
||||
</NcSwitch>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</NcDropdown>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user