eomsangdonandClaude Opus 5.5
15f2e7c4f5
같은 로직 줄이 이미 있으면 옛 참조 줄 그대로(브레인 승인 ③) · 마스터 · 개인 파일 안 고침 · 프로젝트 사본 셈 그대로. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01SE9MxeXTu2uaDZ55BJowAY
65 lines
2.5 KiB
TypeScript
65 lines
2.5 KiB
TypeScript
/* =============================================================================
|
|
* M02_MasterTemplete_UI_Side_Precombo.ts
|
|
* 좌측 「일위대가 조합」 컨테이너(50-3 ③ · 51-4) — 구조물 조합 아래 · 층 단추(페이지가 만듦) ·
|
|
* 항목 둘 「단가산출 승격」(promote) · 「일위대가 사전조합」(precombo)만.
|
|
* 항목 누름 = 상세 칸에 그 종류 목록표(`Library_List` · 생성 · 복사 · 삭제는 거기) ·
|
|
* 표 줄 누름 = 편집 칸(UI_Main 종류 promote · precombo = 일위대가 상세 모드).
|
|
* ========================================================================== */
|
|
|
|
import { el } from "@ui/ui_template_elements";
|
|
import type { Kind, Layer } from "./M02_MasterTemplete_Api_Fetch";
|
|
import { tc } from "./M02_MasterTemplete_Labor_Text";
|
|
import type { Selection } from "./M02_MasterTemplete_UI_Main";
|
|
|
|
export type PrecomboKind = Extract<Kind, "precombo">;
|
|
|
|
const PARTS = [{ kind: "precombo", label: "Lib_PrecomboAll" }] as const;
|
|
export const PRECOMBO_TITLE = "일위대가 조합";
|
|
export const isPrecombo = (kind: Kind): kind is PrecomboKind => kind === "precombo";
|
|
|
|
export interface PrecomboOptions {
|
|
layer: Layer;
|
|
/** 층 단추 줄(페이지가 만듦 · 누르면 그 층 화면 + 이 컨테이너 펼침) */
|
|
bar: HTMLElement[];
|
|
confirmLeave: () => Promise<boolean>;
|
|
onOpen: (sel: Selection | null) => void;
|
|
/** 이 층에서 지금 열린 종류(목록이든 문서든) — 항목 고름 표시 */
|
|
openKind: () => Kind | null;
|
|
}
|
|
|
|
export interface PrecomboHandle {
|
|
body: HTMLElement;
|
|
paint: () => void;
|
|
}
|
|
|
|
export function buildPrecomboSection(opt: PrecomboOptions): PrecomboHandle {
|
|
const items = PARTS.map((part) => {
|
|
const b = el("button", {
|
|
className: "m02-side__item ui-sidebar-row",
|
|
text: tc(part.label),
|
|
attrs: { type: "button", "data-precombo": part.kind },
|
|
});
|
|
// 이름 "" = 목록표(UI_Main)
|
|
b.addEventListener("click", async () => {
|
|
if (!(await opt.confirmLeave())) return;
|
|
opt.onOpen({
|
|
layer: opt.layer,
|
|
projectId: null,
|
|
kind: part.kind,
|
|
name: "",
|
|
label: tc(part.label),
|
|
});
|
|
});
|
|
return b;
|
|
});
|
|
const body = el("div", {
|
|
className: "m02-side__items ui-sidebar-list",
|
|
children: [...opt.bar, ...items],
|
|
});
|
|
const paint = (): void => {
|
|
const on = opt.openKind();
|
|
items.forEach((b, i) => b.classList.toggle("is-active", PARTS[i].kind === on));
|
|
};
|
|
return { body, paint };
|
|
}
|