43 lines
1.3 KiB
Markdown
43 lines
1.3 KiB
Markdown
|
---
|
||
|
|
title: Task
|
||
|
|
---
|
||
|
|
|
||
|
|
```js
|
||
|
|
import {API} from "../components/config.js";
|
||
|
|
import {fieldRow} from "../components/field-help.js";
|
||
|
|
```
|
||
|
|
|
||
|
|
```js
|
||
|
|
const taskId = observable.params.id;
|
||
|
|
const raw = await fetch(`${API}/tasks/${taskId}`)
|
||
|
|
.then(r => r.ok ? r.json() : r.json().then(e => ({error: e.detail ?? `HTTP ${r.status}`})))
|
||
|
|
.catch(e => ({error: String(e)}));
|
||
|
|
```
|
||
|
|
|
||
|
|
```js
|
||
|
|
if (raw.error) {
|
||
|
|
display(html`<div style="color:red;padding:1rem">⚠️ ${raw.error}</div>`);
|
||
|
|
} else {
|
||
|
|
const name = raw.title || taskId;
|
||
|
|
const shortName = name.length > 60 ? name.slice(0, 60) + "…" : name;
|
||
|
|
display(html`<h1 style="font-size:1.1rem;margin-bottom:0.25rem">Task · <em>${shortName}</em></h1>`);
|
||
|
|
display(html`<p style="margin-top:0"><a href="/tasks">← Tasks</a> | <a href="/token-cost">← Token Cost</a></p>`);
|
||
|
|
|
||
|
|
const FIELD_ORDER = [
|
||
|
|
"id","title","status","priority","assignee",
|
||
|
|
"workstream_id","due_date","needs_human","intervention_note",
|
||
|
|
"created_at","updated_at",
|
||
|
|
];
|
||
|
|
|
||
|
|
const rows = FIELD_ORDER.map(k => fieldRow(k, raw[k] ?? null));
|
||
|
|
for (const k of Object.keys(raw)) {
|
||
|
|
if (!FIELD_ORDER.includes(k)) rows.push(fieldRow(k, raw[k]));
|
||
|
|
}
|
||
|
|
|
||
|
|
display(html`<table style="border-collapse:collapse;width:100%;max-width:640px">
|
||
|
|
<colgroup><col style="width:160px"><col></colgroup>
|
||
|
|
<tbody>${rows}</tbody>
|
||
|
|
</table>`);
|
||
|
|
}
|
||
|
|
```
|