From bc1db861c34b9688f7f162a5566350be4f9c40e1 Mon Sep 17 00:00:00 2001
From: Vyacheslav Tumanov <me@slavatumanov.me>
Date: Wed, 24 May 2023 22:14:55 +0500
Subject: [PATCH] UBER-205: more info to Kanban card (due date, assignee, Lead
 number) (#3251)

Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
---
 plugins/lead-resources/package.json           |  1 +
 .../src/components/KanbanCard.svelte          | 56 ++++++++++++++-----
 2 files changed, 42 insertions(+), 15 deletions(-)

diff --git a/plugins/lead-resources/package.json b/plugins/lead-resources/package.json
index 0341428928..d845f2aa67 100644
--- a/plugins/lead-resources/package.json
+++ b/plugins/lead-resources/package.json
@@ -41,6 +41,7 @@
     "@hcengineering/contact": "^0.6.16",
     "@hcengineering/view": "^0.6.6",
     "@hcengineering/task": "^0.6.8",
+    "@hcengineering/task-resources": "^0.6.0",
     "@hcengineering/login": "^0.6.5",
     "@hcengineering/workbench": "^0.6.6",
     "@hcengineering/view-resources": "^0.6.0",
diff --git a/plugins/lead-resources/src/components/KanbanCard.svelte b/plugins/lead-resources/src/components/KanbanCard.svelte
index 06e09e04e0..94bc915513 100644
--- a/plugins/lead-resources/src/components/KanbanCard.svelte
+++ b/plugins/lead-resources/src/components/KanbanCard.svelte
@@ -16,16 +16,22 @@
 <script lang="ts">
   import { AttachmentsPresenter } from '@hcengineering/attachment-resources'
   import { CommentsPresenter } from '@hcengineering/chunter-resources'
+  import contact from '@hcengineering/contact'
   import { ContactPresenter } from '@hcengineering/contact-resources'
   import type { WithLookup } from '@hcengineering/core'
   import type { Lead } from '@hcengineering/lead'
-  import { ActionIcon, Component, IconMoreH, showPanel, showPopup } from '@hcengineering/ui'
+  import { ActionIcon, Component, DueDatePresenter, IconMoreH, showPanel, showPopup } from '@hcengineering/ui'
   import view from '@hcengineering/view'
   import { ContextMenu } from '@hcengineering/view-resources'
   import lead from '../plugin'
   import notification from '@hcengineering/notification'
+  import { getClient } from '@hcengineering/presentation'
+  import { AssigneePresenter } from '@hcengineering/task-resources'
+  import LeadPresenter from './LeadPresenter.svelte'
 
   export let object: WithLookup<Lead>
+  const client = getClient()
+  const assigneeAttribute = client.getHierarchy().getAttribute(lead.class.Lead, 'assignee')
 
   function showMenu (ev?: Event): void {
     showPopup(ContextMenu, { object }, (ev as MouseEvent).target as HTMLElement)
@@ -55,21 +61,41 @@
       />
     </div>
   </div>
-  <div class="flex-between">
-    {#if object.$lookup?.attachedTo}
-      <ContactPresenter value={object.$lookup.attachedTo} />
-    {/if}
-    <div class="flex-row-center">
-      {#if (object.attachments ?? 0) > 0}
-        <div class="step-lr75">
-          <AttachmentsPresenter value={object.attachments} {object} />
-        </div>
-      {/if}
-      {#if (object.comments ?? 0) > 0}
-        <div class="step-lr75">
-          <CommentsPresenter value={object.comments} {object} />
-        </div>
+  <div class="flex-col">
+    <div class="flex-between">
+      {#if object.$lookup?.attachedTo}
+        <ContactPresenter value={object.$lookup.attachedTo} />
       {/if}
+      <div class="flex-row-center">
+        {#if (object.attachments ?? 0) > 0}
+          <div class="step-lr75">
+            <AttachmentsPresenter value={object.attachments} {object} />
+          </div>
+        {/if}
+        {#if (object.comments ?? 0) > 0}
+          <div class="step-lr75">
+            <CommentsPresenter value={object.comments} {object} />
+          </div>
+        {/if}
+      </div>
+    </div>
+    <div class="flex-row-reverse flex-between mt-2">
+      <AssigneePresenter
+        value={object.assignee}
+        issueId={object._id}
+        defaultClass={contact.class.Employee}
+        currentSpace={object.space}
+        placeholderLabel={assigneeAttribute.label}
+      />
+      <DueDatePresenter
+        value={object.dueDate}
+        shouldRender={object.dueDate !== null && object.dueDate !== undefined}
+        shouldIgnoreOverdue={object.doneState !== null}
+        onChange={async (e) => {
+          await client.update(object, { dueDate: e })
+        }}
+      />
+      <LeadPresenter value={object} />
     </div>
   </div>
 </div>