Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-05-08 12:35:30 +02:00
Code Issues Projects Releases Wiki Activity

conditionally hide search in filter

Browse source
This commit is contained in:
Gauthier Roebroeck 2026-03-20 10:45:14 +08:00
parent f7a975f79f
commit a08c78c95f
7 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
next-ui/src/components/filter/SearchList.vue
View file

@ -1,5 +1,6 @@
<template>
<v-text-field
v-if="!hideSearch"
v-model="search"
clearable
hide-details
@ -49,11 +50,13 @@ const {
searchItems = [],
searchLoading = false,
showModeSelector = false,
hideSearch = false,
} = defineProps<{
items?: ItemType<unknown>[]
searchItems?: ItemType<unknown>[]
searchLoading?: boolean
showModeSelector?: boolean
hideSearch?: boolean
}>()
const emit = defineEmits<{

3
next-ui/src/components/filter/by/Author.vue
View file

@ -6,6 +6,7 @@
:items="infiniteItems"
:search-items="searchResults"
:search-loading="searchLoading"
:hide-search="hideSearch"
show-mode-selector
@load-more="loadNextPage()"
>
@ -86,6 +87,8 @@ const infiniteItems = computed(() => {
]
})
const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
function toItemType(authorName: string): ItemType<Author> {
return {
title: authorName,

3
next-ui/src/components/filter/by/Genre.vue
View file

@ -6,6 +6,7 @@
:items="infiniteItems"
:search-items="searchResults"
:search-loading="searchLoading"
:hide-search="hideSearch"
show-mode-selector
@load-more="loadNextPage()"
>
@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
]
})
const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
function toItemType(value: string): ItemType<SchString> {
return {
title: value,

1
next-ui/src/components/filter/by/Language.vue
View file

@ -5,6 +5,7 @@
v-model:search="search"
:items="allItems"
:search-items="searchResults"
:hide-search="allItems.length < 10"
show-mode-selector
>
</FilterSearchList>

3
next-ui/src/components/filter/by/Publisher.vue
View file

@ -6,6 +6,7 @@
:items="infiniteItems"
:search-items="searchResults"
:search-loading="searchLoading"
:hide-search="hideSearch"
show-mode-selector
@load-more="loadNextPage()"
>
@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
]
})
const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
function toItemType(value: string): ItemType<SchString> {
return {
title: value,

3
next-ui/src/components/filter/by/SharingLabel.vue
View file

@ -6,6 +6,7 @@
:items="infiniteItems"
:search-items="searchResults"
:search-loading="searchLoading"
:hide-search="hideSearch"
show-mode-selector
@load-more="loadNextPage()"
>
@ -81,6 +82,8 @@ const infiniteItems = computed(() => {
]
})
const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
function toItemType(value: string): ItemType<SchString> {
return {
title: value,

3
next-ui/src/components/filter/by/Tag.vue
View file

@ -6,6 +6,7 @@
:items="infiniteItems"
:search-items="searchResults"
:search-loading="searchLoading"
:hide-search="hideSearch"
show-mode-selector
@load-more="loadNextPage()"
>
@ -86,6 +87,8 @@ const infiniteItems = computed(() => {
]
})
const hideSearch = computed(() => (infiniteData.value?.pages?.[0]?.totalElements || 100) < 10)
function toItemType(value: string): ItemType<SchString> {
return {
title: value,