hide completed tasks in projects, and add individual deadline tasks to front page.

svelte-ui/src/components/ProjectEntry.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { IconName } from "../external/icons";
+import TaskAddForm from "../forms/TaskAddForm.svelte";
   import type { ProjectResult } from "../models/project";
   import type { ModalData } from "../stores/modal";
   import DaysLeft from "./DaysLeft.svelte";
@@ -10,16 +11,15 @@
 
   export let project: ProjectResult = null;
   export let showAllOptions: boolean = false;
+  export let hideInactive: boolean = false;
 
   let iconName: IconName = "question";
   let mdAddTask: ModalData;
-  let mdProjectAdd: ModalData;
   let mdProjectEdit: ModalData;
   let mdProjectDelete: ModalData;
 
   $: iconName = project.icon as IconName;
   $: mdAddTask = {name:"task.add", project};
-  $: mdProjectAdd = {name:"project.add"};
   $: mdProjectEdit = {name:"project.edit", project};
   $: mdProjectDelete = {name:"project.delete", project};
 </script>
@@ -47,7 +47,9 @@
     {/if}
     <div class="list" class:full={showAllOptions}>
       {#each project.tasks as task (task.id)}
-        <TaskEntry showAllOptions={showAllOptions} task={task} />
+        {#if !hideInactive || task.active}
+          <TaskEntry showAllOptions={showAllOptions} task={task} />
+        {/if}
       {/each}
     </div>
   </div>