Board: Add checklists info (#1772)

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}

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}