TSK-461: Refactor Tracker/Remember Issues (#2425)

* Refactor: Move drafts.ts to /presentation

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

* Refactor remember issues

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

* Fix close issue bug

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

* Refactor and fix draft clean

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

* Minor handle method fix

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>

plugins/tracker-resources/src/components/CreateIssue.svelte

@@ -28,7 +28,16 @@
     WithLookup
   } from '@hcengineering/core'
   import { getResource, translate } from '@hcengineering/platform'
-  import { Card, createQuery, getClient, KeyedAttribute, MessageBox, SpaceSelector } from '@hcengineering/presentation'
+  import {
+    Card,
+    createQuery,
+    getClient,
+    getUserDraft,
+    KeyedAttribute,
+    MessageBox,
+    SpaceSelector,
+    updateUserDraft
+  } from '@hcengineering/presentation'
   import tags, { TagElement, TagReference } from '@hcengineering/tags'
   import {
     calcRank,
@@ -55,7 +64,6 @@
     IconMoreH,
     Label,
     Menu,
-    setMetadataLocalStorage,
     showPopup,
     Spinner
   } from '@hcengineering/ui'
@@ -85,17 +93,19 @@
   export let sprint: Ref<Sprint> | null = $activeSprint ?? null
   export let relatedTo: Doc | undefined
   export let shouldSaveDraft: boolean = false
-  export let draft: IssueDraft | null
   export let parentIssue: Issue | undefined
   export let originalIssue: Issue | undefined
-  export let onDraftChanged: (draft: Data<IssueDraft>) => void
+  export let onDraftChanged: () => void
+
+  const draft: IssueDraft | undefined = getUserDraft(tracker.class.IssueDraft)
 
   let issueStatuses: WithLookup<IssueStatus>[] | undefined
   let labels: TagReference[] = draft?.labels || []
   let objectId: Ref<Issue> = draft?.issueId || generateId()
+  let saveTimer: number | undefined
   let currentTeam: Team | undefined
 
-  function toIssue (initials: AttachedData<Issue>, draft: IssueDraft | null): AttachedData<Issue> {
+  function toIssue (initials: AttachedData<Issue>, draft: IssueDraft | undefined): AttachedData<Issue> {
     if (draft == null) {
       return { ...initials }
     }
@@ -269,6 +279,36 @@
 
   $: originalIssue && setPropsFromOriginalIssue()
   $: draft && setPropsFromDraft()
+  $: object && updateDraft()
+
+  async function updateDraft () {
+    if (saveTimer) {
+      clearTimeout(saveTimer)
+    }
+    saveTimer = setTimeout(() => {
+      saveDraft()
+    }, 200)
+  }
+
+  async function saveDraft () {
+    if (!shouldSaveDraft) {
+      return
+    }
+
+    await descriptionBox?.createAttachments()
+
+    let newDraft: Data<IssueDraft> | undefined = createDraftFromObject()
+    const isEmpty = await isDraftEmpty(newDraft)
+
+    if (isEmpty) {
+      newDraft = undefined
+    }
+    updateUserDraft(tracker.class.IssueDraft, newDraft)
+
+    if (onDraftChanged) {
+      return onDraftChanged()
+    }
+  }
 
   async function updateIssueStatusId (teamId: Ref<Team>, issueStatusId?: Ref<IssueStatus>) {
     if (issueStatusId !== undefined) {
@@ -319,13 +359,17 @@
       return false
     }
 
+    if (draft.status === '') {
+      return true
+    }
+
     const team = await client.findOne(tracker.class.Team, { _id: _space })
 
     if (team?.defaultIssueStatus) {
       return draft.status === team.defaultIssueStatus
     }
 
-    return status === ''
+    return false
   }
 
   export function canClose (): boolean {
@@ -336,7 +380,7 @@
     const newDraft: Data<IssueDraft> = {
       issueId: objectId,
       title: getTitle(object.title),
-      description: object.description,
+      description: (object.description as string).replaceAll('<p></p>', ''),
       assignee: object.assignee,
       project: object.project,
       sprint: object.sprint,
@@ -355,23 +399,10 @@
   }
 
   export async function onOutsideClick () {
-    if (!shouldSaveDraft) {
-      return
-    }
-
-    await descriptionBox?.createAttachments()
-
-    const newDraft = createDraftFromObject()
-    const isEmpty = await isDraftEmpty(newDraft)
-
-    if (isEmpty) {
-      return
-    }
-
-    setMetadataLocalStorage(tracker.metadata.CreateIssueDraft, newDraft)
+    saveDraft()
 
     if (onDraftChanged) {
-      return onDraftChanged(newDraft)
+      return onDraftChanged()
     }
   }
 
@@ -523,6 +554,7 @@
 
     objectId = generateId()
     resetObject()
+    saveDraft()
   }
 
   async function showMoreActions (ev: Event) {
@@ -631,6 +663,8 @@
         (result?: boolean) => {
           if (result === true) {
             dispatch('close')
+            resetObject()
+            saveDraft()
           }
         }
       )

plugins/tracker-resources/src/components/NewIssueHeader.svelte

@@ -13,10 +13,9 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Data, Ref, Space } from '@hcengineering/core'
-  import { getClient } from '@hcengineering/presentation'
-  import { IssueDraft } from '@hcengineering/tracker'
-  import { Button, fetchMetadataLocalStorage, setMetadataLocalStorage, showPopup } from '@hcengineering/ui'
+  import { Ref, Space } from '@hcengineering/core'
+  import { getClient, isUserDraftExists } from '@hcengineering/presentation'
+  import { Button, showPopup } from '@hcengineering/ui'
   import tracker from '../plugin'
   import CreateIssue from './CreateIssue.svelte'
 
@@ -27,10 +26,10 @@
   let space: Ref<Space> | undefined
   $: updateSpace(currentSpace)
 
-  let issueDraft: Data<IssueDraft> | null = fetchMetadataLocalStorage(tracker.metadata.CreateIssueDraft)
+  let draftExists: boolean = isUserDraftExists(tracker.class.IssueDraft)
 
-  const handleDraftChanged = (draft: Data<IssueDraft>) => {
-    issueDraft = draft
+  const handleDraftChanged = () => {
+    draftExists = isUserDraftExists(tracker.class.IssueDraft)
   }
 
   async function updateSpace (spaceId: Ref<Space> | undefined): Promise<void> {
@@ -49,14 +48,7 @@
       space = team?._id
     }
 
-    showPopup(
-      CreateIssue,
-      { space, shouldSaveDraft: true, draft: issueDraft, onDraftChanged: handleDraftChanged },
-      'top'
-    )
-
-    setMetadataLocalStorage(tracker.metadata.CreateIssueDraft, null)
-    issueDraft = null
+    showPopup(CreateIssue, { space, shouldSaveDraft: true, onDraftChanged: handleDraftChanged }, 'top')
   }
 </script>
 
@@ -64,13 +56,13 @@
   <div class="flex-grow text-md">
     <Button
       icon={tracker.icon.NewIssue}
-      label={issueDraft ? tracker.string.ResumeDraft : tracker.string.NewIssue}
+      label={draftExists ? tracker.string.ResumeDraft : tracker.string.NewIssue}
       justify={'left'}
       width={'100%'}
       on:click={newIssue}
     >
       <div slot="content" class="draft-circle-container">
-        {#if issueDraft}
+        {#if draftExists}
           <div class="draft-circle" />
         {/if}
       </div>