From 7ea1707bc67a4b6d4f8e3d052decae75bad6ce39 Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Fri, 3 Jun 2022 19:12:19 +0700
Subject: [PATCH 1/4] Add "Create Sub-issue" component

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 .../src/components/CreateIssue.svelte         |  43 +++---
 .../components/issues/AssigneeEditor.svelte   |  32 +++--
 .../src/components/issues/StatusEditor.svelte |  23 ++-
 .../issues/edit/CreateSubIssue.svelte         | 131 ++++++++++++++++++
 .../components/issues/edit/EditIssue.svelte   |   4 +-
 .../components/issues/edit/SubIssues.svelte   |  50 ++++---
 6 files changed, 215 insertions(+), 68 deletions(-)
 create mode 100644 plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte

diff --git a/plugins/tracker-resources/src/components/CreateIssue.svelte b/plugins/tracker-resources/src/components/CreateIssue.svelte
index 78280eb0c82..df2f3faa7dc 100644
--- a/plugins/tracker-resources/src/components/CreateIssue.svelte
+++ b/plugins/tracker-resources/src/components/CreateIssue.svelte
@@ -13,9 +13,9 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import contact, { Employee } from '@anticrm/contact'
+  import { Employee } from '@anticrm/contact'
   import core, { AttachedData, Ref, SortingOrder, WithLookup } from '@anticrm/core'
-  import presentation, { Card, createQuery, getClient, SpaceSelector, UserBox } from '@anticrm/presentation'
+  import presentation, { Card, createQuery, getClient, SpaceSelector } from '@anticrm/presentation'
   import { StyledTextBox } from '@anticrm/text-editor'
   import { calcRank, Issue, IssuePriority, IssueStatus, Project, Team } from '@anticrm/tracker'
   import {
@@ -36,7 +36,8 @@
   import PrioritySelector from './PrioritySelector.svelte'
   import ProjectSelector from './ProjectSelector.svelte'
   import SetDueDateActionPopup from './SetDueDateActionPopup.svelte'
-  import StatusSelector from './StatusSelector.svelte'
+  import AssigneeEditor from './issues/AssigneeEditor.svelte'
+  import StatusEditor from './issues/StatusEditor.svelte'
 
   export let space: Ref<Team>
   export let status: Ref<IssueStatus> | undefined = undefined
@@ -200,14 +201,6 @@
     object.priority = newPriority
   }
 
