sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
betaflight-configurator/tabs/sensors.html

199 lines
9.2 KiB
HTML
Raw Normal View History

initial sensor tab commit
2013-04-11 10:01:51 +00:00
<div class="tab-sensors">
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<select title="Gyroscope refresh rate" 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>
<div class="clear-both"></div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="gyro">
<text class="title" transform="translate(400, 8)">Gyroscope (deg/s)</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(790, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">X - rate</text>
<text class="value" transform="translate(50, 0)"></text>
</g>
<g class="item" transform="translate(0, 12)">
<text class="label">Y - rate</text>
<text class="value" transform="translate(50, 0)"></text>
</g>
<g class="item" transform="translate(0, 24)">
<text class="label">Z - rate</text>
<text class="value" transform="translate(50, 0)"></text>
</g>
</g>
</svg>
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<select title="Accelerometer refresh rate" 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>
<div class="clear-both"></div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="accel">
<text class="title" transform="translate(400, 8)">Accelerometer (g)</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(750, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">X - acceleration</text>
<text class="value" transform="translate(90, 0)"></text>
</g>
<g class="item" transform="translate(0, 12)">
<text class="label">Y - acceleration</text>
<text class="value" transform="translate(90, 0)"></text>
</g>
<g class="item" transform="translate(0, 24)">
<text class="label">Z - acceleration</text>
<text class="value" transform="translate(90, 0)"></text>
</g>
</g>
</svg>
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<select title="Magnetometer refresh rate" 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>
<div class="clear-both"></div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="mag">
<text class="title" transform="translate(400, 8)">Magnetometer (Ga)</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(780, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">X - gauss</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
<g class="item" transform="translate(0, 12)">
<text class="label">Y - gauss</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
<g class="item" transform="translate(0, 24)">
<text class="label">Z - gauss</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<select title="Barometer refresh rate" 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" 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>
whitespace trimming run
2014-03-08 05:25:15 +00:00
</select>
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<div class="clear-both"></div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="baro">
<text class="title" transform="translate(400, 8)">Barometer (meters)</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(780, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">X - meters</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
Add debug graphs to raw sensor data tab
2013-10-31 21:45:07 +00:00
<select title="Debug refresh rate" 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" 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>
<div class="clear-both"></div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="debug1">
<text class="title" transform="translate(400, 8)">Debug 1</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(750, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">Debug 1</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
<svg id="debug2">
<text class="title" transform="translate(400, 8)">Debug 2</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(750, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">Debug 2</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
<svg id="debug3">
<text class="title" transform="translate(400, 8)">Debug 3</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(750, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">Debug 3</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
<svg id="debug4">
<text class="title" transform="translate(400, 8)">Debug 4</text>
<g class="grid x" transform="translate(40, 100)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="axis x" transform="translate(40, 100)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(40, 10)"></g>
<g class="legend" transform="translate(750, 20)">
<g class="item" transform="translate(0, 0)">
<text class="label">Debug 4</text>
<text class="value" transform="translate(60, 0)"></text>
</g>
</g>
</svg>
Add debug graphs to raw sensor data tab
2013-10-31 21:45:07 +00:00
</div>