fix filtering in task status selector (#4741)

Signed-off-by: Vlad Timofeev <11474041+vlad-timofeev@users.noreply.github.com>
This commit is contained in:
Vlad 2024-02-22 12:59:42 -05:00 committed by GitHub
parent 83e7723f16
commit 6f89f2fd2b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -61,11 +61,15 @@
$: updateStatuses($taskTypeStore, $statusStore.byId, kind) $: updateStatuses($taskTypeStore, $statusStore.byId, kind)
let statuses: Status[] = [] let statuses: Status[] = []
let searchQuery: string = ''
$: filteredStatuses = !searchQuery
? statuses
: statuses.filter((status) => (status.name ?? '').toLowerCase().includes(searchQuery.toLowerCase()))
</script> </script>
<DocPopup <DocPopup
{_class} {_class}
objects={statuses} objects={filteredStatuses}
allowDeselect={true} allowDeselect={true}
selected={current} selected={current}
on:close={(evt) => { on:close={(evt) => {
@ -76,6 +80,7 @@
{embedded} {embedded}
loading={progress} loading={progress}
on:changeContent on:changeContent
on:search={(e) => (searchQuery = e.detail)}
> >
<svelte:fragment slot="item" let:item> <svelte:fragment slot="item" let:item>
<div class="flex-row-center flex-grow overflow-label"> <div class="flex-row-center flex-grow overflow-label">