eomsangdonandClaude Opus 5.5
f558f5d2ba
- D04 업체 추가 · 저장에 조각 id · 옛 연도 지정 업체 = 그 연도 첫 줄 - B03 [예정노선에서 가져오기] 줄 · B01 받은 예정노선 연도 칸 · [연결] 제목에 「본선 0+0~12+10」 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
85 lines
2.9 KiB
TypeScript
85 lines
2.9 KiB
TypeScript
/* =============================================================================
|
|
* B01_Dashboard_UI_View_Assigned.ts
|
|
* 세부 페이지 「받은 예정노선」(549-1) — 산림청이 우리 회사에 지정한 예정노선 연도 표.
|
|
* 0 건이어도 메뉴 · 페이지 보임 · 줄 끝 ⋯ = 보기(D02) · 연결(모달)
|
|
* ========================================================================== */
|
|
|
|
import { ROUTES } from "@config/config_frontend";
|
|
import { goToWorkflowStage } from "../A00_Common/b_workflow_nav";
|
|
import { kstText } from "../common_util/common_util_time_kst";
|
|
import { fetchAssignedPlans, type AssignedPlan } from "./B01_Dashboard_UI_AssignedPlans";
|
|
import { L } from "./B01_Dashboard_UI_Common";
|
|
import {
|
|
badge,
|
|
dataTable,
|
|
emptyState,
|
|
nameCell,
|
|
pageFrame,
|
|
rowMenu,
|
|
type Cell,
|
|
type Column,
|
|
} from "./B01_Dashboard_UI_PageKit";
|
|
import { openPlanLinkModal } from "./B01_Dashboard_UI_PlanLink";
|
|
import type { ViewCtx } from "./B01_Dashboard_UI_Views";
|
|
|
|
const COLUMNS: Column[] = [
|
|
{ label: L("DE_New_Plan") },
|
|
{ label: L("DE_Assigned_Year"), width: "220px" },
|
|
{ label: L("D04_Col_Confirmed"), width: "150px" },
|
|
{ label: L("DE_Assigned_State"), width: "220px" },
|
|
{ label: "", width: "44px" },
|
|
];
|
|
|
|
function stateCell(plan: AssignedPlan): HTMLElement {
|
|
const cell = document.createElement("span");
|
|
cell.className = "b01-pg-inline";
|
|
cell.append(
|
|
plan.linked_project_id
|
|
? badge(L("DE_Assigned_Linked"), "success")
|
|
: badge(L("DE_Assigned_Unlinked"), "neutral"),
|
|
);
|
|
if (plan.update_available) cell.append(badge(L("DE_Assigned_Update"), "warning"));
|
|
return cell;
|
|
}
|
|
|
|
function planRow(plan: AssignedPlan): Cell[] {
|
|
const view = (): void => void goToWorkflowStage(plan.project_id, ROUTES.D02_PLAN_BASE);
|
|
return [
|
|
nameCell(plan.project_name),
|
|
plan.piece_label ? `${plan.year} · ${plan.piece_label}` : String(plan.year),
|
|
kstText(plan.confirmed_at),
|
|
stateCell(plan),
|
|
rowMenu([
|
|
{ label: L("DE_Assigned_View"), onClick: view },
|
|
{
|
|
label: L("DE_Assigned_Link"),
|
|
onClick: () =>
|
|
void openPlanLinkModal(
|
|
plan.assignee_id,
|
|
[plan.project_name, plan.year, plan.piece_label].filter(Boolean).join(" "),
|
|
),
|
|
},
|
|
]),
|
|
];
|
|
}
|
|
|
|
export async function mountAssigned(host: HTMLElement, ctx: ViewCtx): Promise<void> {
|
|
const page = pageFrame(
|
|
host,
|
|
L("DE_Assigned_Title"),
|
|
"산림청이 지정한 예정노선이 여기 모임 · 연결하면 임도 설계가 그 노선으로 시작됨",
|
|
);
|
|
const plans = await fetchAssignedPlans().catch(() => []);
|
|
if (!host.isConnected) return;
|
|
page.body.append(
|
|
plans.length
|
|
? dataTable(COLUMNS, plans.map(planRow))
|
|
: emptyState({
|
|
icon: "route",
|
|
text: "아직 받은 예정노선이 없음",
|
|
hint: "산림청이 우리 회사에 예정노선을 지정하면 여기에 나타남",
|
|
onGuide: () => ctx.go("guide"),
|
|
}),
|
|
);
|
|
}
|