style(B06): Cross_View 주석 정리 — 700줄 제한 준수

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-08-22 15:44:58 +09:00
co-authored by Claude Opus 5
parent cd855e32d3
commit 8be67485be
+5 -12
View File
@@ -425,10 +425,8 @@ export function createCrossSectionCard(
}
// 확대·축소·팬이 닿는 범위 = 이 레이어 안(2026-08-08 사용자 지시. 축·눈금·축 이름은 제자리).
// clip 그룹은 고정하고 그 **안쪽** plotLayer만 transform으로 움직인다 — clip을 transform
// 붙은 요소에 직접 걸면 자르는 창까지 같이 확대돼 플롯 밖으로 도형이 새어 나간다.
// 표시 반폭 밖의 설계선·면적 밴드·포장·암 경계를 잘라 내는 몫도 이 clip이 겸한다
// (2026-08-06 사용자 지적 — 지면 샘플만 잘라서는 나머지가 플롯을 뚫고 나갔다).
// clip 그룹은 고정하고 안쪽 plotLayer만 transform으로 움직인다 — clip을 transform
// 요소에 직접 걸면 자르는 창까지 확대된다. 표시 반폭 밖 잘라내기도 이 clip 몫.
const clipId = `b06-cross-clip-${section.station_id}`;
const clip = svgElement("clipPath", { id: clipId });
clip.append(
@@ -537,7 +535,7 @@ export function createCrossSectionCard(
return nearest;
}, null);
const centerX = x(0);
// 십자선 계획 노선(계획고) 위치를 가리킨다. 계획선이 없는 구 데이터는 지반고 폴백한다.
// 십자선 = 계획 노선 자리(구 데이터는 지반고 폴백).
const centerElevation = hasDesign
? (designElevation as number)
: (centerSample?.elevation_m ?? null);
@@ -546,7 +544,6 @@ export function createCrossSectionCard(
? y(elevationMid + (centerElevation - elevationMid) * exaggeration)
: heightPx / 2;
const centerMarkerClass = `b06-chart__center-marker${hasDesign ? " b06-chart__center-marker--design" : ""}`;
// 중심 십자선은 계획 노선 자리를 가리키는 **데이터**라 도형 레이어에 넣어 함께 움직인다.
plotLayer.append(
svgElement("line", {
x1: centerX,
@@ -657,7 +654,6 @@ export function createCrossSectionCard(
showRevetControl = (visible) => panel.show(visible ? activeRevet : null);
showRevetControl(activeRevet !== null);
chartWrap.append(svg, readout.root, buildZoomControls(zoomPan), panel.root);
// 다시 그려지기 전에 켜져 있던 강조를 되살린다(부모가 들고 있던 값).
if (activeArea) {
setBandActive(activeArea);
setChipActive(activeArea);
@@ -669,16 +665,13 @@ export function createCrossSectionCard(
const center = document.createElement("span");
center.textContent = `${L("B06_Profile_View_CenterElevation")} ${section.center_z?.toFixed(2) ?? "-"}m`;
footer.append(center);
// 암 경계선 제어는 그래프 안이 아니라 **하단 정보 행 가운데**에 둔다
// (2026-08-02 사용자 지시). 그래프 안에 있으면 도면 위에 겹쳐 단면을 가렸다. 암 지반만.
// 방위각 표기는 볼 일이 없어 삭제했다(2026-08-06 사용자 지시).
// 암 경계선 제어는 하단 정보 행 가운데(2026-08-02) — 암 지반만.
if (rockBoundary && section.design?.geometry_preset === "rock") {
const rockControl = buildRockBoundaryControl(section, rockBoundary);
rockControl.classList.add("b06-cross-card__rockb");
footer.append(rockControl);
}
// 개별 표시 반폭 ◀/▶/↺ — 암 경계 그룹 우측에 우측 맞춤(2026-08-06 사용자 지시).
// 숫자 표시는 두지 않고, 초기화는 전역 반폭으로 되돌린다.
// 개별 표시 반폭 ◀/▶/↺ — 우측 맞춤, 초기화는 전역 반폭 복귀(2026-08-06).
if (stationWidth) {
const widthControl = document.createElement("div");
widthControl.className = "b06-cross-card__widthctl";