eomsangdonandClaude Opus 5.5
e250517adf
- B05 「예정노선 변경」 켬끔 = D03 createPlanDraw · createPlanEdit · createPlanMenu · createPlanProps 를 한 선 network 로 얹음(같은 함수 · 단추 · 단축키 · 노드 끌기 · 고른 토막 끌어 꺾임점 · Delete · [다시 긋기]) — 갈래 · 둘째 선 · 연도 · 지점은 막음/숨김 - 한 번 고침(긋기 끝 · 놓음 · 지움) → 켠 뒤 첫 고침만 확인창 → `/route/follow` → 편집기 한 걸음 · 다 지우면 새로 그을 때까지 평면 그대로 - 도구줄 「예정노선(원본)」 켬끔 — 파일입력 예정노선(안 덮음)을 옅은 점선으로(고친 것과 다를 때만) - D03 덧 인자 `oneLine`(UI_Draw · UI_DrawPanel 연도 마커 · UI_Menu · UI_Props) — 기본값 = 지금 그대로 · 긋기 칸 · 속성 판 꼴 CSS 를 `D03_PlanAnalysis_UI_DrawParts.css` 로 옮겨 그 TS 가 불러옴(D03 꼴 같음) - 옛 자체 긋기 셈 `logic/B05_Profile_ExpectedDraw.ts` 지움(D03 셈으로 갈음) · 시험 test_626_3 다시 씀(5) - 낡은 글 고침 — 설계 지형 바꿈 = 지형 칩(`/route/design-terrain`) · 「추천 [적용] 때만」 글 걷음(Router_Terrain · Router_Replan · Api_Replan · RouteEdit_Apply · 동작 그대로) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
77 lines
3.1 KiB
TypeScript
77 lines
3.1 KiB
TypeScript
/* =============================================================================
|
|
* D03_PlanAnalysis_UI_DrawPanel.ts
|
|
* D03 좌측 「그리기」 칸 몸(PLAN 599-1 · 599-4 · 요구 463-10 · 22) — [긋기] · 연도 구역 마커 · 긋기 방식 칸.
|
|
*
|
|
* 방식 칸 `createDrawKindFields` = 공용 `A00_Common/map/map_draw_kind`(626-3) — 그리기 칸 · 노드 판(598-4) ·
|
|
* B05 평면 예정노선 그리기가 같은 부품을 씀(여기서 다시 내보냄).
|
|
* 연도 구역 마커 = 끌어 선 위에 놓기(`YEAR_MARK_DRAG` · 받음 = `D03_PlanAnalysis_UI_Edit` drop).
|
|
* 설명 글 없음(요구 463-6) — 칸 오류 · ≈ ° 값만.
|
|
* ========================================================================== */
|
|
|
|
import { createButton } from "@ui/ui_template_elements";
|
|
import { YEAR_MARK_DRAG } from "./D03_PlanAnalysis_UI_Map";
|
|
import type { DrawKindFields } from "../A00_Common/map/map_draw_kind";
|
|
import "./D03_PlanAnalysis_UI_DrawParts.css";
|
|
|
|
// 방식 칸 = 공용(`A00_Common/map/map_draw_kind` · 626-3 · B05 평면 예정노선 그리기도 씀)
|
|
export {
|
|
createDrawKindFields,
|
|
DRAW_DEFAULT_LENGTH_M,
|
|
DRAW_DEFAULT_SLOPE_PCT,
|
|
DRAW_KIND_LABELS,
|
|
type DrawConstraint,
|
|
type DrawKindFields,
|
|
type DrawKindValue,
|
|
} from "../A00_Common/map/map_draw_kind";
|
|
|
|
export interface DrawPanel {
|
|
root: HTMLElement;
|
|
/** 단추 글 · 막힘 — 긋는 중 · 고칠 수 있음 · 마커 놓을 선 있음. */
|
|
state: (state: { drawing: boolean; editable: boolean; canMark: boolean }) => void;
|
|
}
|
|
|
|
/** 좌측 「그리기」 칸 — [긋기] · 연도 구역 마커(끌기) · 방식 칸. */
|
|
export function createDrawPanel(opts: {
|
|
kind: DrawKindFields;
|
|
onDraw: () => void;
|
|
/** 연도 구역 마커 단추(없음 = 보임 · B05 평면 예정노선 = 숨김 626-3). */
|
|
marks?: boolean;
|
|
}): DrawPanel {
|
|
const drawButton = createButton({
|
|
label: "긋기",
|
|
variant: "filled",
|
|
size: 28,
|
|
onClick: opts.onDraw,
|
|
});
|
|
const markButton = createButton({
|
|
label: "연도 구역 마커",
|
|
variant: "ghost",
|
|
size: 28,
|
|
iconStart: "flag",
|
|
});
|
|
markButton.title = "선 위로 끌어 놓으면 구역을 나눕니다";
|
|
markButton.dataset.role = "draw-year-mark";
|
|
markButton.hidden = opts.marks === false;
|
|
markButton.draggable = true;
|
|
markButton.addEventListener("dragstart", (event) => {
|
|
event.dataTransfer?.setData(YEAR_MARK_DRAG, "1");
|
|
if (event.dataTransfer) event.dataTransfer.effectAllowed = "copy";
|
|
});
|
|
const row = document.createElement("div");
|
|
row.className = "d03-plan__row";
|
|
row.append(drawButton, markButton);
|
|
const root = document.createElement("div");
|
|
root.className = "d03-plan__draw";
|
|
root.append(row, opts.kind.root);
|
|
return {
|
|
root,
|
|
state({ drawing, editable, canMark }) {
|
|
drawButton.querySelector(".ui-btn__label")!.textContent = drawing ? "긋기 끝" : "긋기";
|
|
drawButton.disabled = !editable;
|
|
drawButton.setAttribute("aria-pressed", String(drawing));
|
|
markButton.disabled = !editable || drawing || !canMark;
|
|
root.dataset.mode = drawing ? "draw" : "idle";
|
|
},
|
|
};
|
|
}
|