Files
Aislo/M02_MasterTemplete/M02_MasterTemplete_Main_Actions.ts
eomsangdonandClaude Opus 5.5 eb64bf64ac feat(804-8): M02 단가산출 수식 탭 = M01 과 같은 단추 · 저장 한 번 · 머리 단추 줄바꿈 막음(요구 689)
- 공용 줄 쌓기 화면: 페이지가 저장을 맡는 꼴(`page`)을 M02 단가산출 화면에도 — 탭 위 [고침 버림] · [수식 저장] 걷음 · M02 사본 [단가 갱신] · [재생성] · 「M01 새 판」 배지는 그대로 · 「줄 쌓기에서 못 고치는 칸」 안내 줄 걷음(금액 줄 기호 = 율 줄이 앞 줄 금액을 부르는 속 이름 · 화면에서 고칠 값 아님 · 보존 그대로)
- M02 머리 단추 = [초기화] · [삭제] · [되돌림] · [저장] — 단가산출 상세는 [새로고침] 숨김 · [되돌림] · [저장] = 고침 있을 때만(기본정보 + 수식) · [저장] 한 번 = 수식 먼저 저장(새 판 · 수식 칸 받음) → 단가산출 문서 저장 · [되돌림] · 버리고 떠남 = 수식 캐시도 비움
- 보기 고르기(수식 · 단가산출 상세) = M01 처럼 머리 줄 · [항목 추가] · [율 줄 추가] 걷음(줄 더하기 = 수식 탭 [+] 단가산출 · 일위대가 복사) · 일위대가 줄 모달 안 상세는 그대로
- 머리 단추 줄 맞춤(부품 상자 `fitButtonRow`): 단추가 아래로 떨어지거나 제목이 여러 줄이면 아이콘 단추는 아이콘만(글 = 풍선 도움말) · M01 단추 다섯 · M02 단추 넷 아이콘 · 단가산출 상세 긴 이름은 제목 안에서 줄바꿈
- 사본 할일 막힘 알림 글 = [저장] 또는 [되돌림] 먼저
- 시험: test_804_7 에 M02 단추 · 저장 한 번 · 줄 맞춤 지킴 더함 · test_804_4 권한 시험에 수식 저장 판 = 페이지 저장 판 이어 씀 확인 더함

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-08 14:56:31 +09:00

186 lines
7.8 KiB
TypeScript

