hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-29 17:14:37 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix Add tag popup (#1885)

Browse Source 
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
Andrey Sobolev 2022-05-29 12:51:52 +07:00 committed by GitHub
parent 4270887dec
commit badfde2dde
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
plugins/tags-resources/src/components/TagsPopup.svelte
View File

@ -32,6 +32,8 @@
export let keyLabel: string = ''
export let hideAdd: boolean = false
const tagShowLimit = 50
let search: string = ''
let searchElement: HTMLInputElement
let show: boolean = false
@ -54,14 +56,9 @@
}
// TODO: Add $not: {$in: []} query
$: query.query(
tags.class.TagElement,
{ title: { $like: '%' + search + '%' }, targetClass },
(result) => {
objects = newElements.concat(result)
},
{ limit: 200 }
)
$: query.query(tags.class.TagElement, { title: { $like: '%' + search + '%' }, targetClass }, (result) => {
objects = newElements.concat(result)
})
async function createTagElement (): Promise<void> {
showPopup(CreateTagElement, { targetClass }, 'top')
@ -136,7 +133,10 @@
<div class="scroll">
<div class="box">
{#each categories as cat}
{#if objects.filter((el) => el.category === cat._id).length > 0}
{@const catObjects = objects
.filter((el) => el.category === cat._id)
.sort((a, b) => (b.refCount ?? 0) - (a.refCount ?? 0))}
{#if catObjects.length > 0}
<div class="sticky-wrapper">
<button
class="menu-group__header"
@ -152,12 +152,18 @@
</div>
</div>
<div class="flex-row-center text-xs">
<span class="content-color mr-1">({objects.filter((el) => el.category === cat._id).length})</span>
<span class="content-color mr-1">
{#if catObjects.length > tagShowLimit}
({tagShowLimit}, {catObjects.length})
{:else}
({catObjects.length})
{/if}
</span>
<span class="counter">{getCount(cat)}</span>
</div>
</button>
<div class="menu-group">
{#each objects.filter((el) => el.category === cat._id) as element}
{#each catObjects.slice(0, 50) as element}
<button
class="menu-item"
on:click={() => {