-  const handleStatusChanged = (statusId: Ref<IssueStatus> | undefined) => {
-    if (statusId === undefined) {
-      return
-    }
-
-    object.status = statusId
-  }
-
   const handleProjectIdChanged = (projectId: Ref<Project> | null | undefined) => {
     if (projectId === undefined) {
       return
@@ -258,23 +251,31 @@
   />
   <svelte:fragment slot="pool">
     {#if issueStatuses}
-      <StatusSelector selectedStatusId={object.status} statuses={issueStatuses} onStatusChange={handleStatusChanged} />
+      <StatusEditor
+        value={object}
+        statuses={issueStatuses}
+        kind="no-border"
+        width="min-content"
+        size="small"
+        shouldShowLabel={true}
+        tooltipFill={false}
+        on:change={({ detail }) => (object.status = detail)}
+      />
       <PrioritySelector priority={object.priority} onPriorityChange={handlePriorityChanged} />
-      <UserBox
-        _class={contact.class.Employee}
-        label={tracker.string.Assignee}
-        placeholder={tracker.string.AssignTo}
-        bind:value={currentAssignee}
-        allowDeselect
-        titleDeselect={tracker.string.Unassigned}
+      <AssigneeEditor
+        value={object}
+        size="small"
+        kind="no-border"
+        tooltipFill={false}
+        on:change={({ detail }) => (currentAssignee = detail)}
       />
-      <Button
+      <!-- <Button
         label={tracker.string.Labels}
         icon={tracker.icon.Labels}
         width="min-content"
         size="small"
         kind="no-border"
-      />
+      /> -->
       <ProjectSelector value={object.project} onProjectIdChange={handleProjectIdChanged} />
       {#if object.dueDate !== null}
         <DatePresenter bind:value={object.dueDate} editable />
diff --git a/plugins/tracker-resources/src/components/issues/AssigneeEditor.svelte b/plugins/tracker-resources/src/components/issues/AssigneeEditor.svelte
index 776af7e55b2..7d8830b55d4 100644
--- a/plugins/tracker-resources/src/components/issues/AssigneeEditor.svelte
+++ b/plugins/tracker-resources/src/components/issues/AssigneeEditor.svelte
@@ -13,37 +13,39 @@
 // limitations under the License.
 -->
 <script lang="ts">
+  import { createEventDispatcher } from 'svelte'
   import { Employee } from '@anticrm/contact'
-  import { Ref } from '@anticrm/core'
+  import { AttachedData, Ref } from '@anticrm/core'
   import { getClient, UserBox } from '@anticrm/presentation'
   import { Issue } from '@anticrm/tracker'
-  import { Tooltip } from '@anticrm/ui'
+  import { ButtonKind, ButtonSize, Tooltip, TooltipAlignment } from '@anticrm/ui'
   import contact from '@anticrm/contact'
   import tracker from '../../plugin'
 
-  export let value: Issue
+  export let value: Issue | AttachedData<Issue>
+  export let size: ButtonSize = 'large'
+  export let kind: ButtonKind = 'link'
+  export let tooltipAlignment: TooltipAlignment | undefined = undefined
+  export let tooltipFill = true
 
   const client = getClient()
+  const dispatch = createEventDispatcher()
 
   const handleAssigneeChanged = async (newAssignee: Ref<Employee> | undefined) => {
     if (newAssignee === undefined || value.assignee === newAssignee) {
       return
     }
 
-    await client.updateCollection(
-      value._class,
-      value.space,
-      value._id,
-      value.attachedTo,
-      value.attachedToClass,
-      value.collection,
-      { assignee: newAssignee }
-    )
+    dispatch('change', newAssignee)
+
+    if ('_id' in value) {
+      await client.update(value, { assignee: newAssignee })
+    }
   }
 </script>
 
 {#if value}
-  <Tooltip label={tracker.string.AssignTo} fill>
+  <Tooltip label={tracker.string.AssignTo} direction={tooltipAlignment} fill={tooltipFill}>
     <UserBox
       _class={contact.class.Employee}
       label={tracker.string.Assignee}
@@ -51,8 +53,8 @@
       value={value.assignee}
       allowDeselect
       titleDeselect={tracker.string.Unassigned}
-      size="large"
-      kind="link"
+      {size}
+      {kind}
       width="100%"
       justify="left"
       on:change={({ detail }) => handleAssigneeChanged(detail)}
diff --git a/plugins/tracker-resources/src/components/issues/StatusEditor.svelte b/plugins/tracker-resources/src/components/issues/StatusEditor.svelte
index 6b1b8844967..46c88979c06 100644
--- a/plugins/tracker-resources/src/components/issues/StatusEditor.svelte
+++ b/plugins/tracker-resources/src/components/issues/StatusEditor.svelte
@@ -13,7 +13,8 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Ref, WithLookup } from '@anticrm/core'
+  import { createEventDispatcher } from 'svelte'
+  import { AttachedData, Ref, WithLookup } from '@anticrm/core'
   import { Issue, IssueStatus } from '@anticrm/tracker'
   import { getClient } from '@anticrm/presentation'
   import { Tooltip, TooltipAlignment } from '@anticrm/ui'
@@ -21,11 +22,12 @@
   import tracker from '../../plugin'
   import StatusSelector from '../StatusSelector.svelte'
 
-  export let value: Issue
+  export let value: Issue | AttachedData<Issue>
   export let statuses: WithLookup<IssueStatus>[]
   export let isEditable: boolean = true
   export let shouldShowLabel: boolean = false
   export let tooltipAlignment: TooltipAlignment | undefined = undefined
+  export let tooltipFill = true
 
   export let kind: ButtonKind = 'link'
   export let size: ButtonSize = 'large'
@@ -33,27 +35,24 @@
   export let width: string | undefined = '100%'
 
   const client = getClient()
+  const dispatch = createEventDispatcher()
 
   const handleStatusChanged = async (newStatus: Ref<IssueStatus> | undefined) => {
     if (!isEditable || newStatus === undefined || value.status === newStatus) {
       return
     }
 
-    await client.updateCollection(
-      value._class,
-      value.space,
-      value._id,
-      value.attachedTo,
-      value.attachedToClass,
-      value.collection,
-      { status: newStatus }
-    )
+    dispatch('change', newStatus)
+
+    if ('_id' in value) {
+      await client.update(value, { status: newStatus })
+    }
   }
 </script>
 
 {#if value}
   {#if isEditable}
-    <Tooltip label={tracker.string.SetStatus} direction={tooltipAlignment} fill>
+    <Tooltip label={tracker.string.SetStatus} direction={tooltipAlignment} fill={tooltipFill}>
       <StatusSelector
         {kind}
         {size}
diff --git a/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
new file mode 100644
index 00000000000..e4041dc0f4d
--- /dev/null
+++ b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
@@ -0,0 +1,131 @@
+<!-- 
+// 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 { createEventDispatcher } from 'svelte'
+  import { AttachedData, Ref, WithLookup } from '@anticrm/core'
+  import presentation, { SpaceSelector } from '@anticrm/presentation'
+  import { StyledTextArea } from '@anticrm/text-editor'
+  import { IssueStatus, Team, IssuePriority, Issue } from '@anticrm/tracker'
+  import { Button, EditBox } from '@anticrm/ui'
+  import tracker from '../../../plugin'
+  import AssigneeEditor from '../AssigneeEditor.svelte'
+  import StatusEditor from '../StatusEditor.svelte'
+
+  export let teamId: Ref<Team>
+  export let issueStatuses: WithLookup<IssueStatus>[]
+
+  const dispatch = createEventDispatcher()
+  const issue: AttachedData<Issue> = {
+    title: '',
+    description: '',
+    assignee: null,
+    project: null,
+    number: 0,
+    rank: '',
+    status: '' as Ref<IssueStatus>,
+    priority: IssuePriority.NoPriority,
+    dueDate: null,
+    comments: 0,
+    subIssues: 0
+  }
+
+  let content: HTMLDivElement
+  let space = teamId
+
+  function getTitle (value: string) {
+    return value.trim()
+  }
+
+  function close () {
+    dispatch('close')
+  }
+
+  async function createIssue () {
+    if (!canSave) {
+      return
+    }
+
+    console.log('TODO: save')
+  }
+
+  $: content && content.scrollIntoView({ behavior: 'smooth' })
+  $: canSave = getTitle(issue.title ?? '').length > 0
+</script>
+
+<div class="flex-col root">
+  <div class="flex-row-top">
+    <StatusEditor
+      value={issue}
+      statuses={issueStatuses}
+      kind="transparent"
+      width="min-content"
+      size="medium"
+      tooltipFill={false}
+      tooltipAlignment="bottom"
+      on:change={({ detail }) => (issue.status = detail)}
+    />
+    <div bind:this={content} class="w-full flex-col content">
+      <EditBox bind:value={issue.title} maxWidth="33rem" placeholder={tracker.string.IssueTitlePlaceholder} />
+      <div class="mt-4">
+        <StyledTextArea
+          bind:content={issue.description}
+          placeholder={tracker.string.IssueDescriptionPlaceholder}
+          showButtons={false}
+        />
+      </div>
+    </div>
+  </div>
+  <div class="mt-4 flex-between">
+    <div class="buttons-group xsmall-gap">
+      <SpaceSelector _class={tracker.class.Team} label={tracker.string.Team} bind:space />
+      <AssigneeEditor
+        value={issue}
+        size="small"
+        kind="no-border"
+        tooltipFill={false}
+        on:change={({ detail }) => (issue.assignee = detail)}
+      />
+    </div>
+    <div class="buttons-group">
+      <Button
+        label={presentation.string.Cancel}
+        size="small"
+        kind="transparent"
+        on:click={close}
+      />
+      <Button
+        disabled={!canSave}
+        label={presentation.string.Save}
+        size="small"
+        kind="no-border"
+        on:click={createIssue}
+      />
+    </div>
+  </div>
+</div>
+
+<style lang="scss">
+  .root {
+    padding: 0.5rem 1.5rem;
+    background-color: var(--theme-bg-accent-color);
+    border: 1px solid var(--theme-button-border-enabled);
+    border-radius: 0.5rem;
+    overflow: hidden;
+
+    .content {
+      padding-top: 0.3rem;
+    }
+  }
+</style>
diff --git a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
index b802047404c..0c1d382bef2 100644
--- a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
@@ -241,7 +241,9 @@
         {/if}
       </div>
       <div class="mt-6">
-        <SubIssues {issue} {issueStatuses} />
+        {#key issue._id}
+          <SubIssues {issue} {issueStatuses} />
+        {/key}
       </div>
     {/if}
     <AttachmentDocList value={issue} />
diff --git a/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte b/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
index ae7037fd696..00bcf49acb1 100644
--- a/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
@@ -16,10 +16,11 @@
   import { SortingOrder, WithLookup } from '@anticrm/core'
   import { createQuery, getClient } from '@anticrm/presentation'
   import { calcRank, Issue, IssueStatus } from '@anticrm/tracker'
-  import { Button, Spinner, ExpandCollapse } from '@anticrm/ui'
+  import { Button, Spinner, ExpandCollapse, Tooltip, closeTooltip, IconAdd } from '@anticrm/ui'
   import tracker from '../../../plugin'
   import Collapsed from '../../icons/Collapsed.svelte'
   import Expanded from '../../icons/Expanded.svelte'
+  import CreateSubIssue from './CreateSubIssue.svelte'
   import SubIssueList from './SubIssueList.svelte'
 
   export let issue: Issue
@@ -30,7 +31,7 @@
 
   let subIssues: Issue[] | undefined
   let isCollapsed = false
-  // let isCreating = false
+  let isCreating = false
 
   async function handleIssueSwap (ev: CustomEvent<{ fromIndex: number; toIndex: number }>) {
     if (subIssues) {
@@ -60,11 +61,14 @@
       kind="transparent"
       label={tracker.string.SubIssues}
       labelParams={{ subIssues: issue.subIssues }}
-      on:click={() => (isCollapsed = !isCollapsed)}
+      on:click={() => {
+        isCollapsed = !isCollapsed
+        isCreating = false
+      }}
     />
   {/if}
 
-  <!-- <Tooltip label={tracker.string.AddSubIssues} props={{ subIssues: 1 }} direction="bottom">
+  <Tooltip label={tracker.string.AddSubIssues} props={{ subIssues: 1 }} direction="bottom">
     <Button
       width="min-content"
       icon={hasSubIssues ? IconAdd : undefined}
@@ -75,25 +79,33 @@
       on:click={() => {
         closeTooltip()
         isCreating = true
+        isCollapsed = false
       }}
     />
-  </Tooltip> -->
+  </Tooltip>
 </div>
-{#if hasSubIssues}
-  <div class="mt-1">
-    {#if subIssues && issueStatuses}
-      <div class="list" class:collapsed={isCollapsed}>
-        <ExpandCollapse isExpanded={!isCollapsed} duration={400}>
+<div class="mt-1">
+  {#if subIssues && issueStatuses}
+    <ExpandCollapse isExpanded={!isCollapsed} duration={400}>
+      {#if hasSubIssues}
+        <div class="list" class:collapsed={isCollapsed}>
           <SubIssueList issues={subIssues} {issueStatuses} on:move={handleIssueSwap} />
-        </ExpandCollapse>
-      </div>
-    {:else}
-      <div class="flex-center pt-3">
-        <Spinner />
-      </div>
-    {/if}
-  </div>
-{/if}
+        </div>
+      {/if}
+    </ExpandCollapse>
+    <ExpandCollapse isExpanded={!isCollapsed} duration={400}>
+      {#if isCreating}
+        <div class="pt-4">
+          <CreateSubIssue teamId={issue.space} {issueStatuses} on:close={() => (isCreating = false)} />
+        </div>
+      {/if}
+    </ExpandCollapse>
+  {:else}
+    <div class="flex-center pt-3">
+      <Spinner />
+    </div>
+  {/if}
+</div>
 
 <style lang="scss">
   .list {

From 492dbdecc94099db8502a2dc100c1e6559141476 Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Mon, 6 Jun 2022 14:42:30 +0700
Subject: [PATCH 2/4] Remove unnecessary $lookup

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 .../src/components/CreateIssue.svelte                 | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/plugins/tracker-resources/src/components/CreateIssue.svelte b/plugins/tracker-resources/src/components/CreateIssue.svelte
index df2f3faa7dc..fd41dc19853 100644
--- a/plugins/tracker-resources/src/components/CreateIssue.svelte
+++ b/plugins/tracker-resources/src/components/CreateIssue.svelte
@@ -82,15 +82,10 @@
       return
     }
 
-    const team = await client.findOne(
-      tracker.class.Team,
-      { _id: teamId },
-      { lookup: { defaultIssueStatus: tracker.class.IssueStatus } }
-    )
-    const teamDefaultIssueStatusId = team?.$lookup?.defaultIssueStatus?._id
+    const team = await client.findOne(tracker.class.Team, { _id: teamId })
 
-    if (teamDefaultIssueStatusId) {
-      object.status = teamDefaultIssueStatusId
+    if (team?.defaultIssueStatus) {
+      object.status = team.defaultIssueStatus
     }
   }
 

From a4023508ad4ca4be14d88797d8f777589f90dc7a Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Mon, 6 Jun 2022 16:25:53 +0700
Subject: [PATCH 3/4] Add sub-issues creation

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 packages/ui/src/components/EditBox.svelte     |   6 +-
 .../issues/edit/CreateSubIssue.svelte         | 105 ++++++++++++------
 .../components/issues/edit/EditIssue.svelte   |   2 +-
 .../components/issues/edit/SubIssues.svelte   |   7 +-
 4 files changed, 79 insertions(+), 41 deletions(-)

diff --git a/packages/ui/src/components/EditBox.svelte b/packages/ui/src/components/EditBox.svelte
index 040a1fb52fa..bf2c52bda81 100644
--- a/packages/ui/src/components/EditBox.svelte
+++ b/packages/ui/src/components/EditBox.svelte
@@ -68,11 +68,15 @@
     computeSize(input)
   })
 
+  export function focusInput () {
+    input?.focus()
+  }
+
   // Focusable control with index
   export let focusIndex = -1
   const { idx, focusManager } = registerFocus(focusIndex, {
     focus: () => {
-      input?.focus()
+      focusInput()
       return input != null
     },
     isFocus: () => document.activeElement === input
diff --git a/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
index e4041dc0f4d..9200cc6b835 100644
--- a/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
@@ -14,35 +14,46 @@
 -->
 <script lang="ts">
   import { createEventDispatcher } from 'svelte'
-  import { AttachedData, Ref, WithLookup } from '@anticrm/core'
-  import presentation, { SpaceSelector } from '@anticrm/presentation'
+  import core, { AttachedData, Ref, SortingOrder, WithLookup } from '@anticrm/core'
+  import presentation, { getClient } from '@anticrm/presentation'
   import { StyledTextArea } from '@anticrm/text-editor'
-  import { IssueStatus, Team, IssuePriority, Issue } from '@anticrm/tracker'
+  import { IssueStatus, IssuePriority, Issue, Team, calcRank } from '@anticrm/tracker'
   import { Button, EditBox } from '@anticrm/ui'
   import tracker from '../../../plugin'
   import AssigneeEditor from '../AssigneeEditor.svelte'
   import StatusEditor from '../StatusEditor.svelte'
 
-  export let teamId: Ref<Team>
+  export let parentIssue: Issue
   export let issueStatuses: WithLookup<IssueStatus>[]
+  export let currentTeam: Team
 
   const dispatch = createEventDispatcher()
-  const issue: AttachedData<Issue> = {
-    title: '',
-    description: '',
-    assignee: null,
-    project: null,
-    number: 0,
-    rank: '',
-    status: '' as Ref<IssueStatus>,
-    priority: IssuePriority.NoPriority,
-    dueDate: null,
-    comments: 0,
-    subIssues: 0
+  const client = getClient()
+
+  let newIssue: AttachedData<Issue> = getIssueDefaults()
+  let thisRef: HTMLDivElement
+  let focusIssueTitle: () => void
+
+  function getIssueDefaults (): AttachedData<Issue> {
+    return {
+      title: '',
+      description: '',
+      assignee: null,
+      project: null,
+      number: 0,
+      rank: '',
+      status: '' as Ref<IssueStatus>,
+      priority: IssuePriority.NoPriority,
+      dueDate: null,
+      comments: 0,
+      subIssues: 0
+    }
   }
 
-  let content: HTMLDivElement
-  let space = teamId
+  function resetToDefaults () {
+    newIssue = getIssueDefaults()
+    focusIssueTitle?.()
+  }
 
   function getTitle (value: string) {
     return value.trim()
@@ -57,30 +68,57 @@
       return
     }
 
-    console.log('TODO: save')
+    const space = currentTeam._id
+    const lastOne = await client.findOne<Issue>(tracker.class.Issue, {}, { sort: { rank: SortingOrder.Descending } })
+    const incResult = await client.updateDoc(
+      tracker.class.Team,
+      core.space.Space,
+      space,
+      { $inc: { sequence: 1 } },
+      true
+    )
+
+    const value: AttachedData<Issue> = {
+      ...newIssue,
+      title: getTitle(newIssue.title),
+      number: (incResult as any).object.sequence,
+      rank: calcRank(lastOne, undefined)
+    }
+
+    await client.addCollection(tracker.class.Issue, space, parentIssue._id, parentIssue._class, 'subIssues', value)
+    resetToDefaults()
   }
 
-  $: content && content.scrollIntoView({ behavior: 'smooth' })
-  $: canSave = getTitle(issue.title ?? '').length > 0
+  $: thisRef && thisRef.scrollIntoView({ behavior: 'smooth' })
+  $: canSave = getTitle(newIssue.title ?? '').length > 0
+  $: if (!newIssue.status && currentTeam?.defaultIssueStatus) {
+    newIssue.status = currentTeam.defaultIssueStatus
+  }
 </script>
 
-<div class="flex-col root">
+<div bind:this={thisRef} class="flex-col root">
   <div class="flex-row-top">
     <StatusEditor
-      value={issue}
+      value={newIssue}
       statuses={issueStatuses}
       kind="transparent"
       width="min-content"
       size="medium"
       tooltipFill={false}
       tooltipAlignment="bottom"
-      on:change={({ detail }) => (issue.status = detail)}
+      on:change={({ detail }) => (newIssue.status = detail)}
     />
-    <div bind:this={content} class="w-full flex-col content">
-      <EditBox bind:value={issue.title} maxWidth="33rem" placeholder={tracker.string.IssueTitlePlaceholder} />
+    <div class="w-full flex-col content">
+      <EditBox
+        bind:value={newIssue.title}
+        bind:focusInput={focusIssueTitle}
+        maxWidth="33rem"
+        placeholder={tracker.string.IssueTitlePlaceholder}
+        focus
+      />
       <div class="mt-4">
         <StyledTextArea
-          bind:content={issue.description}
+          bind:content={newIssue.description}
           placeholder={tracker.string.IssueDescriptionPlaceholder}
           showButtons={false}
         />
@@ -89,22 +127,17 @@
   </div>
   <div class="mt-4 flex-between">
     <div class="buttons-group xsmall-gap">
-      <SpaceSelector _class={tracker.class.Team} label={tracker.string.Team} bind:space />
+      <!-- <SpaceSelector _class={tracker.class.Team} label={tracker.string.Team} bind:space /> -->
       <AssigneeEditor
-        value={issue}
+        value={newIssue}
         size="small"
         kind="no-border"
         tooltipFill={false}
-        on:change={({ detail }) => (issue.assignee = detail)}
+        on:change={({ detail }) => (newIssue.assignee = detail)}
       />
     </div>
     <div class="buttons-group">
-      <Button
-        label={presentation.string.Cancel}
-        size="small"
-        kind="transparent"
-        on:click={close}
-      />
+      <Button label={presentation.string.Cancel} size="small" kind="transparent" on:click={close} />
       <Button
         disabled={!canSave}
         label={presentation.string.Save}
diff --git a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
index 0c1d382bef2..cdf4d46e92d 100644
--- a/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte
@@ -242,7 +242,7 @@
       </div>
       <div class="mt-6">
         {#key issue._id}
-          <SubIssues {issue} {issueStatuses} />
+          <SubIssues {issue} {issueStatuses} {currentTeam} />
         {/key}
       </div>
     {/if}
diff --git a/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte b/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
index 00bcf49acb1..b3bd5d77c53 100644
--- a/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte
@@ -15,7 +15,7 @@
 <script lang="ts">
   import { SortingOrder, WithLookup } from '@anticrm/core'
   import { createQuery, getClient } from '@anticrm/presentation'
-  import { calcRank, Issue, IssueStatus } from '@anticrm/tracker'
+  import { calcRank, Issue, IssueStatus, Team } from '@anticrm/tracker'
   import { Button, Spinner, ExpandCollapse, Tooltip, closeTooltip, IconAdd } from '@anticrm/ui'
   import tracker from '../../../plugin'
   import Collapsed from '../../icons/Collapsed.svelte'
@@ -24,6 +24,7 @@
   import SubIssueList from './SubIssueList.svelte'
 
   export let issue: Issue
+  export let currentTeam: Team | undefined
   export let issueStatuses: WithLookup<IssueStatus>[] | undefined
 
   const subIssuesQuery = createQuery()
@@ -85,7 +86,7 @@
   </Tooltip>
 </div>
 <div class="mt-1">
-  {#if subIssues && issueStatuses}
+  {#if subIssues && issueStatuses && currentTeam}
     <ExpandCollapse isExpanded={!isCollapsed} duration={400}>
       {#if hasSubIssues}
         <div class="list" class:collapsed={isCollapsed}>
@@ -96,7 +97,7 @@
     <ExpandCollapse isExpanded={!isCollapsed} duration={400}>
       {#if isCreating}
         <div class="pt-4">
-          <CreateSubIssue teamId={issue.space} {issueStatuses} on:close={() => (isCreating = false)} />
+          <CreateSubIssue parentIssue={issue} {issueStatuses} {currentTeam} on:close={() => (isCreating = false)} />
         </div>
       {/if}
     </ExpandCollapse>

From 58d4d0d70056a95f35542c698b72a3622924e3cf Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Mon, 6 Jun 2022 17:57:28 +0700
Subject: [PATCH 4/4] Fix buttons right padding

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 .../src/components/issues/edit/CreateSubIssue.svelte            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
index 9200cc6b835..060309448cb 100644
--- a/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
@@ -136,7 +136,7 @@
         on:change={({ detail }) => (newIssue.assignee = detail)}
       />
     </div>
-    <div class="buttons-group">
+    <div class="buttons-group small-gap">
       <Button label={presentation.string.Cancel} size="small" kind="transparent" on:click={close} />
       <Button
         disabled={!canSave}