/* =============================================================================
* M02_MasterTemplete_Main_Actions.ts
* 단가산출 · 일위대가 상세 머리 단추 [초기화] [삭제](740-2 · 738-2 · 요구 579-3 · 581) — 차례 … [초기화] [삭제] [저장].
* [삭제] = 735 경고 창(쓰는 곳 표 · 키) → 나무 지우기 → 목록으로 · 쓰는 곳 없으면 한 줄 물음.
* [초기화] = 서버 `-reset` 미리 보기(걷힐 고침 수) → 물음 → 그 층에 씀 → 다시 읽음.
* 덮개 · 뺀줄 · 더한줄 단가를 M01 키 값으로 되돌림 · 옵션(입력값) · 기본정보는 그대로(서버 740-1).
* 둘 다 쓰기 권한이 있는 층에서만 보임(`update`) · 상세에 저장 안 한 고침이 있으면 먼저 물음.
* 단가산출 상세(804-8 · M01 단가산출 기초와 같은 단추 규칙) = [새로고침] 숨김 · [되돌림] = 물음 → 다시 읽음(수식 캐시도 비움) ·
* [되돌림] · [저장] = 고침 있을 때만(`dim`)
* ========================================================================== */
import { createButton, showConfirmDialog, showToast } from "@ui/ui_template_elements";
import { currentLanguageIndex } from "@ui/ui_template_locale";
import { askConfirm } from "@ui/ui_template_modal";
import {
editPrecomboTree,
fetchPrecomboTree,
resetLibrary,
type LibraryKind,
} from "./M02_MasterTemplete_Api_Fetch";
import { askLibraryDelete } from "./M02_MasterTemplete_Library_Delete";
import { precomboList } from "./M02_MasterTemplete_UI_Side_Precombo";
import { sangeunList } from "./M02_MasterTemplete_UI_Side_Sangeun";
import type { Selection } from "./M02_MasterTemplete_UI_Main";
const TEXT = {
Reset: ["초기화", "Reset"],
ResetTip: [
"고친 값을 연결된 M01 키 값으로 되돌림 — 옵션 · 기본정보는 그대로",
"Revert edited values to their linked M01 key values — options and basic info stay",
],
Delete: ["삭제", "Delete"],
DeleteTip: [
"이 항목을 지움 — 쓰는 곳이 있으면 먼저 알림",
"Delete this item — warns first if used",
],
ResetAsk: [
"고친 값 {n} 개를 M01 값으로 되돌림{k} — 옵션 · 기본정보는 그대로",
"Revert {n} edited value(s) to M01 values{k} — options and basic info stay",
],
Restored: [" (빼 둔 줄 {k} 개 되살림)", " ({k} removed line(s) restored)"],
Nothing: ["되돌릴 고침이 없음", "Nothing to revert"],
Done: ["M01 값으로 되돌렸음", "Reverted to M01 values"],
DeleteAsk: ["「{name}」 을(를) 지울까?", "Delete 「{name}」?"],
Deleted: ["지웠음", "Deleted"],
Undo: ["되돌림", "Revert"],
UndoAsk: [
"저장 안 한 고친 것(기본정보 · 수식)을 버리고 저장 뒤 상태로 되돌릴까?",
"Discard unsaved edits (info · formula) and revert to the saved state?",
],
Failed: ["못 했음 — {why}", "Failed — {why}"],
} as const;
const tx = (key: keyof typeof TEXT): string =>
String(TEXT[key][currentLanguageIndex as 0 | 1] ?? TEXT[key][0]);
const fill = (text: string, vars: Record<string, string | number>): string =>
Object.entries(vars).reduce((s, [k, v]) => s.replace(`{${k}}`, String(v)), text);
export interface MainActionsCtx {
sel: () => Selection | null;
/** 지금 읽은 문서의 판 */
version: () => string;
/** 지금 읽은 문서(저장본) — 뺀 줄 수를 셈 */
loaded: () => unknown;
confirmLeave: () => Promise<boolean>;
open: (sel: Selection | null) => Promise<void>;
/** 좌측 목록을 다시 읽음 */
changed: () => void;
/** 페이지 머리 단추 — 단가산출 상세에서 숨김 · 흐림 */
page: { reload: HTMLButtonElement; save: HTMLButtonElement };
}
/** 문서 안 모든 `뺀줄` 길이 합(단가산출 · 일위대가 줄 안 덮개까지) */
function removedCount(node: unknown): number {
if (Array.isArray(node)) return node.reduce<number>((n, x) => n + removedCount(x), 0);
if (!node || typeof node !== "object") return 0;
return Object.entries(node as Record<string, unknown>).reduce(
(n, [k, v]) => n + (k === "뺀줄" && Array.isArray(v) ? v.length : removedCount(v)),
0,
);
}
const why = (error: unknown): string => (error instanceof Error ? error.message : "");
export function createMainActions(ctx: MainActionsCtx): {
reset: HTMLButtonElement;
del: HTMLButtonElement;
undo: HTMLButtonElement;
update: (writable: boolean) => void;
/** 고침 있음 — 단가산출 상세의 [되돌림] · [저장] 흐림 */
dim: (dirty: boolean) => void;
} {
const reset = createButton({ label: tx("Reset"), variant: "ghost", iconStart: "rotateCcw" });
const del = createButton({ label: tx("Delete"), variant: "danger-ghost", iconStart: "trash" });
const undo = createButton({ label: tx("Undo"), variant: "ghost", iconStart: "undo" });
undo.dataset.mainUndo = "";
reset.title = tx("ResetTip");
del.title = tx("DeleteTip");
reset.dataset.mainReset = "";
del.dataset.mainDelete = "";
const target = (): { at: Selection; kind: LibraryKind } | null => {
const at = ctx.sel();
const kind = at?.kind;
return at && at.name && (kind === "sangeun" || kind === "precombo") ? { at, kind } : null;
};
reset.addEventListener("click", async () => {
const got = target();
if (!got || !(await ctx.confirmLeave())) return;
const { at, kind } = got;
try {
const look = await resetLibrary(kind, at.layer, at.owner ?? null, {
키: at.name,
미리보기: true,
});
if (!look.걷힘) return void showToast(tx("Nothing"), "success");
const k = removedCount(ctx.loaded());
const message = fill(tx("ResetAsk"), {
n: look.걷힘,
k: k ? fill(tx("Restored"), { k }) : "",
});
if (!(await askConfirm({ message, okLabel: tx("Reset"), danger: true }))) return;
await resetLibrary(kind, at.layer, at.owner ?? null, {
키: at.name,
미리보기: false,
판: ctx.version(),
});
await ctx.open(at); // 다시 그림
ctx.changed();
showToast(tx("Done"), "success");
} catch (error) {
showToast(fill(tx("Failed"), { why: why(error) }), "error");
}
});
del.addEventListener("click", async () => {
const got = target();
if (!got || !(await ctx.confirmLeave())) return;
const { at, kind } = got;
const owner = at.owner ?? null;
try {
const tree = await fetchPrecomboTree(at.layer, owner, kind);
const pick = { 경로: tree.자리?.[at.name] ?? [], 키: at.name };
const ask = fill(tx("DeleteAsk"), { name: at.label ?? at.name });
const ans = await askLibraryDelete(kind, at.layer, owner, [pick], ask, tx("Delete"));
if (!ans.ok) return;
await editPrecomboTree(
at.layer,
{ op: "delete", 대상: [pick], ...(ans.sure ? { 확인: true } : {}) },
tree.판,
owner,
kind,
);
const scope = { layer: at.layer, owner, canWrite: true } as Parameters<typeof sangeunList>[0];
await ctx.open(kind === "sangeun" ? sangeunList(scope) : precomboList(scope)); // 목록으로
ctx.changed();
showToast(tx("Deleted"), "success");
} catch (error) {
showToast(fill(tx("Failed"), { why: why(error) }), "error");
}
});
undo.addEventListener("click", async () => {
const at = ctx.sel();
if (at && (await showConfirmDialog(tx("UndoAsk"), tx("Undo")))) await ctx.open(at);
});
const sk = (): boolean => target()?.kind === "sangeun";
const dim = (dirty: boolean): void => {
undo.disabled = !dirty;
ctx.page.save.disabled = sk() && !dirty;
};
return {
reset,
del,
undo,
update: (writable) => {
const on = writable && !!target();
reset.hidden = del.hidden = !on;
undo.hidden = !on || !sk();
if (sk()) ctx.page.reload.hidden = true;
dim(false);
},
dim,
};
}