mirror of
https://github.com/iNavFlight/inav-configurator.git
synced 2025-07-25 01:05:12 +03:00
b98d7a8f3b
Use an additional window to show the debug trace, so the configurator can be used at the same time the user is viewing the output.
309 lines
No EOL
15 KiB
HTML
309 lines
No EOL
15 KiB
HTML
<div class="tab-sensors">
|
|
<div class="content_wrapper">
|
|
<div class="tab_title" i18n="tabRawSensorData">tabRawSensorData</div>
|
|
<div class="cf_doc_version_bt">
|
|
<a id="button-documentation" href="https://github.com/iNavFlight/inav/releases" target="_blank"></a>
|
|
</div>
|
|
|
|
<div class="note" style="margin-bottom: 10px;">
|
|
<div class="note_spacer">
|
|
<p i18n="sensorsInfo">Keep in mind that using fast update periods and rendering multiple graphs at
|
|
the same time is resource heavy and will burn your battery quicker if you use a laptop. We recommend
|
|
to only render graphs for sensors you are interested in while using reasonable update periods.</p>
|
|
</div>
|
|
</div>
|
|
<div class="gui_box">
|
|
<div class="info">
|
|
<div class="checkboxes">
|
|
<label><input type="checkbox" name="gyro_on" class="first" />Gyroscope</label> <label><input
|
|
type="checkbox" name="accel_on" />Accelerometer</label> <label><input type="checkbox"
|
|
name="mag_on" />Magnetometer</label> <label><input type="checkbox" name="baro_on" />Barometer</label> <label><input
|
|
type="checkbox" name="sonar_on" />Sonar</label> <label><input type="checkbox" name="debug_on" />Debug</label>
|
|
|
|
<a class="debug-trace" href="javascript:void(0);">Open Debug Trace</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper gyro">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Gyroscope - deg/s</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="gyro_refresh_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">20 ms</option>
|
|
<option value="30">30 ms</option>
|
|
<option value="40">40 ms</option>
|
|
<option value="50" selected="selected">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="gyro_scale">
|
|
<option value="100">100</option>
|
|
<option value="500">500</option>
|
|
<option value="1000">1000</option>
|
|
<option value="2000" selected="selected">2000</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="gyro">
|
|
<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>
|
|
<div class="wrapper accel">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Accelerometer - g</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="accel_refresh_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">20 ms</option>
|
|
<option value="30">30 ms</option>
|
|
<option value="40">40 ms</option>
|
|
<option value="50" selected="selected">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.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>
|
|
|
|
<div class="wrapper mag">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Magnetometer - Ga</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="mag_refrash_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">20 ms</option>
|
|
<option value="30">30 ms</option>
|
|
<option value="40">40 ms</option>
|
|
<option value="50" selected="selected">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="mag_scale">
|
|
<option value="0.5">0.5</option>
|
|
<option value="1" selected="selected">1</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="mag">
|
|
<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>
|
|
<div class="wrapper altitude">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Barometer - meters</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="baro_refresh_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">20 ms</option>
|
|
<option value="30">30 ms</option>
|
|
<option value="40">40 ms</option>
|
|
<option value="50">50 ms</option>
|
|
<option value="100" selected="selected">100 ms</option>
|
|
<option value="250">250 ms</option>
|
|
<option value="500">500 ms</option>
|
|
<option value="1000">1000 ms</option>
|
|
</select>
|
|
</dd>
|
|
<dt>Alt:</dt>
|
|
<dd class="x">0</dd>
|
|
<dt>Baro:</dt>
|
|
<dd class="y">0</dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<svg id="altitude">
|
|
<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>
|
|
<div class="wrapper sonar">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Sonar - cm</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="sonar_refresh_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">20 ms</option>
|
|
<option value="30">30 ms</option>
|
|
<option value="40">40 ms</option>
|
|
<option value="50">50 ms</option>
|
|
<option value="100" selected="selected">100 ms</option>
|
|
<option value="250">250 ms</option>
|
|
<option value="500">500 ms</option>
|
|
<option value="1000">1000 ms</option>
|
|
</select>
|
|
</dd>
|
|
<dt>X:</dt>
|
|
<dd class="x">0</dd>
|
|
</dl>
|
|
</div>
|
|
<svg id="sonar">
|
|
<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>
|
|
<div class="wrapper debug">
|
|
<div class="gui_box grey">
|
|
<div class="plot_control">
|
|
<div class="title">Debug 0</div>
|
|
<dl>
|
|
<dt i18n="sensorsRefresh"></dt>
|
|
<dd class="rate">
|
|
<select name="debug_refresh_rate">
|
|
<option value="10">10 ms</option>
|
|
<option value="20">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" selected="selected">500 ms</option>
|
|
<option value="1000">1000 ms</option>
|
|
</select>
|
|
</dd>
|
|
<dt>X:</dt>
|
|
<dd class="x">0</dd>
|
|
</dl>
|
|
</div>
|
|
<svg id="debug1">
|
|
<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 class="plot_control">
|
|
<div class="title">Debug 1</div>
|
|
<dl>
|
|
<dt>X:</dt>
|
|
<dd class="x">blue</dd>
|
|
</dl>
|
|
</div>
|
|
<svg id="debug2">
|
|
<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 class="plot_control">
|
|
<div class="title">Debug 2</div>
|
|
<dl>
|
|
<dt>X:</dt>
|
|
<dd class="x">0</dd>
|
|
</dl>
|
|
</div>
|
|
<svg id="debug3">
|
|
<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 class="plot_control">
|
|
<div class="title">Debug 3</div>
|
|
<dl>
|
|
<dt>X:</dt>
|
|
<dd class="x">0</dd>
|
|
</dl>
|
|
</div>
|
|
<svg id="debug4">
|
|
<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>
|
|
</div>
|
|
</div> |