From 75258e9236521538c34e0987c8c3369690e76f87 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 23 Jun 2022 02:46:51 +0300
Subject: [PATCH] Tracker: issues search

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/BoardHeader.svelte               |  2 +-
 .../src/components/issues/IssuesHeader.svelte       |  4 +++-
 .../src/components/issues/IssuesView.svelte         | 13 ++++++++++---
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/plugins/board-resources/src/components/BoardHeader.svelte b/plugins/board-resources/src/components/BoardHeader.svelte
index f6ec76f224..6ebb58c615 100644
--- a/plugins/board-resources/src/components/BoardHeader.svelte
+++ b/plugins/board-resources/src/components/BoardHeader.svelte
@@ -34,7 +34,7 @@
   })
 </script>
 
-<div class="ac-header divide full">
+<div class="ac-header full">
   {#if space}
     <div class="ac-header__wrap-description">
       <div class="ac-header__wrap-title" on:click>
diff --git a/plugins/tracker-resources/src/components/issues/IssuesHeader.svelte b/plugins/tracker-resources/src/components/issues/IssuesHeader.svelte
index e758db9a1d..e15150b23e 100644
--- a/plugins/tracker-resources/src/components/issues/IssuesHeader.svelte
+++ b/plugins/tracker-resources/src/components/issues/IssuesHeader.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Icon, TabList } from '@anticrm/ui'
+  import { Icon, TabList, SearchEdit } from '@anticrm/ui'
   import { Viewlet } from '@anticrm/view'
   import { FilterButton, setActiveViewletId } from '@anticrm/view-resources'
   import tracker from '../../plugin'
@@ -9,6 +9,7 @@
   export let viewlet: WithLookup<Viewlet> | undefined
   export let viewlets: WithLookup<Viewlet>[] = []
   export let label: string
+  export let search: string
 
   $: viewslist = viewlets.map((views) => {
     return {
@@ -25,6 +26,7 @@
     <span class="ac-header__title">{label}</span>
     <div class="ml-4"><FilterButton _class={tracker.class.Issue} /></div>
   </div>
+  <SearchEdit bind:value={search} on:change={() => {}} />
   {#if viewlets.length > 1}
     <TabList
       items={viewslist}
diff --git a/plugins/tracker-resources/src/components/issues/IssuesView.svelte b/plugins/tracker-resources/src/components/issues/IssuesView.svelte
index 5f94a25bb0..e0e36345c6 100644
--- a/plugins/tracker-resources/src/components/issues/IssuesView.svelte
+++ b/plugins/tracker-resources/src/components/issues/IssuesView.svelte
@@ -19,7 +19,14 @@
   export let panelWidth: number = 0
 
   let viewlet: WithLookup<Viewlet> | undefined = undefined
-  let resultQuery: DocumentQuery<Issue> = {}
+  let search = ''
+  let searchQuery: DocumentQuery<Issue> = { ...query }
+  function updateSearchQuery (search: string): void {
+    searchQuery = search === '' ? { ...query } : { ...query, $search: search }
+  }
+  $: updateSearchQuery(search)
+  $: if (query) updateSearchQuery(search)
+  let resultQuery: DocumentQuery<Issue> = { ...searchQuery }
 
   const client = getClient()
 
@@ -63,7 +70,7 @@
 </script>
 
 {#if currentSpace}
-  <IssuesHeader {viewlets} {label} bind:viewlet>
+  <IssuesHeader {viewlets} {label} bind:viewlet bind:search>
     <svelte:fragment slot="extra">
       {#if asideFloat && $$slots.aside}
         <Button
@@ -78,7 +85,7 @@
       {/if}
     </svelte:fragment>
   </IssuesHeader>
-  <FilterBar _class={tracker.class.Issue} {query} on:change={(e) => (resultQuery = e.detail)} />
+  <FilterBar _class={tracker.class.Issue} query={searchQuery} on:change={(e) => (resultQuery = e.detail)} />
   <div class="flex w-full h-full clear-mins">
     {#if viewlet}
       <IssuesContent {currentSpace} {viewlet} query={resultQuery} />