From 8dcdafb37d2f651637ec25003b39404d82da3175 Mon Sep 17 00:00:00 2001
From: Artyom Grigorovich <grigorovichartyom@gmail.com>
Date: Wed, 13 Apr 2022 01:12:59 +0700
Subject: [PATCH] =?UTF-8?q?Tracker:=20Issue=20List=20=E2=80=93=20Assignee?=
 =?UTF-8?q?=20presenter=20(#1384)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Artyom Grigorovich <grigorovichartyom@gmail.com>
---
 .../issues/AssigneePresenter.svelte           | 70 +++++++++++++++++++
 .../issues/CategoryPresenter.svelte           |  9 +--
 plugins/tracker-resources/src/index.ts        |  2 +
 plugins/tracker-resources/src/plugin.ts       |  1 +
 4 files changed, 74 insertions(+), 8 deletions(-)
 create mode 100644 plugins/tracker-resources/src/components/issues/AssigneePresenter.svelte

diff --git a/plugins/tracker-resources/src/components/issues/AssigneePresenter.svelte b/plugins/tracker-resources/src/components/issues/AssigneePresenter.svelte
new file mode 100644
index 0000000000..d5a743f5eb
--- /dev/null
+++ b/plugins/tracker-resources/src/components/issues/AssigneePresenter.svelte
@@ -0,0 +1,70 @@
+<!--
+// 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 contact, { Employee, formatName } from '@anticrm/contact'
+  import { Ref, WithLookup } from '@anticrm/core'
+  import { Issue, Team } from '@anticrm/tracker'
+  import { Avatar, UsersPopup, getClient } from '@anticrm/presentation'
+  import { showPopup, Tooltip } from '@anticrm/ui'
+
+  import tracker from '../../plugin'
+
+  export let value: WithLookup<Issue>
+  export let currentSpace: Ref<Team> | undefined = undefined
+
+  $: employee = value?.$lookup?.assignee as Employee | undefined
+  $: avatar = employee?.avatar
+  $: formattedName = employee?.name ? formatName(employee.name) : ''
+
+  const client = getClient()
+
+  const handleAssigneeChanged = async (result: Employee | null | undefined) => {
+    if (result === undefined) {
+      return
+    }
+
+    const currentIssue = await client.findOne(tracker.class.Issue, { space: currentSpace, _id: value._id })
+
+    if (currentIssue === undefined) {
+      return
+    }
+
+    const newAssignee = result === null ? null : result._id
+
+    await client.update(currentIssue, { assignee: newAssignee })
+  }
+
+  const handleAssigneeEditorOpened = async (event: Event) => {
+    showPopup(
+      UsersPopup,
+      {
+        _class: contact.class.Employee,
+        selected: employee?._id,
+        allowDeselect: true,
+        placeholder: tracker.string.AssignTo
+      },
+      event.target,
+      handleAssigneeChanged
+    )
+  }
+</script>
+
+<Tooltip label={employee ? tracker.string.AssignedTo : tracker.string.AssignTo} props={{ value: formattedName }}>
+  <div class="flex-presenter" on:click={handleAssigneeEditorOpened}>
+    <div class="icon">
+      <Avatar size={'x-small'} {avatar} />
+    </div>
+  </div>
+</Tooltip>
diff --git a/plugins/tracker-resources/src/components/issues/CategoryPresenter.svelte b/plugins/tracker-resources/src/components/issues/CategoryPresenter.svelte
index ab5a27f42f..431e7b5e2c 100644
--- a/plugins/tracker-resources/src/components/issues/CategoryPresenter.svelte
+++ b/plugins/tracker-resources/src/components/issues/CategoryPresenter.svelte
@@ -55,14 +55,7 @@
         { key: '', presenter: tracker.component.StatusPresenter, props: { currentSpace } },
         { key: '', presenter: tracker.component.TitlePresenter },
         { key: 'modifiedOn', presenter: tracker.component.ModificationDatePresenter },
-        {
-          key: '$lookup.assignee',
-          props: {
-            shouldShowName: false,
-            shouldShowPlaceholder: true,
-            tooltipLabels: { personLabel: tracker.string.AssignedTo, placeholderLabel: tracker.string.AssignTo }
-          }
-        }
+        { key: '', presenter: tracker.component.AssigneePresenter, props: { currentSpace } }
       ]}
       {options}
       query={{ ...query, status: category }}
diff --git a/plugins/tracker-resources/src/index.ts b/plugins/tracker-resources/src/index.ts
index e268f7a698..5fa780183f 100644
--- a/plugins/tracker-resources/src/index.ts
+++ b/plugins/tracker-resources/src/index.ts
@@ -29,6 +29,7 @@ import IssuePresenter from './components/issues/IssuePresenter.svelte'
 import TitlePresenter from './components/issues/TitlePresenter.svelte'
 import PriorityPresenter from './components/issues/PriorityPresenter.svelte'
 import StatusPresenter from './components/issues/StatusPresenter.svelte'
+import AssigneePresenter from './components/issues/AssigneePresenter.svelte'
 
 import ModificationDatePresenter from './components/issues/ModificationDatePresenter.svelte'
 import EditIssue from './components/issues/EditIssue.svelte'
@@ -50,6 +51,7 @@ export default async (): Promise<Resources> => ({
     ModificationDatePresenter,
     PriorityPresenter,
     StatusPresenter,
+    AssigneePresenter,
     EditIssue,
     NewIssueHeader
   }
diff --git a/plugins/tracker-resources/src/plugin.ts b/plugins/tracker-resources/src/plugin.ts
index fddda9474b..c6fc6b3057 100644
--- a/plugins/tracker-resources/src/plugin.ts
+++ b/plugins/tracker-resources/src/plugin.ts
@@ -98,6 +98,7 @@ export default mergeIds(trackerId, tracker, {
     ModificationDatePresenter: '' as AnyComponent,
     PriorityPresenter: '' as AnyComponent,
     StatusPresenter: '' as AnyComponent,
+    AssigneePresenter: '' as AnyComponent,
     EditIssue: '' as AnyComponent,
     CreateTeam: '' as AnyComponent,
     NewIssueHeader: '' as AnyComponent