49 lines
2.6 KiB
JavaScript
49 lines
2.6 KiB
JavaScript
|
import { post } from "./api.js";
|
||
|
|
import { errorText, h, replace } from "./dom.js";
|
||
|
|
import { currentSession, onEach, state } from "./state.js";
|
||
|
|
export function mountTasks(root) {
|
||
|
|
const render = () => replace(root, h("div", { class: "tasks-view" }, ...state.projects.map(projectBlock), newProjectForm()));
|
||
|
|
const off = onEach(["projects", "tasks", "sessions", "inbox", "selection"], render);
|
||
|
|
render();
|
||
|
|
return off;
|
||
|
|
}
|
||
|
|
function projectBlock(project) {
|
||
|
|
const tasks = (state.tasks.get(project.id) ?? []).filter((t) => t.status === "active");
|
||
|
|
return h("section", { class: "project" }, h("h2", {}, project.name, " ", h("span", { class: "repo" }, project.repo_path)), h("ul", { class: "task-list" }, ...tasks.map((task) => {
|
||
|
|
const sess = currentSession(task.id);
|
||
|
|
const count = state.inbox.filter((item) => item.task_id === task.id).length;
|
||
|
|
return h("li", { class: task.id === state.selectedTaskId ? "selected" : "" }, h("a", { href: `#/task/${task.id}` }, h("span", { class: `dot ${sess?.state ?? "none"}`, title: sess?.state ?? "no session" }), h("span", { class: "task-title" }, task.title), h("span", { class: "task-state" }, sess?.state ?? "no agent"), count > 0 && h("span", { class: "badge" }, count)));
|
||
|
|
}), tasks.length === 0 && h("li", { class: "empty-row" }, "No active tasks.")), newTaskForm(project.id));
|
||
|
|
}
|
||
|
|
function newTaskForm(projectId) {
|
||
|
|
const title = h("input", { placeholder: "New task title", required: true });
|
||
|
|
const form = h("form", { class: "inline-form" }, title, h("button", { type: "submit" }, "Create"));
|
||
|
|
form.onsubmit = async (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
try {
|
||
|
|
const task = await post("/api/projects/{projectId}/tasks", { path: { projectId }, body: { title: title.value } });
|
||
|
|
location.hash = `#/task/${task.id}`;
|
||
|
|
}
|
||
|
|
catch (err) {
|
||
|
|
alert(errorText(err));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
return form;
|
||
|
|
}
|
||
|
|
function newProjectForm() {
|
||
|
|
const name = h("input", { placeholder: "Name", required: true });
|
||
|
|
const path = h("input", { placeholder: "Repo path on the server", required: true });
|
||
|
|
const form = h("form", { class: "stack-form" }, name, path, h("button", { type: "submit" }, "Add project"));
|
||
|
|
form.onsubmit = async (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
try {
|
||
|
|
await post("/api/projects", { body: { name: name.value, repo_path: path.value } });
|
||
|
|
form.reset();
|
||
|
|
}
|
||
|
|
catch (err) {
|
||
|
|
alert(errorText(err));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
return h("details", { class: "add-project", open: state.projects.length === 0 }, h("summary", {}, "Add project"), form);
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=tasks.js.map
|