mirror of
https://github.com/betaflight/betaflight.git
synced 2025-07-24 00:35:39 +03:00
generate meters/lines UI dynamically
This commit is contained in:
parent
953d6f5ef2
commit
4ba7cc5a46
3 changed files with 88 additions and 60 deletions
|
@ -31,6 +31,44 @@ function tab_initialize_receiver() {
|
|||
}
|
||||
});
|
||||
|
||||
// generate bars
|
||||
var bar_names = [
|
||||
'Roll',
|
||||
'Pitch',
|
||||
'Yaw',
|
||||
'Throttle',
|
||||
'AUX 1',
|
||||
'AUX 2',
|
||||
'AUX 3',
|
||||
'AUX 4',
|
||||
'AUX 5',
|
||||
'AUX 6',
|
||||
'AUX 7',
|
||||
'AUX 8'
|
||||
];
|
||||
|
||||
var bar_container = $('.tab-receiver .bars');
|
||||
for (var i = 0; i < RC.active_channels; i++) {
|
||||
bar_container.append('\
|
||||
<ul>\
|
||||
<li class="name">' + bar_names[i] + '</li>\
|
||||
<li class="meter"><meter min="800" max="2200"></meter></li>\
|
||||
<li class="value"></li>\
|
||||
</ul>\
|
||||
<div class="clear-both"></div>\
|
||||
');
|
||||
}
|
||||
|
||||
var meter_array = [];
|
||||
$('meter', bar_container).each(function() {
|
||||
meter_array.push($(this));
|
||||
});
|
||||
|
||||
var meter_values_array = [];
|
||||
$('.value', bar_container).each(function() {
|
||||
meter_values_array.push($(this));
|
||||
});
|
||||
|
||||
// UI Hooks
|
||||
// curves
|
||||
$('.tunings .throttle input').change(function() {
|
||||
|
@ -142,16 +180,6 @@ function tab_initialize_receiver() {
|
|||
send_message(MSP_codes.MSP_RC, false, false, update_ui);
|
||||
}
|
||||
|
||||
var meter_array = [];
|
||||
$('.tab-receiver meter').each(function() {
|
||||
meter_array.push($(this));
|
||||
});
|
||||
|
||||
var meter_values_array = [];
|
||||
$('.tab-receiver .value').each(function() {
|
||||
meter_values_array.push($(this));
|
||||
});
|
||||
|
||||
// setup plot
|
||||
var RX_plot_data = new Array(RC.active_channels);
|
||||
for (var i = 0; i < RX_plot_data.length; i++) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue