platform/plugins/tracker-resources/src/components/issues/IssueStatusIcon.svelte
Alexander Platov 12da24f18c
Fixed the filling of the status icon. Fixed jumping popups. (#2232)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
2022-07-10 21:22:13 +07:00

70 lines
2.5 KiB
Svelte

<!--
// Copyright © 2022 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
import { WithLookup, SortingOrder } from '@anticrm/core'
import { getClient } from '@anticrm/presentation'
import { IssueStatus, IssueStatusCategory } from '@anticrm/tracker'
import { getPlatformColor, IconSize } from '@anticrm/ui'
import tracker from '../../plugin'
import StatusIcon from '../icons/StatusIcon.svelte'
export let value: WithLookup<IssueStatus>
export let size: IconSize
export let fill: string | undefined = undefined
const client = getClient()
let category: IssueStatusCategory | undefined
let categories: IssueStatus[] | undefined
let statusIcon: {
index: number | undefined
count: number | undefined
} = { index: undefined, count: undefined }
async function updateCategory (status: WithLookup<IssueStatus>) {
if (status.$lookup?.category) {
category = status.$lookup.category
}
if (category === undefined) {
category = await client.findOne(tracker.class.IssueStatusCategory, { _id: value.category })
}
if (value.category === tracker.issueStatusCategory.Started) {
categories = await client.findAll(
tracker.class.IssueStatus,
{ category: tracker.issueStatusCategory.Started },
{ sort: { rank: SortingOrder.Ascending } }
)
if (categories) {
categories.map((cat, i) => {
if (cat._id === value._id) statusIcon = { index: i + 1, count: categories ? categories.length + 1 : 0 }
return true
})
}
}
}
$: updateCategory(value)
$: icon = category?.icon
$: color =
fill ??
(value.color !== undefined ? getPlatformColor(value.color) : undefined) ??
(category !== undefined ? getPlatformColor(category.color) : undefined) ??
'currentColor'
</script>
{#if icon !== undefined && color !== undefined && category !== undefined}
<StatusIcon {category} {size} fill={color} {statusIcon} />
{/if}