add project linking.

2021-04-03 16:30:43 +02:00
parent 2c5d87134d
commit 2a6c04893d
17 changed files with 365 additions and 46 deletions
@@ -0,0 +1,69 @@
+<script lang="ts">
+  import stuffLogClient from "../clients/stufflog";
+  import Modal from "../components/Modal.svelte";
+  import ProjectSelect from "../components/ProjectSelect.svelte";
+  import TaskSelect from "../components/TaskSelect.svelte";
+  import markStale from "../stores/markStale";
+  import modalStore from "../stores/modal";
+
+  export let deletion = false;
+  export let creation = false;
+
+  const md = $modalStore;
+
+  let projectId = "";
+  let taskId = "";
+  let verb = "Add";
+
+  if (md.name === "tasklink.delete") {
+    projectId = md.project.id;
+    taskId = md.task.id;
+    verb = "Delete";
+  } else if (md.name === "tasklink.add") {
+    projectId = (md.project||{id:""}).id;
+    taskId = (md.task||{id:""}).id;
+  } else {
+    throw new Error(`Wrong form ${md.name}`)
+  }
+
+  let error = null;
+  let loading = false;
+
+  function onSubmit() {
+    loading = true;
+    error = null;
+
+    if (creation) {
+      stuffLogClient.createTaskLink(projectId, taskId).then(() => {
+        markStale("goal", "project");
+        modalStore.close();
+      }).catch(err => {
+        error = err.message ? err.message : err.toString();
+      }).finally(() => {
+        loading = false;
+      })
+    } else if (deletion) {
+      stuffLogClient.deleteTaskLink(projectId, taskId).then(() => {
+        markStale("goal", "project");
+        modalStore.close();
+      }).catch(err => {
+        error = err.message ? err.message : err.toString();
+      }).finally(() => {
+        loading = false;
+      })
+    }
+  }
+</script>
+
+<Modal show title="{verb} Link" error={error} closable on:close={modalStore.close}>
+  <form on:submit|preventDefault={onSubmit}>
+    <label for="taskId">Source Task</label>
+    <TaskSelect disabled={deletion} name="taskId" bind:value={taskId} />
+    <label for="projectId">Destination Project</label>
+    <ProjectSelect disabled={deletion} name="projectId" bind:value={projectId} />
+
+    <hr />
+
+    <button disabled={loading} type="submit">{verb} Link</button>
+  </form>
+</Modal>