From 4e776248268f02bc119e3836629c23c9dbb44cee Mon Sep 17 00:00:00 2001
From: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>
Date: Mon, 28 Mar 2022 21:22:10 +0600
Subject: [PATCH] Allow to find without done state (#1215)

Signed-off-by: Denis Bykhov <80476319+BykhovDenis@users.noreply.github.com>
---
 .../src/components/StatusTableView.svelte     | 30 ++++++++++++++++---
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/plugins/task-resources/src/components/StatusTableView.svelte b/plugins/task-resources/src/components/StatusTableView.svelte
index 744fb8e00c..bb43281621 100644
--- a/plugins/task-resources/src/components/StatusTableView.svelte
+++ b/plugins/task-resources/src/components/StatusTableView.svelte
@@ -16,14 +16,14 @@
 <script lang="ts">
   import { Class, DocumentQuery, FindOptions, Ref } from '@anticrm/core'
   import { createQuery } from '@anticrm/presentation'
-  import task, { DoneState, SpaceWithStates, State, Task } from '@anticrm/task'
+  import { DoneState, SpaceWithStates, State, Task } from '@anticrm/task'
   import { ScrollBox } from '@anticrm/ui'
   import Label from '@anticrm/ui/src/components/Label.svelte'
   import { Table } from '@anticrm/view-resources'
   import Lost from './icons/Lost.svelte'
   import Won from './icons/Won.svelte'
   import StatesBar from './state/StatesBar.svelte'
-  import plugin from '../plugin'
+  import task from '../plugin'
 
   export let _class: Ref<Class<Task>>
   export let space: Ref<SpaceWithStates>
@@ -37,6 +37,7 @@
   let resConfig = config
   let query = {}
   let doneStates: DoneState[] = []
+  let withoutDone: boolean = false
 
   function updateConfig (): void {
     if (state !== undefined) {
@@ -73,11 +74,14 @@
       result.doneState = {
         $in: Array.from(selectedDoneStates)
       }
+    } else if (withoutDone) {
+      result.doneState = null
     }
     query = result
   }
 
   function doneStateClick (id: Ref<DoneState>): void {
+    withoutDone = false
     if (selectedDoneStates.has(id)) {
       selectedDoneStates.delete(id)
     } else {
@@ -87,6 +91,13 @@
     updateQuery(search, selectedDoneStates)
   }
 
+  function noDoneClick (): void {
+    withoutDone = !withoutDone
+    selectedDoneStates.clear()
+    selectedDoneStates = selectedDoneStates
+    updateQuery(search, selectedDoneStates)
+  }
+
   $: updateQuery(search, selectedDoneStates)
 </script>
 
@@ -98,11 +109,12 @@
       on:click={() => {
         doneStatusesView = false
         state = undefined
+        withoutDone = false
         selectedDoneStates.clear()
         updateQuery(search, selectedDoneStates)
       }}
     >
-      <Label label={plugin.string.AllStates} />
+      <Label label={task.string.AllStates} />
     </div>
     <div
       class="button flex-center ml-3"
@@ -114,7 +126,7 @@
         updateQuery(search, selectedDoneStates)
       }}
     >
-      <Label label={plugin.string.DoneStates} />
+      <Label label={task.string.DoneStates} />
     </div>
   </div>
   <div class="flex-row-center caption-color states">
@@ -139,6 +151,15 @@
           </span>
         </div>
       {/each}
+      <div
+        class="doneState withoutDone flex-row-center"
+        class:disable={!withoutDone}
+        on:click={() => {
+          noDoneClick()
+        }}
+      >
+        <Label label={task.string.NoDoneState}/>
+      </div>
     {:else}
       <StatesBar bind:state {space} on:change={() => updateQuery(search, selectedDoneStates)} />
     {/if}
@@ -192,6 +213,7 @@
 
     &.won { background-color: #60b96e; }
     &.lost { background-color: #f06c63; }
+    &.withoutDone { background-color: var(--theme-bg-focused-color); }
     &.disable { background-color: var(--theme-button-bg-enabled); }
   }
   .doneState + .doneState { margin-left: .75rem; }