eomsangdonandClaude Opus 5.5
a08dd82112
- D01 칸: 사업연도 시작 · 끝 · 사업지역 · 종류 「노선 계획」 고정 · 임도 종류(B02 값) · 설계속도(종류별 고를 값 · 기본 최저 = resolve_design_speed) · 프로젝트명(B02 이름 조합기 · 연도 자리 「시작~끝」) · 노선 시작 · 종료 누가거리 · 도면 칸 없음 - E01: 대상 임도(source-candidates = B06 완료만) · 이름(손대기 전 「원본 이름 안정성평가」) - [등록] = POST /api/d01/project · /api/e01/project → 현재 프로젝트 · 첫 단계(D02 · E02) · 공용 createGroupProject - 설계속도 선택지 = B05 SPEED_CHOICES(파이썬 거울 시험 있음) · 모양 = B02 등록 CSS 그대로 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
99 lines
3.5 KiB
TypeScript
99 lines
3.5 KiB
TypeScript
/* =============================================================================
|
|
* group_workflow.ts
|
|
* D 예정노선 · E 안정성평가 단계 묶음(요구 345 · PLAN 529-1) — B05~B09 틀(`createWorkflowLayout`)을
|
|
* 단계 목록 · 아이콘 · 주소 인자로 그대로 씀. 빈 단계 = 틀 · 좌측 패널([?] [<] [>]) · 단계 막대만.
|
|
* 페이지 길 = 각 폴더 `draft/<폴더>_Route.ts` · 본문이 생기면 그 폴더 페이지로 갈아 끼움.
|
|
* ========================================================================== */
|
|
|
|
import {
|
|
API_BASE_URL,
|
|
CURRENT_PROJECT_ID_KEY,
|
|
PLAN_STEP_ROUTES,
|
|
STAB_STEP_ROUTES,
|
|
type RoutePath,
|
|
} from "@config/config_frontend";
|
|
import { el, hideLoadingOverlay, showLoadingOverlay, showToast } from "@ui/ui_template_elements";
|
|
import { t, type LocaleKey } from "@ui/ui_template_locale";
|
|
import { createWorkflowLayout } from "@ui/ui_template_workflow_layout";
|
|
import { navigateTo, type PageRenderer } from "./router";
|
|
|
|
interface GroupFlow {
|
|
routes: readonly RoutePath[];
|
|
labels: readonly LocaleKey[];
|
|
icons: readonly string[];
|
|
}
|
|
|
|
const FLOWS: readonly GroupFlow[] = [
|
|
{
|
|
routes: PLAN_STEP_ROUTES,
|
|
labels: ["DE_Step_PlanBase", "DE_Step_PlanAnalysis", "DE_Step_PlanConfirm"],
|
|
icons: ["📍", "🧭", "✅"],
|
|
},
|
|
{
|
|
routes: STAB_STEP_ROUTES,
|
|
labels: ["DE_Step_StabGround", "DE_Step_StabSection", "DE_Step_Stab3D", "DE_Step_StabReport"],
|
|
icons: ["🪨", "📐", "🧊", "📄"],
|
|
},
|
|
];
|
|
|
|
/** 단계 틀을 세움 — mainContent · leftPanel 이 없으면 빈 단계 안내 · [?] 줄만 */
|
|
export function mountGroupStep(
|
|
root: HTMLElement,
|
|
route: RoutePath,
|
|
parts: { mainContent?: HTMLElement; leftPanel?: HTMLElement } = {},
|
|
): void {
|
|
const flow = FLOWS.find((f) => f.routes.includes(route));
|
|
if (!flow) throw new Error(`단계 묶음 밖 주소: ${route}`);
|
|
const active = flow.routes.indexOf(route);
|
|
const layout = createWorkflowLayout({
|
|
title: t(flow.labels[active]),
|
|
steps: flow.labels.map((key) => t(key)),
|
|
icons: flow.icons,
|
|
activeStep: active,
|
|
routes: flow.routes,
|
|
leftPanel: parts.leftPanel,
|
|
mainContent:
|
|
parts.mainContent ?? el("p", { className: "app-placeholder", text: t("DE_Step_Empty") }),
|
|
onStepClick: (_index, next) => navigateTo(next as RoutePath),
|
|
});
|
|
root.append(layout.root);
|
|
}
|
|
|
|
/** 빈 단계 페이지(길 선언의 load 가 부름) */
|
|
export const groupStepPage =
|
|
(route: RoutePath): PageRenderer =>
|
|
(root) =>
|
|
mountGroupStep(root, route);
|
|
|
|
/** 등록 화면 [등록](D01 · E01) — POST → 현재 프로젝트로 기억 → 첫 단계로 · 실패 = 서버 까닭 알림 */
|
|
export async function createGroupProject(
|
|
path: string,
|
|
body: object,
|
|
firstStep: RoutePath,
|
|
): Promise<void> {
|
|
showLoadingOverlay();
|
|
try {
|
|
const response = await fetch(`${API_BASE_URL}${path}`, {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
credentials: "include",
|
|
body: JSON.stringify(body),
|
|
});
|
|
const data = (await response.json().catch(() => ({}))) as {
|
|
project_id?: string;
|
|
detail?: unknown;
|
|
};
|
|
if (!response.ok || !data.project_id) {
|
|
const detail = typeof data.detail === "string" ? data.detail : `HTTP ${response.status}`;
|
|
throw new Error(detail);
|
|
}
|
|
localStorage.setItem(CURRENT_PROJECT_ID_KEY, data.project_id);
|
|
showToast(t("DE_Reg_Success"), "success");
|
|
navigateTo(firstStep);
|
|
} catch (error) {
|
|
showToast(error instanceof Error ? error.message : t("Common_Status_Error"), "error");
|
|
} finally {
|
|
hideLoadingOverlay();
|
|
}
|
|
}
|