style(B06): Cross_View 주석 정리 — 700줄 제한 준수
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user