betaflight-configurator/tabs/initial_setup.html

74 lines
2.8 KiB
HTML

<div class="tab-initial_setup">
<div class="section">
<a class="calibrateAccel" href="#">Calibrate Accelerometer</a>
<p>
Place board or frame on <strong style="color: green;">leveled</strong> surface, proceed with calibration, ensure platform is <strong style="color: red;">not</strong> moving during calibration period.
</p>
</div>
<div class="section">
<a class="calibrateMag" href="#">Calibrate Magnetometer</a>
<p>
Move multirotor atleast <strong>360</strong> degrees on all axis of rotation. You have <strong style="color: red;">30 seconds</strong> to perform this task.
</p>
</div>
<div class="section">
<a class="resetSettings" href="#">Reset Settings</a>
<p>
Restore <span style="color: red">all</span> settings to <strong>default</strong>.
</p>
</div>
<div class="section">
<a class="backup" href="#">Backup</a>
<a class="restore" href="#">Restore</a>
<p>
<strong>Backup</strong> your configuration in case of an accident. (<strong>CLI</strong> settings are <strong style="color: red;">not</strong> included).
</p>
</div>
<div id="interactive_block">
<span class="model"></span>
<a class="reset" href="#" title="Reset Z">Reset Z axis</a>
<div id="perspective">
<div id="cube">
<div id="cubePITCH">
<div id="cubeROLL">
<div class="face one">BOTTOM</div>
<div class="face two">BACK</div>
<div class="face three">RIGHT</div>
<div class="face four">FRONT</div>
<div class="face five">LEFT</div>
<div class="face six">TOP</div>
</div>
</div>
</div>
</div>
</div>
<div class="acc-trim">
<span class="head">Accelerometer trims</span>
<div class="fields">
<dl>
<dt>Pitch:</dt><dd><input type="number" name="pitch" value="0" /></dd>
<dt>Roll:</dt><dd><input type="number" name="roll" value="0" /></dd>
</dl>
<a class="update" href="#">Save</a>
</div>
</div>
<div class="battery">
<span class="head">Battery</span>
<div class="fields">
Voltage: <span class="bat-voltage">0 V</span>
</div>
</div>
<div class="compass-wrapper">
<div id="compass">
<span>N</span>
<span>E</span>
<span>S</span>
<span>W</span>
<div class="pointer">
<span class="tip"></span>
<span class="stick"></span>
</div>
<div class="value"></div>
</div>
</div>
</div>