9bcba0a317
Phase 4 — CSS 분리: - style.css(2,230→670줄)에서 탭별 스타일을 css/<tab>.css 8개로 분할 (t2s:437, pid:236, pb:106, hist:100, evt:50, opcsvr:14, llmchat:501, kbadmin:109) - 크로스탭 공유 스타일(nm-*, hist-status, dt-picker 등)은 style.css 잔류 - index.html head에 11개 CSS link 태그 (1 style.css + 8 tab + 2 lib) app.js 제거: - index.html에서 <script src=/js/app.js> 참조 제거 - app.js → 10줄 placeholder (이미 Phase 0-3에서 모든 로직 이전 완료) Pane wrapper 버그 수정: - 16개 pane 파일에서 <section class=pane id=pane-xxx> wrapper 제거 - activateTab이 innerHTML로 주입 시 중첩 section + display:none 발생 - 내용이 전혀 안 보이는 문제 해결 문서 갱신: - AGENTS.md: Frontend Architecture 섹션 추가 - 웹UI-개선플랜-byOPUS.md: Phase 0-4 완료 상태로 갱신, 결과 검증 추가 MCP: - server.py: timestamp 정밀도 개선 등
79 lines
3.1 KiB
HTML
79 lines
3.1 KiB
HTML
<header class="pane-hdr">
|
|
<div>
|
|
<h1>이벤트 히스토리</h1>
|
|
<p>디지털 포인트 상태 변경 이벤트를 조회합니다. (event_history_table)</p>
|
|
</div>
|
|
<div class="pane-tag">EVENT / DIGITAL</div>
|
|
</header>
|
|
|
|
<!-- 조회 조건 카드 -->
|
|
<div class="card">
|
|
<div class="card-cap">조회 조건</div>
|
|
|
|
<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px">
|
|
<span>태그 필터</span>
|
|
<button class="btn-b btn-sm" onclick="evtLoadTags()">▼ 태그 목록 불러오기</button>
|
|
<span id="evt-tag-status" class="hist-status"></span>
|
|
</div>
|
|
<div class="fg">
|
|
<select id="ef-tag" class="inp">
|
|
<option value="">— 전체 태그 —</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="cols-4">
|
|
<div class="fg">
|
|
<label>이벤트 타입</label>
|
|
<select id="ef-event-type" class="inp">
|
|
<option value="">전체</option>
|
|
<option value="TRIP">TRIP</option>
|
|
<option value="RUN">RUN</option>
|
|
<option value="ALARM">ALARM</option>
|
|
<option value="NORMAL">NORMAL</option>
|
|
<option value="CHANGE">CHANGE</option>
|
|
</select>
|
|
</div>
|
|
<div class="fg">
|
|
<label>Area <em>(예: P6)</em></label>
|
|
<input id="ef-area" class="inp" type="text" placeholder="비워두면 전체"/>
|
|
</div>
|
|
<div class="fg">
|
|
<label>Section <em>(예: 1-2차)</em></label>
|
|
<input id="ef-section" class="inp" type="text" placeholder="비워두면 전체"/>
|
|
</div>
|
|
<div class="fg">
|
|
<label>최대 행 수</label>
|
|
<input id="ef-limit" class="inp" type="number" value="500" min="10" max="5000"/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cols-2">
|
|
<div class="fg">
|
|
<label>시작 시간</label>
|
|
<input type="hidden" id="hf-evt-from"/>
|
|
<div class="dt-display inp" id="dtp-evt-from-display" onclick="dtOpen('evt-from')">— 선택 안 함 —</div>
|
|
</div>
|
|
<div class="fg">
|
|
<label>종료 시간</label>
|
|
<input type="hidden" id="hf-evt-to"/>
|
|
<div class="dt-display inp" id="dtp-evt-to-display" onclick="dtOpen('evt-to')">— 선택 안 함 —</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="btn-row">
|
|
<button class="btn-a" onclick="evtQuery()">🔍 이벤트 조회</button>
|
|
<button class="btn-b" onclick="evtSummary()">📊 구간 요약</button>
|
|
<button class="btn-b" onclick="evtReset()">초기화</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 요약 결과 카드 -->
|
|
<div id="evt-summary-card" class="card hidden">
|
|
<div class="card-cap">구간별 이벤트 요약</div>
|
|
<div id="evt-summary-content"></div>
|
|
</div>
|
|
|
|
<!-- 조회 결과 -->
|
|
<div id="evt-result-info" class="nm-result-info hidden" style="margin:8px 0"></div>
|
|
<div id="evt-table" class="tbl-wrap hidden"></div>
|