52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>로봇 동작 중</title>
|
||
|
|
<link rel="stylesheet" href="../static/css/progress.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<main>
|
||
|
|
<div class="leftContainer">
|
||
|
|
<div class="msg">로봇이 움직이는 중입니다.</div>
|
||
|
|
|
||
|
|
<div id="indexDisplay">
|
||
|
|
<p>
|
||
|
|
현재 <span id="currentLayerIndex">0</span>단
|
||
|
|
<span id="currentDataIndex">0</span>위치
|
||
|
|
</p>
|
||
|
|
<!-- <P>책 높이 : <span id="currentSensorHeight">0</span></P> -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<button id="finishAction">바로 책 집어가기</button>
|
||
|
|
<button id="terminateAction">로봇 동작 종료</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="rightContainer">
|
||
|
|
<div class="buttonBox">
|
||
|
|
<button id="exitAppButton">앱 종료</button>
|
||
|
|
</div>
|
||
|
|
<div class="buttonBox">
|
||
|
|
<button id="stackerStartButton">스태커 시작</button>
|
||
|
|
<button id="stackerStopButton">스태커 정지</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="buttonBox">
|
||
|
|
<button id="upDownOnButton">올림</button>
|
||
|
|
<button id="upDownOffButton">내림</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="buttonBox">
|
||
|
|
<button id="leftRightOnButton">닫힘</button>
|
||
|
|
<button id="leftRightOffButton">열림</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script src="../static/js/progress.js"></script>
|
||
|
|
</html>
|