mirror of
https://github.com/hcengineering/platform.git
synced 2025-02-08 03:47:20 +00:00
112 lines
3.2 KiB
Svelte
112 lines
3.2 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 { Ref, SortingOrder } from '@anticrm/core'
|
|
import { createQuery, getClient, MessageViewer } from '@anticrm/presentation'
|
|
import { Issue, IssueStatus, Team } from '@anticrm/tracker'
|
|
import tracker from '../../plugin'
|
|
import { Label } from '@anticrm/ui'
|
|
import AssigneeEditor from './AssigneeEditor.svelte'
|
|
import PriorityEditor from './PriorityEditor.svelte'
|
|
import StatusEditor from './StatusEditor.svelte'
|
|
|
|
export let object: Issue
|
|
let issue: Issue | undefined
|
|
|
|
const client = getClient()
|
|
$: space = object.space
|
|
const issueQuery = createQuery()
|
|
const spaceQuery = createQuery()
|
|
const statusesQuery = createQuery()
|
|
|
|
issueQuery.query(
|
|
object._class,
|
|
{ _id: object._id },
|
|
(res) => {
|
|
issue = res[0]
|
|
},
|
|
{ limit: 1 }
|
|
)
|
|
let statuses: IssueStatus[] = []
|
|
|
|
$: statusesQuery.query(
|
|
tracker.class.IssueStatus,
|
|
{ attachedTo: space },
|
|
(res) => {
|
|
statuses = res
|
|
},
|
|
{
|
|
lookup: { category: tracker.class.IssueStatusCategory },
|
|
sort: { rank: SortingOrder.Ascending }
|
|
}
|
|
)
|
|
let currentTeam: Team | undefined
|
|
|
|
$: spaceQuery.query(tracker.class.Team, { _id: space }, (res) => ([currentTeam] = res))
|
|
$: issueName = currentTeam && issue && `${currentTeam.identifier}-${issue.number}`
|
|
|
|
const limit: number = 350
|
|
|
|
let cHeight: number
|
|
|
|
let parent: Issue | undefined
|
|
|
|
async function getParent (attachedTo: Ref<Issue> | undefined): Promise<void> {
|
|
if (attachedTo === undefined || attachedTo === tracker.ids.NoParent) {
|
|
parent = undefined
|
|
} else {
|
|
parent = await client.findOne(tracker.class.Issue, { _id: attachedTo })
|
|
}
|
|
}
|
|
|
|
$: getParent(issue?.attachedTo as Ref<Issue>)
|
|
</script>
|
|
|
|
<div class="w-165">
|
|
{#if parent}
|
|
<div class="mb-4 ml-2">{parent.title}</div>
|
|
{/if}
|
|
{#if issue}
|
|
<div class="fs-title text-xl ml-2">{issueName} {issue.title}</div>
|
|
<div class="flex mt-4 mb-4">
|
|
<StatusEditor value={issue} {statuses} shouldShowLabel kind={'transparent'} />
|
|
<PriorityEditor value={issue} shouldShowLabel />
|
|
{#if issue.assignee}
|
|
<AssigneeEditor value={issue} tooltipFill={false} />
|
|
{/if}
|
|
</div>
|
|
{#if issue.description}
|
|
<div class="descr ml-2" class:mask={cHeight >= limit} bind:clientHeight={cHeight}>
|
|
<MessageViewer message={issue.description} />
|
|
</div>
|
|
{:else}
|
|
<div class="ml-2 content-trans-color">
|
|
<Label label={tracker.string.NoDescription} />
|
|
</div>
|
|
{/if}
|
|
{/if}
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
.descr {
|
|
overflow: hidden;
|
|
max-height: 25rem;
|
|
|
|
&.mask {
|
|
mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0, black 5rem);
|
|
}
|
|
}
|
|
</style>
|