Tracker: split "edit issue" dialog to preview / edit (#1731)

plugins/tracker-resources/src/components/projects/ProjectEditor.svelte

@@ -0,0 +1,61 @@
+<!--
+// 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 { Ref } from '@anticrm/core'
+  import { Issue, Project } from '@anticrm/tracker'
+  import { getClient } from '@anticrm/presentation'
+  import { ButtonKind, ButtonShape, ButtonSize, Tooltip } from '@anticrm/ui'
+  import { IntlString } from '@anticrm/platform'
+  import tracker from '../../plugin'
+  import ProjectSelector from '../ProjectSelector.svelte'
+
+  export let value: Issue
+  export let isEditable: boolean = true
+  export let shouldShowLabel: boolean = true
+  export let popupPlaceholder: IntlString = tracker.string.MoveToProject
+  export let shouldShowPlaceholder = true
+  export let kind: ButtonKind = 'link'
+  export let size: ButtonSize = 'large'
+  export let shape: ButtonShape = undefined
+  export let justify: 'left' | 'center' = 'left'
+  export let width: string | undefined = '100%'
+
+  const client = getClient()
+
+  const handleProjectIdChanged = async (newProjectId: Ref<Project> | null | undefined) => {
+    if (!isEditable || newProjectId === undefined || value.project === newProjectId) {
+      return
+    }
+
+    await client.update(value, { project: newProjectId })
+  }
+</script>
+
+{#if value.project || shouldShowPlaceholder}
+  <Tooltip label={value.project ? tracker.string.MoveToProject : tracker.string.AddToProject} fill>
+    <ProjectSelector
+      {kind}
+      {size}
+      {shape}
+      {width}
+      {justify}
+      {isEditable}
+      {shouldShowLabel}
+      {popupPlaceholder}
+      value={value.project}
+      onProjectIdChange={handleProjectIdChanged}
+    />
+  </Tooltip>
+{/if}

plugins/tracker-resources/src/components/projects/ProjectTitlePresenter.svelte

@@ -0,0 +1,25 @@
+<!--
+// 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 { Project } from '@anticrm/tracker'
+
+  export let value: Project | undefined
+</script>
+
+{#if value}
+  <span class="overflow-label">
+    {value.label}
+  </span>
+{/if}