Wickedness/Comtropy_CargoRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

관제 화면 문구와 화물 패널 정리

Browse Source
This commit is contained in:
y2keui
2026-06-07 02:23:32 +09:00
parent eecdb35541
commit fb4b0e4643
3 changed files with 220 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/web/public/index.html
View File

@@ -17,7 +17,7 @@
</div>
</div>
<div class="topbar-context">
<span class="topbar-chip">시범 관제</span>
<span class="topbar-chip">관제 데스크</span>
<time id="systemClock" datetime="">--:--</time>
</div>
<div class="toolbar">
@@ -41,7 +41,7 @@
<path d="M15 18v-2" />
</svg>
</span>
샘플 전송
테스트 전송
</button>
</div>
</header>
@@ -49,12 +49,12 @@
<main class="workspace">
<aside class="sidebar" aria-label="차량 목록">
<section class="ops-brief" aria-label="운영 브리핑">
<span class="section-eyebrow">오늘의 관제</span>
<span class="section-eyebrow">운영 현황</span>
<strong id="opsHeadline">전국 운송 상태 확인 중</strong>
<p id="opsSubline">실시간 위치 수신을 기다리고 있습니다.</p>
<div class="ops-brief-grid">
<span>
<small>평균 ETA</small>
<small>평균 남은 시간</small>
<strong id="averageEta">-</strong>
</span>
<span>
@@ -62,7 +62,7 @@
<strong id="cargoTypeCount">-</strong>
</span>
<span>
<small>경로 표시</small>
<small>경로 보유</small>
<strong id="routePreviewCount">-</strong>
</span>
</div>
@@ -153,23 +153,23 @@
<div id="map"></div>
<div id="mapMessage" class="map-message">지도 로딩 중</div>
<section class="map-status-panel" aria-label="지도 운영 상태">
<span class="section-eyebrow">실시간 지도</span>
<strong id="mapStatusTitle">화물 이동 현황</strong>
<span class="section-eyebrow">운행 지도</span>
<strong id="mapStatusTitle">운행 현황</strong>
<div class="map-status-grid">
<span><b id="mapActiveCount">0</b> 수신 중</span>
<span><b id="mapEtaSummary">-</b> 평균 ETA</span>
<span><b id="mapEtaSummary">-</b> 평균 남은 시간</span>
<span><b id="mapUpdatedAt">-</b> 최근 수신</span>
</div>
</section>
<section id="routeFocusPanel" class="route-focus-panel" aria-live="polite">
<span class="section-eyebrow">선택 경로</span>
<span class="section-eyebrow">차량 정보</span>
<strong id="routeFocusTitle">차량 선택</strong>
<p id="routeFocusMeta">선택하면 경로와 도착 예정 시간이 표시됩니다.</p>
<p id="routeFocusMeta">차량을 선택하면 운행 경로와 도착 시간을 확인할 수 있습니다.</p>
</section>
<section id="markerActionPanel" class="marker-action-panel is-hidden" aria-label="차량 빠른 선택">
<div class="marker-action-head">
<div>
<span id="markerActionEyebrow" class="section-eyebrow">차량 선택</span>
<span id="markerActionEyebrow" class="section-eyebrow">차량</span>
<strong id="markerActionTitle">-</strong>
<p id="markerActionMeta">-</p>
</div>
@@ -177,10 +177,10 @@
</div>
<div id="markerActionSummary" class="marker-action-summary"></div>
<div class="marker-action-buttons">
<button type="button" data-marker-action="route">전체 경로</button>
<button type="button" data-marker-action="cargo">화물 정보</button>
<button type="button" data-marker-action="history">위치 이력</button>
<button type="button" data-marker-action="center">현재 위치</button>
<button type="button" data-marker-action="route">경로 보기</button>
<button type="button" data-marker-action="cargo">화물 확인</button>
<button type="button" data-marker-action="history">수신 이력</button>
<button type="button" data-marker-action="center">지도 중심</button>
</div>
</section>
<div class="map-legend" aria-label="지도 범례">