From 9f5b620dfd41af5c5d2429c509a57746102a07ef Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Wed, 18 May 2022 22:58:06 +0700
Subject: [PATCH] Tracker: add context menu to the "EditIssue" dialog (#1788)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 .../components/issues/edit/EditIssue.svelte   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
index c3cde9813f..fdaf3d1a8a 100644
--- a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
@@ -18,7 +18,18 @@
   import { Panel } from '@anticrm/panel'
   import presentation, { createQuery, getClient, MessageViewer } from '@anticrm/presentation'
   import type { Issue, IssueStatus, Team } from '@anticrm/tracker'
-  import { Button, EditBox, IconDownOutline, IconEdit, IconMoreH, IconUpOutline, Scroller } from '@anticrm/ui'
+  import {
+    ActionIcon,
+    Button,
+    EditBox,
+    IconDownOutline,
+    IconEdit,
+    IconMoreH,
+    IconUpOutline,
+    Scroller,
+    showPopup
+  } from '@anticrm/ui'
+  import { ContextMenu } from '@anticrm/view-resources'
   import { StyledTextArea } from '@anticrm/text-editor'
   import { createEventDispatcher, onMount } from 'svelte'
   import tracker from '../../../plugin'
@@ -109,6 +120,12 @@
     isEditing = false
   }
 
+  function showMenu (ev?: Event): void {
+    if (issue) {
+      showPopup(ContextMenu, { object: issue }, (ev as MouseEvent).target as HTMLElement)
+    }
+  }
+
   onMount(() => {
     dispatch('open', { ignoreKeys: ['comments', 'name', 'description', 'number'] })
   })
@@ -149,6 +166,7 @@
         <Button disabled={!canSave} label={presentation.string.Save} on:click={save} />
       {:else}
         <Button icon={IconEdit} kind="transparent" size="medium" on:click={edit} />
+        <ActionIcon icon={IconMoreH} size={'medium'} action={showMenu} />
       {/if}
     </svelte:fragment>