UBERF-6464: update activity mentions display (#5339)

This commit is contained in:
Kristina
2024-04-16 21:13:18 +07:00
committed by GitHub
parent fb0194af3e
commit de6e0739c2
34 changed files with 300 additions and 194 deletions
@@ -14,12 +14,13 @@
-->
<script lang="ts">
import { WithLookup } from '@hcengineering/core'
import { Asset } from '@hcengineering/platform'
import { Asset, getEmbeddedLabel } from '@hcengineering/platform'
import { taskTypeStore } from '@hcengineering/task-resources'
import TaskTypeIcon from '@hcengineering/task-resources/src/components/taskTypes/TaskTypeIcon.svelte'
import type { Issue } from '@hcengineering/tracker'
import { AnySvelteComponent, Icon, tooltip } from '@hcengineering/ui'
import { DocNavLink, ObjectMention } from '@hcengineering/view-resources'
import { ObjectPresenterType } from '@hcengineering/view'
import tracker from '../../plugin'
@@ -28,9 +29,11 @@
export let onClick: (() => void) | undefined = undefined
export let shouldShowAvatar: boolean = false
export let noUnderline: boolean = disabled
export let colorInherit: boolean = false
export let noSelect: boolean = false
export let inline = false
export let kind: 'list' | undefined = undefined
export let type: ObjectPresenterType = 'link'
export let icon: Asset | AnySvelteComponent | undefined = undefined
$: taskType = value !== undefined ? $taskTypeStore.get(value.kind) : undefined
@@ -39,33 +42,40 @@
{#if inline && value}
<ObjectMention object={value} {disabled} {noUnderline} {onClick} component={tracker.component.EditIssue} />
{:else if value}
<div class="flex-row-center">
<DocNavLink
object={value}
{onClick}
{disabled}
{noUnderline}
{inline}
component={tracker.component.EditIssue}
shrink={0}
>
<span class="issuePresenterRoot" class:list={kind === 'list'} class:cursor-pointer={!disabled}>
{#if shouldShowAvatar}
<div class="icon" use:tooltip={{ label: tracker.string.Issue }}>
{#if taskType !== undefined}
<TaskTypeIcon value={taskType} />
{:else}
<Icon icon={icon ?? tracker.icon.Issues} size={'small'} />
{/if}
</div>
{/if}
<span class="overflow-label" class:select-text={!noSelect} title={value?.title}>
{value.identifier}
<slot name="details" />
{#if type === 'link'}
<div class="flex-row-center">
<DocNavLink
object={value}
{onClick}
{disabled}
{noUnderline}
{inline}
{colorInherit}
component={tracker.component.EditIssue}
shrink={0}
>
<span class="issuePresenterRoot" class:list={kind === 'list'} class:cursor-pointer={!disabled}>
{#if shouldShowAvatar}
<div class="icon" use:tooltip={{ label: tracker.string.Issue }}>
{#if taskType !== undefined}
<TaskTypeIcon value={taskType} />
{:else}
<Icon icon={icon ?? tracker.icon.Issues} size={'small'} />
{/if}
</div>
{/if}
<span class="overflow-label" class:select-text={!noSelect} title={value?.title}>
{value.identifier}
<slot name="details" />
</span>
</span>
</span>
</DocNavLink>
</div>
</DocNavLink>
</div>
{:else if value && type === 'text'}
<span class="overflow-label" class:select-text={!noSelect} use:tooltip={{ label: getEmbeddedLabel(value.title) }}>
{value.identifier}
</span>
{/if}
{/if}
<style lang="scss">