wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-07 16:30:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add open parent issue button for a sub-issue edit panel (#2304)

Browse Source 
* add open parent issue button for a sub-issue edit panel

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>

* simplify getting reactive var value

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>

* make UpDownNavigator more universal

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>

Signed-off-by: Ruslan Bayandinov <wazsone@ya.ru>
This commit is contained in:
Ruslan Bayandinov 2022-10-18 13:33:11 +07:00 committed by GitHub
parent 30aa78fa52
commit 9fc7c33372
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
View File

@ -108,6 +108,7 @@
$: issueId = currentTeam && issue && getIssueId(currentTeam, issue) $: issueId = currentTeam && issue && getIssueId(currentTeam, issue)
$: canSave = title.trim().length > 0 $: canSave = title.trim().length > 0
$: isDescriptionEmpty = !new DOMParser().parseFromString(description, 'text/html').documentElement.innerText?.trim() $: isDescriptionEmpty = !new DOMParser().parseFromString(description, 'text/html').documentElement.innerText?.trim()
$: parentIssue = issue?.$lookup?.attachedTo
function edit (ev: MouseEvent) { function edit (ev: MouseEvent) {
ev.preventDefault() ev.preventDefault()
@ -180,9 +181,8 @@
bind:innerWidth bind:innerWidth
on:close={() => dispatch('close')} on:close={() => dispatch('close')}
> >
{@const { attachedTo: parentIssue } = issue?.$lookup ?? {}}
<svelte:fragment slot="navigator"> <svelte:fragment slot="navigator">
<UpDownNavigator element={issue} /> <UpDownNavigator element={issue} showBackButton={!!parentIssue} />
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="header"> <svelte:fragment slot="header">
<span class="fs-title"> <span class="fs-title">

29
plugins/view-resources/src/components/UpDownNavigator.svelte
View File

@ -1,11 +1,21 @@
<script lang="ts"> <script lang="ts">
import { Doc } from '@hcengineering/core' import { Doc } from '@hcengineering/core'
import { Button, IconDownOutline, IconUpOutline, panelstore, showPanel } from '@hcengineering/ui' import {
Button,
IconNavPrev,
IconDownOutline,
IconUpOutline,
panelstore,
showPanel,
closeTooltip
} from '@hcengineering/ui'
import { tick } from 'svelte' import { tick } from 'svelte'
import { select } from '../actionImpl' import { select } from '../actionImpl'
import { focusStore } from '../selection' import { focusStore } from '../selection'
import tracker from '../../../tracker-resources/src/plugin'
export let element: Doc export let element: Doc
export let showBackButton: boolean = false
async function next (evt: Event, pn: boolean): Promise<void> { async function next (evt: Event, pn: boolean): Promise<void> {
select(evt, pn ? 1 : -1, element, 'vertical') select(evt, pn ? 1 : -1, element, 'vertical')
@ -21,8 +31,25 @@
} }
} }
function goBack () {
if (showBackButton) {
closeTooltip()
history.back()
}
}
$: select(undefined, 0, element, 'vertical') $: select(undefined, 0, element, 'vertical')
</script> </script>
<Button icon={IconDownOutline} kind={'secondary'} size={'medium'} on:click={(evt) => next(evt, true)} /> <Button icon={IconDownOutline} kind={'secondary'} size={'medium'} on:click={(evt) => next(evt, true)} />
<Button icon={IconUpOutline} kind={'secondary'} size={'medium'} on:click={(evt) => next(evt, false)} /> <Button icon={IconUpOutline} kind={'secondary'} size={'medium'} on:click={(evt) => next(evt, false)} />
{#if showBackButton}
<Button
showTooltip={{ label: tracker.string.Back, direction: 'bottom' }}
icon={IconNavPrev}
kind={'secondary'}
size={'medium'}
on:click={goBack}
/>
{/if}