betaflight-configurator/tabs/motor_outputs.html

124 lines
5.9 KiB
HTML

<div class="tab-motor_outputs">
<div class="wrapper accel">
<div class="plot_control">
<div class="title">Accelerometer - <a class="reset_accel_max" href="#" title="Reset overtime maximum">[Reset]</a></div>
<dl>
<dt i18n="sensorsRefresh"></dt>
<dd class="rate">
<select name="accel_refresh_rate">
<option value="10">10 ms</option>
<option value="20" selected="selected">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50">50 ms</option>
<option value="100">100 ms</option>
<option value="250">250 ms</option>
<option value="500">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt i18n="sensorsScale"></dt>
<dd class="scale">
<select name="accel_scale">
<option value="0.05">0.05</option>
<option value="0.1">0.1</option>
<option value="0.2">0.2</option>
<option value="0.3">0.3</option>
<option value="0.4">0.4</option>
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
</select>
</dd>
<dt>X:</dt><dd class="x">0</dd>
<dt>Y:</dt><dd class="y">0</dd>
<dt>Z:</dt><dd class="z">0</dd>
</dl>
</div>
<svg id="accel">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
</div>
<div class="left motors">
<div class="title">Motors</div>
<ul class="titles">
<li title="Motor - 1">1</li>
<li title="Motor - 2">2</li>
<li title="Motor - 3">3</li>
<li title="Motor - 4">4</li>
<li title="Motor - 5">5</li>
<li title="Motor - 6">6</li>
<li title="Motor - 7">7</li>
<li title="Motor - 8">8</li>
</ul>
<div class="bar-wrapper">
<div class="m-block motor-0"><div class="indicator"></div></div>
<div class="m-block motor-1"><div class="indicator"></div></div>
<div class="m-block motor-2"><div class="indicator"></div></div>
<div class="m-block motor-3"><div class="indicator"></div></div>
<div class="m-block motor-4"><div class="indicator"></div></div>
<div class="m-block motor-5"><div class="indicator"></div></div>
<div class="m-block motor-6"><div class="indicator"></div></div>
<div class="m-block motor-7"><div class="indicator"></div></div>
</div>
</div>
<div class="right servos">
<div class="title">Servos</div>
<ul class="titles">
<li title="Servo - 8">8</li>
<li title="Servo - 7">7</li>
<li title="Servo - 6">6</li>
<li title="Servo - 5">5</li>
<li title="Servo - 4">4</li>
<li title="Servo - 3">3</li>
<li title="Servo - 2">2</li>
<li title="Servo - 1">1</li>
</ul>
<div class="bar-wrapper">
<div class="m-block servo-7"><div class="indicator"></div></div>
<div class="m-block servo-6"><div class="indicator"></div></div>
<div class="m-block servo-5"><div class="indicator"></div></div>
<div class="m-block servo-4"><div class="indicator"></div></div>
<div class="m-block servo-3"><div class="indicator"></div></div>
<div class="m-block servo-2"><div class="indicator"></div></div>
<div class="m-block servo-1"><div class="indicator"></div></div>
<div class="m-block servo-0"><div class="indicator"></div></div>
</div>
</div>
<div class="clear-both"></div>
<div class="motor_testing">
<div class="left">
<div class="sliders">
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input type="range" min="1000" max="2000" value="1000" disabled="disabled" />
<input class="master" type="range" min="1000" max="2000" value="1000" disabled="disabled" />
</div>
<div class="values">
<ul>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li>1000</li>
<li style="font-weight: bold" i18n="motorsMaster"></li>
</ul>
</div>
</div>
<div class="notice" i18n="motorsNotice"></div>
<div class="cler-both"></div>
</div>
</div>