Taehoon
587e92a7da
- 서버 탭 복귀 시 최근 선택한 뷰 모드(목록/위치) 상태 유지 및 currentViewMode 상태 일원화 - 개인PC 대시보드 및 맵 에디터의 인라인 CSS 스타일을 공통 CSS 및 변수 클래스로 분리 및 가독성 개선 - Vite 멀티페이지 빌드 설정(vite.config.ts) 추가
45 lines
1.5 KiB
HTML
45 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>ITAM Map Coordinate Editor v3.0</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css" />
|
|
<link rel="stylesheet" href="/src/styles/common.css" />
|
|
<link rel="stylesheet" href="/src/styles/map-editor.css" />
|
|
</head>
|
|
<body class="editor-body">
|
|
|
|
<!-- Left: File Selector -->
|
|
<div class="file-sidebar" id="file-sidebar">
|
|
<!-- Rendered by MapEditor.ts -->
|
|
</div>
|
|
|
|
<!-- Center: Main Editor -->
|
|
<div class="editor-container" id="container">
|
|
<div class="img-wrapper" id="wrapper">
|
|
<img src="" id="target-img" alt="Map Image">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Right: Control Panel -->
|
|
<div class="sidebar">
|
|
<h2>Map Editor <small class="editor-version">v3.0</small></h2>
|
|
<div class="current-path" id="current-path">파일을 선택하세요</div>
|
|
<p>
|
|
드래그하여 구역을 정의하세요. 저장 버튼을 누르면 즉시 시스템에 반영됩니다.
|
|
</p>
|
|
|
|
<div class="box-list" id="box-list"></div>
|
|
|
|
<div class="actions">
|
|
<button id="btn-clear-all" class="btn btn-outline">전체 삭제</button>
|
|
<button id="btn-save-server" class="btn btn-primary">서버에 즉시 저장</button>
|
|
<div id="save-status"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/src/map-editor-main.ts"></script>
|
|
</body>
|
|
</html>
|