Add IMU layout
This commit is contained in:
@@ -121,6 +121,64 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card collapsible" id="imuListCard">
|
||||
<div
|
||||
class="cardHeader cardHeaderToggle"
|
||||
id="imuListCardToggle"
|
||||
role="button"
|
||||
tabindex="0"
|
||||
aria-expanded="true"
|
||||
aria-controls="imuListCardBody"
|
||||
>
|
||||
<div>
|
||||
<div class="cardTitle">IMU</div>
|
||||
<div class="cardSub">Cảm biến quán tính — frame, topic và pose trên robot.</div>
|
||||
</div>
|
||||
<span class="cardChevron" aria-hidden="true"></span>
|
||||
</div>
|
||||
|
||||
<div class="cardBody" id="imuListCardBody">
|
||||
<form id="imuForm" class="form">
|
||||
<div class="row">
|
||||
<label>Tên</label>
|
||||
<input id="imuName" placeholder="IMU chính" required />
|
||||
</div>
|
||||
<div class="row">
|
||||
<label>Frame ID</label>
|
||||
<input id="imuFrameId" placeholder="imu_link" required />
|
||||
</div>
|
||||
<div class="row">
|
||||
<label>Topic</label>
|
||||
<input id="imuTopic" placeholder="imu/data" value="imu/data" required />
|
||||
</div>
|
||||
<div class="row rowWide">
|
||||
<label>Nguồn</label>
|
||||
<select id="imuSource">
|
||||
<option value="external">Ngoài (ROS topic)</option>
|
||||
<option value="lidar_builtin">Tích hợp LiDAR</option>
|
||||
<option value="onboard">Onboard robot</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label>Tần số (Hz)</label>
|
||||
<input id="imuRateHz" type="number" min="1" max="1000" step="1" value="100" />
|
||||
</div>
|
||||
<div class="checkRow">
|
||||
<label>
|
||||
<input id="imuEnabled" type="checkbox" checked />
|
||||
Bật IMU
|
||||
</label>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button id="addImuBtn" class="btn primary" type="button">Thêm IMU</button>
|
||||
</div>
|
||||
<p id="imuFormHint" class="formHint" hidden></p>
|
||||
</form>
|
||||
|
||||
<div id="imuList" class="list"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card collapsible" id="robotModelCard">
|
||||
<div
|
||||
class="cardHeader cardHeaderToggle"
|
||||
|
||||
Reference in New Issue
Block a user