From 077f66661987abe0e3268404f91d7abeff7f7c9e Mon Sep 17 00:00:00 2001
From: Alex <41288429+Dvinyanin@users.noreply.github.com>
Date: Wed, 18 May 2022 11:03:00 +0700
Subject: [PATCH] Board: Add checklists info (#1772)

---
 .../src/components/KanbanCard.svelte          |  6 ++++
 .../presenters/ChecklistsPresenter.svelte     | 29 +++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 plugins/board-resources/src/components/presenters/ChecklistsPresenter.svelte

diff --git a/plugins/board-resources/src/components/KanbanCard.svelte b/plugins/board-resources/src/components/KanbanCard.svelte
index db0b6d2eab..2649272e35 100644
--- a/plugins/board-resources/src/components/KanbanCard.svelte
+++ b/plugins/board-resources/src/components/KanbanCard.svelte
@@ -28,6 +28,7 @@
   import DatePresenter from './presenters/DatePresenter.svelte'
   import { hasDate, openCardPanel, updateCard, updateCardMembers } from '../utils/CardUtils'
   import { getElementPopupAlignment } from '../utils/PopupUtils'
+  import CheckListsPresenter from './presenters/ChecklistsPresenter.svelte'
 
   export let object: WithLookup<Card>
 
@@ -186,6 +187,11 @@
               <CommentsPresenter value={object} />
             </div>
           {/if}
+          {#if (object.todoItems ?? 0) > 0}
+            <div class="float-left">
+              <CheckListsPresenter value={object} />
+            </div>
+          {/if}
         </div>
       </div>
       {#if (object.members?.length ?? 0) > 0}
diff --git a/plugins/board-resources/src/components/presenters/ChecklistsPresenter.svelte b/plugins/board-resources/src/components/presenters/ChecklistsPresenter.svelte
new file mode 100644
index 0000000000..15ef2ee146
--- /dev/null
+++ b/plugins/board-resources/src/components/presenters/ChecklistsPresenter.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Icon } from '@anticrm/ui'
+  import board, { Card } from '@anticrm/board'
+  import { createQuery } from '@anticrm/presentation'
+  import task, { TodoItem } from '@anticrm/task'
+  import { Ref } from '@anticrm/core'
+
+  export let value: Card
+  export let size: 'small' | 'medium' | 'large' = 'small'
+
+  const todoListQuery = createQuery()
+  let todoLists: Ref<TodoItem>[]
+  $: todoListQuery.query(task.class.TodoItem, { space: value.space, attachedTo: value._id }, (result) => {
+    todoLists = result.map(({ _id }) => _id)
+  })
+  const query = createQuery()
+  let done: number, total: number
+  $: query.query(task.class.TodoItem, { space: value.space, attachedTo: { $in: todoLists } }, (result) => {
+    total = result.total
+    done = result.filter((t) => t.done).length
+  })
+</script>
+
+{#if value && (total ?? 0) > 0}
+  <div class="sm-tool-icon ml-1 mr-1">
+    <Icon icon={board.icon.Card} {size} />
+    &nbsp;{done}/{total}
+  </div>
+{/if}