mirror of
https://github.com/hcengineering/platform.git
synced 2026-09-09 19:27:44 +02:00
UBERF-6464: update activity mentions display (#5339)
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user