@@ -0,0 +1,102 @@
|
||||
// SPDX-License-Identifier: LicenseRef-ConusAI-Template-1.0
|
||||
import { businessRefusalNotices, businessServiceNotices } from "@conusai-kit/business/refusals"
|
||||
import { type Container, notFound, type TransportCaller } from "@conusai-kit/core"
|
||||
import type { I18n } from "@conusai-kit/i18n"
|
||||
import { type ProjectPage, projectPage } from "@conusai-kit/ui"
|
||||
import { Can } from "@conusai-kit/ui/data"
|
||||
import {
|
||||
DetailLayout,
|
||||
Page,
|
||||
PageHeader,
|
||||
PageSection,
|
||||
type ServiceNotice,
|
||||
ServiceStatePage,
|
||||
serviceNotice,
|
||||
} from "@conusai-kit/ui/patterns"
|
||||
import * as contracts from "../contract/index.js"
|
||||
import { en } from "../i18n/en.js"
|
||||
import { CommentForm, Comments, TaskForm, TaskState, Tasks } from "./controls.js"
|
||||
import type { Labels, Messages } from "./labels.js"
|
||||
|
||||
type PageOf<T> = { rows: T[]; after?: string | undefined }
|
||||
type Data = { labels: Labels } & (
|
||||
| { kind: "list"; tasks: PageOf<contracts.TaskView>; timeline: PageOf<contracts.TaskView> }
|
||||
| { kind: "task"; task: contracts.TaskView; comments: PageOf<contracts.CommentView> }
|
||||
| { kind: "state"; notice: ServiceNotice }
|
||||
)
|
||||
export const activitiesPage: ProjectPage<TransportCaller, I18n, Container, Data> = projectPage({
|
||||
async load({ slugs, segments, caller, i18n }) {
|
||||
const messages = Object.fromEntries(
|
||||
Object.keys(en).map((key) => [key, i18n.message(`activities.${key}`)]),
|
||||
) as Messages
|
||||
const labels: Labels = {
|
||||
...messages,
|
||||
refusals: businessRefusalNotices(i18n.locale, {
|
||||
conflict: messages.conflict,
|
||||
revision_conflict: messages.conflict,
|
||||
invalid: messages.invalid,
|
||||
}),
|
||||
}
|
||||
const [taskId, ...rest] = segments
|
||||
if (rest.length || (taskId !== undefined && !contracts.activityId.safeParse(taskId).success)) throw notFound()
|
||||
try {
|
||||
if (taskId === undefined) {
|
||||
const [tasks, timeline] = await Promise.all([
|
||||
caller.call(contracts.taskList, slugs),
|
||||
caller.call(contracts.timeline, slugs),
|
||||
])
|
||||
return { kind: "list", labels, tasks, timeline }
|
||||
}
|
||||
const [task, comments] = await Promise.all([
|
||||
caller.call(contracts.taskGet, { ...slugs, taskId }),
|
||||
caller.call(contracts.commentList, { ...slugs, taskId }),
|
||||
])
|
||||
return { kind: "task", labels, task, comments }
|
||||
} catch (error) {
|
||||
const notice = serviceNotice(error, businessServiceNotices(i18n.locale))
|
||||
if (!notice) throw error
|
||||
return { kind: "state", labels, notice }
|
||||
}
|
||||
},
|
||||
View({ slugs, data }) {
|
||||
const labels = data.labels
|
||||
const href = `/${slugs.org}/${slugs.workspace}/${slugs.project}/activities`
|
||||
if (data.kind === "state") return <ServiceStatePage title={labels.title} notice={data.notice} />
|
||||
if (data.kind === "list")
|
||||
return (
|
||||
<Page>
|
||||
<PageHeader title={labels.title} description={labels.intro} />
|
||||
<DetailLayout
|
||||
aside={
|
||||
<Can permission="activities.task.write">
|
||||
<TaskForm slugs={slugs} href={href} labels={labels} />
|
||||
</Can>
|
||||
}
|
||||
>
|
||||
<PageSection title={labels.open}>
|
||||
<Tasks slugs={slugs} seed={data.tasks} href={href} labels={labels} />
|
||||
</PageSection>
|
||||
<PageSection title={labels.timeline}>
|
||||
<Tasks slugs={slugs} seed={data.timeline} href={href} labels={labels} timeline />
|
||||
</PageSection>
|
||||
</DetailLayout>
|
||||
</Page>
|
||||
)
|
||||
return (
|
||||
<Page>
|
||||
<PageHeader title={data.task.subject} description={data.task.body} />
|
||||
<a href={href}>{labels.back}</a>
|
||||
<Can permission="activities.task.write">
|
||||
<TaskState slugs={slugs} task={data.task} labels={labels} />
|
||||
<TaskForm slugs={slugs} task={data.task} href={href} labels={labels} />
|
||||
</Can>
|
||||
<PageSection title={labels.comments}>
|
||||
<Comments slugs={slugs} task={data.task} seed={data.comments} labels={labels} />
|
||||
</PageSection>
|
||||
<Can permission="activities.comment.write">
|
||||
<CommentForm slugs={slugs} task={data.task} labels={labels} />
|
||||
</Can>
|
||||
</Page>
|
||||
)
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user