Add project selector (#1973)

Signed-off-by: Dvinyanin Alexandr <dvinyanin.alexandr@gmail.com>

plugins/tracker-resources/src/components/issues/IssuesFilterMenu.svelte

@@ -18,6 +18,7 @@
   import { showPopup } from '@anticrm/ui'
   import StatusFilterMenuSection from './StatusFilterMenuSection.svelte'
   import PriorityFilterMenuSection from './PriorityFilterMenuSection.svelte'
+  import ProjectFilterMenuSection from './ProjectFilterMenuSection.svelte'
   import FilterMenu from '../FilterMenu.svelte'
   import {
     defaultPriorities,
@@ -40,6 +41,7 @@
   $: defaultStatusIds = defaultStatuses.map((x) => x._id)
   $: groupedByStatus = getGroupedIssues('status', issues, defaultStatusIds)
   $: groupedByPriority = getGroupedIssues('priority', issues, defaultPriorities)
+  $: groupedByProject = getGroupedIssues('project', issues)
 
   const handleStatusFilterMenuSectionOpened = (event: MouseEvent | KeyboardEvent) => {
     const statusGroups: { [key: string]: number } = {}
@@ -82,6 +84,25 @@
     )
   }
 
+  const handleProjectFilterMenuSectionOpened = (event: MouseEvent | KeyboardEvent) => {
+    const projectGroups: { [key: string]: number } = {}
+
+    for (const [project, value] of Object.entries(groupedByProject)) {
+      projectGroups[project] = value?.length ?? 0
+    }
+    showPopup(
+      ProjectFilterMenuSection,
+      {
+        groups: projectGroups,
+        selectedElements: currentFilterQuery?.project?.[currentFilterMode] ?? [],
+        index,
+        onUpdate,
+        onBack
+      },
+      targetHtml
+    )
+  }
+
   const actions: FilterAction[] = [
     {
       ...getIssueFilterAssetsByType('status'),
@@ -90,6 +111,10 @@
     {
       ...getIssueFilterAssetsByType('priority'),
       onSelect: handlePriorityFilterMenuSectionOpened
+    },
+    {
+      ...getIssueFilterAssetsByType('project'),
+      onSelect: handleProjectFilterMenuSectionOpened
     }
   ]
 </script>

plugins/tracker-resources/src/components/issues/ProjectFilterMenuSection.svelte

@@ -0,0 +1,66 @@
+<!--
+// 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 { translate } from '@anticrm/platform'
+  import { IconNavPrev } from '@anticrm/ui'
+  import FilterMenuSection from '../FilterMenuSection.svelte'
+  import tracker from '../../plugin'
+  import { FilterSectionElement } from '../../utils'
+  import { getClient } from '@anticrm/presentation'
+
+  export let selectedElements: any[] = []
+  export let groups: { [key: string]: number }
+  export let index: number = 0
+  export let onUpdate: (result: { [p: string]: any }, filterIndex?: number) => void
+  export let onBack: (() => void) | undefined = undefined
+
+  const getFilterElements = async (groups: { [key: string]: number }, selected: any[]) => {
+    const elements: FilterSectionElement[] = []
+
+    const client = getClient()
+    const projects = await client.findAll(tracker.class.Project, {})
+    for (const [key, value] of Object.entries(groups)) {
+      const project = key === 'null' ? null : key
+      const label = project
+        ? projects.find(({ _id }) => _id === project)?.label
+        : await translate(tracker.string.NoProject, {})
+
+      if (!label) {
+        continue
+      }
+      elements.splice(project ? 1 : 0, 0, {
+        icon: tracker.icon.Project,
+        title: label,
+        count: value,
+        isSelected: selected.includes(project),
+        onSelect: () => onUpdate({ project }, index)
+      })
+    }
+    return onBack
+      ? [
+          {
+            icon: IconNavPrev,
+            title: await translate(tracker.string.Back, {}),
+            onSelect: onBack
+          },
+          ...elements
+        ]
+      : elements
+  }
+</script>
+
+{#await getFilterElements(groups, selectedElements) then actions}
+  <FilterMenuSection {actions} {onBack} on:close />
+{/await}