You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.0 KiB
72 lines
2.0 KiB
<script lang="ts">
|
|
import stuffLogClient from "../clients/stufflog";
|
|
import ItemSelect from "../components/ItemSelect.svelte";
|
|
import Modal from "../components/Modal.svelte";
|
|
import type { ProjectResult } from "../models/project";
|
|
import modalStore from "../stores/modal";
|
|
import projectStore, { fpProjectStore } from "../stores/project";
|
|
|
|
let project: ProjectResult
|
|
let endTime = "";
|
|
let itemId = "";
|
|
let name = "";
|
|
let description = "";
|
|
let itemAmount = 1;
|
|
let error = null;
|
|
|
|
function onSubmit() {
|
|
stuffLogClient.createTask({
|
|
projectId: project.id,
|
|
itemId: itemId,
|
|
active: true,
|
|
endTime: ( endTime == "") ? null : new Date(endTime),
|
|
|
|
name, description, itemAmount,
|
|
}).then(() => {
|
|
projectStore.markStale();
|
|
fpProjectStore.markStale();
|
|
modalStore.close();
|
|
})
|
|
|
|
error = null;
|
|
}
|
|
|
|
function onClose() {
|
|
modalStore.close();
|
|
}
|
|
|
|
$: {
|
|
const md = $modalStore;
|
|
if (md.name !== "task.add") {
|
|
throw new Error("Wrong form");
|
|
}
|
|
|
|
if (itemId === "") {
|
|
project = md.project;
|
|
if (project.tasks.length > 0) {
|
|
itemId = project.tasks[0].itemId;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<Modal show title="Add Task" error={error} closable on:close={onClose}>
|
|
<form on:submit|preventDefault={onSubmit}>
|
|
<label for="projectName">Project</label>
|
|
<input disabled name="projectName" type="text" value={project.name} />
|
|
<label for="name">Name</label>
|
|
<input name="name" type="text" bind:value={name} />
|
|
<label for="description">Description</label>
|
|
<textarea name="description" bind:value={description} />
|
|
<label for="itemId">Item {itemId}</label>
|
|
<ItemSelect name="itemId" bind:value={itemId} />
|
|
<label for="itemAmount">Amount</label>
|
|
<input name="itemAmount" type="number" bind:value={itemAmount} />
|
|
<label for="endTime">Deadline (Optional)</label>
|
|
<input name="endTime" type="datetime-local" bind:value={endTime} />
|
|
|
|
<hr />
|
|
|
|
<button type="submit">Add Task</button>
|
|
</form>
|
|
</Modal>
|