allow moving tasks between projects.

svelte-ui/src/forms/TaskForm.svelte

@@ -3,6 +3,7 @@
 import DeadlineSelect from "../components/DeadlineSelect.svelte";
   import ItemSelect from "../components/ItemSelect.svelte";
   import Modal from "../components/Modal.svelte";
+import ProjectSelect from "../components/ProjectSelect.svelte";
   import StatusTagSelect from "../components/StatusTagSelect.svelte";
   import { iconNames } from "../external/icons";
   import type { TaskResult } from "../models/task";
@@ -50,6 +51,7 @@ import DeadlineSelect from "../components/DeadlineSelect.svelte";
   let description = task.description;
   let itemAmount = task.itemAmount;
   let statusTag = task.statusTag || "";
+  let projectId = task.projectId;
   
   let error = null;
   let loading = false;
@@ -91,10 +93,11 @@ import DeadlineSelect from "../components/DeadlineSelect.svelte";
         active: statusTag === "",
         statusTag: statusTag || null,
         clearStatusTag: statusTag === "",
+        projectId: (projectId !== task.projectId) ? projectId : null,
 
         itemId, name, description, itemAmount,
       }).then(() => {
-        markStale("goal", "project", "task");
+        markStale("goal", "project", "task", "log");
         modalStore.close();
       }).catch(err => {
         error = err.message ? err.message : err.toString();
@@ -108,7 +111,7 @@ import DeadlineSelect from "../components/DeadlineSelect.svelte";
 <Modal show title="{verb} Task" error={error} closable on:close={modalStore.close}>
   <form on:submit|preventDefault={onSubmit}>
     <label for="projectName">Project</label>
-    <input disabled name="projectName" type="text" value={task.project.name} />
+    <ProjectSelect disabled={deletion || creation} name="projectName" bind:value={projectId} />
     <label for="name">Name</label>
     <input disabled={deletion} name="name" type="text" bind:value={name} />
     <label for="description">Description</label>