eomsangdonandClaude Opus 5.5
a83db2c6f8
- ExpectedDraw = 키트 createPlanKit 「b05」 한 벌 — 위치 칸(찾기 → 지도 이동만) · 그리기 칸 머리 「예정노선 수정」 · 받은 노선 켬끔 · 길이 비교 한 줄 · [받은 노선으로](받은 꼭짓점 다시 추적 + 초안 expected [] · 한 걸음)
- 고칠 선 = 받은 원본 꼭짓점(GET /route/plan/source · 635-2) · 고친 뒤엔 고친 꼭짓점
- 새 B05_Profile_UI_Panel_Plan — registerPanelSection order 1 · 2 빈 자리 + 편집기가 채움
- 켬 = 발자국 ~ 구조물 마커 불투명 --draw-map-dim(0.35 · 새 토큰) · 등고 높이값 · 예정노선 그림은 그대로 · 장면 overAll = { paint, dim }
- 도구줄 「예정노선 변경」 · 「예정노선 원본」 걷음(map_toolbar · map_tools · Chrome · css)
- RouteEdit 683 → 682 줄(주석 한 줄 걷고 frame 한 줄) · Render 648 → 653
- 시험: 새 test_635_3 · 626_3 키트 · 아이콘 걷음 대조로 고침 · 551_2 불투명 값(색 아님) 받음 · 568_1 · 634_2 아이콘 목록에서 둘 뺌(걷음)
- 검증_sub6 B: 픽셀 불투명 255 → 89 · 끌기 · 지움 · 다시 긋기 · 받은 노선으로 · 저장 · 다시 열기 · 초기화 = 받은 노선 · 지킴 지문 110/110 · 되돌림
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
97 lines
4.5 KiB
TypeScript
97 lines
4.5 KiB
TypeScript
/* =============================================================================
|
|
* map_toolbar.ts
|
|
* 공용 지도 도구줄 표(PLAN 624-2 · 634-2 · 요구 530 · 546) — 예정노선(D03) · B05 평면이 같이 씀.
|
|
* 한 줄 = 요구 546 그룹2 표 한 줄 — 열쇠(`ui_template_map_tools` 단추 이름 · 아이콘) · 호버제목(`title`) · 할 일 · 보일 페이지.
|
|
* 묶음 = 나눔선 · 차례 = 도구줄 차례 · 단추 아닌 칸(간격 고르기 · 추천 노선 보기 · 지형 칩)은 페이지가 만든 요소.
|
|
* 마우스 글 = 이 표 `title` 하나(페이지 덮어쓰기 없음) · 막힘이면 페이지가 `mapToolTip(단추, 까닭)` → 「제목 — 까닭」.
|
|
* 누름 동작은 페이지 몫 — 만든 요소를 `parts` 로 넘기면 그 자리에 · 안 넘긴 단추는 기본 단추(돌리기 둘 = 공용 돌림이 `data-act` 로 찾음).
|
|
* [?] 도움말 단추 = `createMapTools` 의 `hint`(맨 앞 · 글 = 이 표 첫 줄).
|
|
* 쓰는 법 = `createMapTools({ label, hint, groups: mapToolGroups("d03", { undo: undoButton, terrain: chip.root }) })`.
|
|
* ========================================================================== */
|
|
|
|
import { mapToolButton, mapToolTip, type MapToolAct } from "@ui/ui_template_map_tools";
|
|
import type { MapPage } from "./map_layer_list";
|
|
|
|
export type MapToolKey = MapToolAct | "hint-toggle" | "snap-step" | "recommend" | "terrain";
|
|
|
|
export interface MapToolRow {
|
|
key: MapToolKey;
|
|
/** 호버제목(요구 546 표). */
|
|
title: string;
|
|
does: string;
|
|
pages: readonly MapPage[];
|
|
}
|
|
|
|
const BOTH: readonly MapPage[] = ["d03", "b05"];
|
|
const B05: readonly MapPage[] = ["b05"];
|
|
|
|
export const MAP_TOOLBAR: readonly (readonly MapToolRow[])[] = [
|
|
[{ key: "hint-toggle", title: "도움말", does: "조작 도움말 펼치기 · 접기(`hint`)", pages: BOTH }],
|
|
[
|
|
{ key: "undo", title: "되돌리기", does: "편집 한 걸음 되돌림(Ctrl+Z)", pages: BOTH },
|
|
{ key: "redo", title: "다시하기", does: "되돌린 걸음 다시(Ctrl+Y)", pages: BOTH },
|
|
],
|
|
[
|
|
{ key: "view3d", title: "3D", does: "3D 큰 창(동작 = 페이지 몫)", pages: BOTH },
|
|
{ key: "rotate-ccw", title: "좌 회전", does: "지도 반시계로 돌림(Ctrl+휠도)", pages: BOTH },
|
|
{ key: "rotate-cw", title: "우 회전", does: "지도 시계로 돌림", pages: BOTH },
|
|
],
|
|
[
|
|
{
|
|
key: "contour-minor",
|
|
title: "등고선 1m",
|
|
does: "라이다 1 m 등고선 켬끔(라이다일 때만 열림)",
|
|
pages: B05,
|
|
},
|
|
{ key: "stations", title: "측점", does: "측점 눈금 · 번호 켬끔", pages: BOTH },
|
|
{ key: "slopes", title: "길이·기울기", does: "구간 길이 · 기울기 글 켬끔", pages: BOTH },
|
|
{ key: "footprint", title: "절성토선", does: "도로 끝 · 비탈 끝 켬끔", pages: B05 },
|
|
{ key: "measure", title: "길이측정", does: "거리 재기(동작 = 페이지 몫 · A⑩)", pages: BOTH },
|
|
],
|
|
[
|
|
{
|
|
key: "station-snap",
|
|
title: "스냅",
|
|
does: "곡선 가운데(MC)를 간격 배수에 맞춤",
|
|
pages: B05,
|
|
},
|
|
{ key: "snap-step", title: "스냅 간격", does: "스냅 간격 고르기(고르기 메뉴)", pages: B05 },
|
|
],
|
|
[
|
|
{
|
|
key: "recommend",
|
|
title: "추천노선",
|
|
does: "노선 추천 저장본 선 하나만 보기 · 끔(626-1 · 예정노선 = 636-2)",
|
|
pages: B05,
|
|
},
|
|
],
|
|
[{ key: "terrain", title: "수치지형도/라이다", does: "지형 원천 보기 · 고르기", pages: BOTH }],
|
|
];
|
|
|
|
const ROWS = MAP_TOOLBAR.flat();
|
|
|
|
/** 표 호버제목 — 페이지 칸(지형 칩 막힘 글 등)이 씀. */
|
|
export const mapToolTitle = (key: MapToolKey): string =>
|
|
ROWS.find((row) => row.key === key)?.title ?? key;
|
|
|
|
const isAct = (key: MapToolKey): key is MapToolAct =>
|
|
key !== "hint-toggle" && key !== "snap-step" && key !== "recommend" && key !== "terrain";
|
|
|
|
/** 그 페이지 도구줄 묶음 — 넘긴 요소 · 기본 단추(단추 열쇠만) · 마우스 글 = 표 · 빈 묶음 뺌. */
|
|
export function mapToolGroups(
|
|
page: MapPage,
|
|
parts: Partial<Record<MapToolKey, HTMLElement>> = {},
|
|
): HTMLElement[][] {
|
|
return MAP_TOOLBAR.map((group) =>
|
|
group
|
|
.filter((row) => row.pages.includes(page))
|
|
.flatMap((row): HTMLElement[] => {
|
|
const made = parts[row.key] ?? (isAct(row.key) ? mapToolButton(row.key) : null);
|
|
if (!made) return [];
|
|
made.dataset.tip = row.title;
|
|
mapToolTip(made);
|
|
return [made];
|
|
}),
|
|
).filter((group) => group.length);
|
|
}
|