Add a task progress indicator to notes in board view

src/ui/views/Board/components/Board/CardList.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
   // import { Checkbox, InternalLink} from "obsidian-svelte";
-  import { Checkbox } from "obsidian-svelte";
+  import { Checkbox, Icon } from "obsidian-svelte";
   import InternalLink from "src/ui/components/InternalLink.svelte";
-
   import {
     isString,
     type DataField,
@@ -23,7 +22,7 @@
     dndzone,
   } from "svelte-dnd-action";
   import { flip } from "svelte/animate";
-  import { getDisplayName } from "./boardHelpers";
+  import { getDisplayName, getTaskProgress } from "./boardHelpers";
   import type {
     DropTrigger,
     OnRecordClick,
@@ -141,13 +140,22 @@
           {/if}
         </div>
         <CardMetadata fields={includeFields} record={item} />
+        {#await getTaskProgress(item.id, $app) then taskProgress}
+          {#if taskProgress}
+            <div class="task-progress-heading">
+              <Icon name="check-circle" />
+              <span>{taskProgress}</span>
+            </div>
+          {/if}
+        {/await}
       </ColorItem>
     </article>
   {/each}
 </div>
 
 <style>
-  div.card-header {
+  div.card-header,
+  div.task-progress-heading {
     display: flex;
     gap: 4px;
     align-items: center;

src/ui/views/Board/components/Board/boardHelpers.ts

@@ -1,3 +1,5 @@
+import type { App } from "obsidian";
+
 export function getDisplayName(recordId: string): string {
   const basename = getBasename(recordId);
   return basename.slice(0, basename.lastIndexOf("."));
@@ -13,3 +15,24 @@ function getBasename(str: string) {
 
   return str.slice(lastSlash + 1);
 }
+
+export async function getTaskProgress(
+  recordId: string,
+  app: App
+): Promise<string> {
+  let progress = "";
+
+  const file = app.vault.getFileByPath(recordId);
+  if (file) {
+    const totalTasks = app.metadataCache
+      .getFileCache(file)
+      ?.listItems?.filter((item) => item.task !== undefined);
+
+    if (totalTasks) {
+      const completedTasks = totalTasks?.filter((item) => item.task !== " ");
+      progress = `${completedTasks.length}/${totalTasks.length}`;
+    }
+  }
+
+  return progress;
+}