28 lines
1.1 KiB
PHP
28 lines
1.1 KiB
PHP
<?php
|
|
require __DIR__ . '/layout.php';
|
|
render_header('구역 설정');
|
|
?>
|
|
<h1>구역 설정</h1>
|
|
<div class="zone-controls">
|
|
<label for="device-id">장치 ID</label>
|
|
<input type="text" id="device-id" placeholder="device-01">
|
|
<label for="camera-id">카메라 ID</label>
|
|
<input type="text" id="camera-id" placeholder="cam-01">
|
|
<button type="button" id="zone-load-btn">불러오기</button>
|
|
</div>
|
|
<div class="zone-controls">
|
|
<label for="zone-level">등급</label>
|
|
<select id="zone-level">
|
|
<option value="warning">경고 (warning)</option>
|
|
<option value="restricted">제한 (restricted)</option>
|
|
<option value="pinch">협착 (pinch)</option>
|
|
</select>
|
|
<button type="button" id="zone-clear-btn">현재 폴리곤 지우기</button>
|
|
<button type="button" id="zone-save-btn">저장</button>
|
|
</div>
|
|
<canvas id="zone-canvas" width="960" height="540" tabindex="0" aria-label="구역 편집 캔버스: 클릭하여 폴리곤 점을 추가합니다"></canvas>
|
|
<ul id="zone-list" aria-live="polite"></ul>
|
|
<p id="zone-status" role="status"></p>
|
|
<script src="/assets/zone-draw.js"></script>
|
|
<?php
|
|
render_footer();
|