eomsangdonandClaude Opus 5.5
7480aebc96
- M01 단가산출 기초 · M02 단가산출 상세 보기 = 수식(줄 쌓기 · 기본) · 단가산출 상세 둘 - 줄 쌓기에 M02 사본 [단가 갱신] · [재생성](미리 셈 → 알림 → 저장 · 고침 있으면 막음) · 판 바뀜(409) 문서 그대로면 새 판으로 다시 저장 옮김 - 옛 수식 문서 화면 걷음(formula_doc_screen · defs · edit · lines · math · math_model · rows · sub · formula_doc.css) · 이미 안 부르던 796-2 수식 나무 화면(LogicLab_Equation · Defs · Var · css · M01_Logic_Equation_Model · sheet_formula_cell · ui_template_equation_defs · edit) 걷음 — 18 파일 4,860 줄 - formula_doc_render = 줄 쌓기가 쓰는 reach 만 · 옵션 가로 CSS 는 line_stack.css 로 - 남김 = 계산기 common_util_formula_doc* · 서버 길 · 옵션 · 사본 표지 · 합계 상자 · KaTeX · 시험 페이지 tools/line-stack-test - 시험: test_796_2 지움(걷은 화면 원본 검사뿐) · 799_1 · 800_2 걷은 화면 줄만 뺌 · 799_2 · 802_4b2 · 804_2 보기 · 화면 파일 대상 바꿈 · test_804_6 새로(걷은 파일 · 부르는 곳 없음 · 첫 탭 · 사본 할일) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
86 lines
3.3 KiB
TypeScript
86 lines
3.3 KiB
TypeScript
/* =============================================================================
|
|
* M02_MasterTemplete_Sangeun_Tabs.ts
|
|
* M02 단가산출(SK) 상세 보기 고르기(PLAN 799-2 · 804-2 · 804-6 · 요구 686-1) — 수식(첫 탭 · 줄 쌓기) · 단가산출 상세.
|
|
* 수식 = 공용 줄 쌓기 화면(`A00_Common/line_stack_screen.ts` · M01 과 같은 꼴) — 길 앞머리만 M02 사본 길
|
|
* (`/m02/layers/{층}/sangeun/{키}/doc` · 802-4a) · 층 쓰기 권한 없으면 읽기만 · 저장 = 그 탭 [수식 저장](페이지 [저장] 아님)
|
|
* 옛 수식 문서 탭(802-4b-2)은 804-6 에 걷음 · 단가산출 상세 = 상세가 쥔 `editor`(수식일 때 숨김)
|
|
* 저장 안 한 SK(일위대가 줄 모달 · 새 SK) = 「저장한 단가산출만」 글
|
|
* ========================================================================== */
|
|
|
|
import { createSegment } from "@ui/ui_template_segment";
|
|
import { createStackScreen } from "../A00_Common/line_stack_screen";
|
|
import { el } from "@ui/ui_template_elements";
|
|
import { tl } from "../M01_MasterData/M01_MasterData_UI_LogicLab_Text";
|
|
import type { Layer } from "./M02_MasterTemplete_Api_Fetch";
|
|
|
|
type View = "stack" | "ho";
|
|
|
|
export interface SkEquationOptions {
|
|
scope: { layer: Layer; owner: string | null };
|
|
edit: boolean;
|
|
/** [수식 저장] · [단가 갱신] · [재생성] 뒤 그 SK 새 판 */
|
|
onSaved: (version: string) => void;
|
|
}
|
|
|
|
/** SK 수식 길 — 꼬리 물음(`/table?key=…`)에 주인 물음을 이어 붙임 */
|
|
export function skDocPath(scope: SkEquationOptions["scope"], key: string, path: string): string {
|
|
const [tail, query] = path.split("?");
|
|
const ask = [query, scope.owner ? `owner=${encodeURIComponent(scope.owner)}` : ""]
|
|
.filter(Boolean)
|
|
.join("&");
|
|
const at = `/m02/layers/${scope.layer}/sangeun/${encodeURIComponent(key)}/doc${tail}`;
|
|
return ask ? `${at}?${ask}` : at;
|
|
}
|
|
|
|
/** 보기 고르기 · 수식 그릇 — `editor` = 단가산출 상세 그릇(수식일 때 숨김) */
|
|
export function createSangeunTabs(
|
|
editor: HTMLElement,
|
|
opt: SkEquationOptions,
|
|
): {
|
|
picker: HTMLElement;
|
|
host: HTMLElement;
|
|
/** 저장한 SK 키(빈 키 = 저장 전) */
|
|
draw: (key: string) => void;
|
|
canLeave: () => Promise<boolean>;
|
|
} {
|
|
const stack = createStackScreen({
|
|
base: "",
|
|
admin: opt.edit,
|
|
cache: "m02_sk_doc_drafts",
|
|
copy: { route: (k, p) => skDocPath(opt.scope, k, p), onSaved: opt.onSaved },
|
|
scope: opt.scope, // 804-4 다른 단가산출 · 일위대가 복사
|
|
});
|
|
let key = "";
|
|
let view: View = "stack";
|
|
const show = (v: View): void => {
|
|
view = v;
|
|
stack.root.hidden = v !== "stack";
|
|
editor.hidden = v !== "ho";
|
|
if (!editor.hidden) editor.dataset.view = v;
|
|
};
|
|
const picker = createSegment({
|
|
options: [
|
|
{ value: "stack", label: tl("View_Equation") },
|
|
{ value: "ho", label: tl("Ho_Title") },
|
|
],
|
|
value: "stack",
|
|
size: 32,
|
|
ariaLabel: tl("View_Label"),
|
|
onChange: (v) => {
|
|
show(v as View);
|
|
if (v === "stack") stack.draw(key, true);
|
|
},
|
|
});
|
|
picker.root.dataset.skViews = "";
|
|
show("stack");
|
|
return {
|
|
picker: picker.root,
|
|
host: el("div", { className: "m02-sk__views", children: [stack.root] }),
|
|
draw: (k: string) => {
|
|
key = k;
|
|
if (view === "stack") stack.draw(k);
|
|
},
|
|
canLeave: () => stack.canLeave(),
|
|
};
|
|
}
|