mirror of
https://github.com/betaflight/betaflight.git
synced 2025-07-24 00:35:39 +03:00
callback hell resolving patch, optimize
This commit is contained in:
cTn
parent
36a79f8902
commit
82badeece1
10 changed files with 1306 additions and 1226 deletions
|
|
@ -2,125 +2,140 @@ function tab_initialize_auxiliary_configuration() {
|
|||
ga_tracker.sendAppView('Auxiliary Configuration');
|
||||
GUI.active_tab = 'auxiliary_configuration';
|
||||
|
||||
send_message(MSP_codes.MSP_BOXNAMES, MSP_codes.MSP_BOXNAMES, false, function() {
|
||||
send_message(MSP_codes.MSP_BOX, MSP_codes.MSP_BOX, false, function() {
|
||||
$('#content').load("./tabs/auxiliary_configuration.html", function() {
|
||||
// generate table from the supplied AUX names and AUX data
|
||||
for (var i = 0; i < AUX_CONFIG.length; i++) {
|
||||
$('.boxes > tbody:last').append(
|
||||
'<tr>' +
|
||||
'<td class="name">' + AUX_CONFIG[i] + '</td>' +
|
||||
box_check(AUX_CONFIG_values[i], 0) +
|
||||
box_check(AUX_CONFIG_values[i], 1) +
|
||||
box_check(AUX_CONFIG_values[i], 2) +
|
||||
send_message(MSP_codes.MSP_BOXNAMES, MSP_codes.MSP_BOXNAMES, false, get_box_data);
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 3) +
|
||||
box_check(AUX_CONFIG_values[i], 4) +
|
||||
box_check(AUX_CONFIG_values[i], 5) +
|
||||
function get_box_data() {
|
||||
send_message(MSP_codes.MSP_BOX, MSP_codes.MSP_BOX, false, load_html);
|
||||
}
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 6) +
|
||||
box_check(AUX_CONFIG_values[i], 7) +
|
||||
box_check(AUX_CONFIG_values[i], 8) +
|
||||
function load_html() {
|
||||
$('#content').load("./tabs/auxiliary_configuration.html", process_html);
|
||||
}
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 9) +
|
||||
box_check(AUX_CONFIG_values[i], 10) +
|
||||
box_check(AUX_CONFIG_values[i], 11) +
|
||||
'</tr>'
|
||||
);
|
||||
function process_html() {
|
||||
function box_check(num, pos) {
|
||||
if (bit_check(num, pos)) { // 1
|
||||
return '<td><input type="checkbox" checked="checked" /></td>';
|
||||
} else { // 0
|
||||
return '<td><input type="checkbox" /></td>';
|
||||
}
|
||||
}
|
||||
|
||||
// val = channel value
|
||||
// aux_num = position of corresponding aux channel in the html table
|
||||
function box_highlight(val, aux_num) {
|
||||
var tr = $('table.boxes tr');
|
||||
var pos = 0; // < 1300
|
||||
|
||||
if (val > 1300 && val < 1700) {
|
||||
pos = 1;
|
||||
} else if (val > 1700) {
|
||||
pos = 2;
|
||||
}
|
||||
|
||||
$(':nth-child(' + aux_num + '), :nth-child(' + (aux_num + 1) + '), :nth-child(' + (aux_num + 2) + ')', tr).css('background-color', 'transparent');
|
||||
$('td:nth-child(' + (aux_num + pos) + ')', tr).css('background-color', 'orange');
|
||||
}
|
||||
|
||||
// generate table from the supplied AUX names and AUX data
|
||||
for (var i = 0; i < AUX_CONFIG.length; i++) {
|
||||
$('.boxes > tbody:last').append(
|
||||
'<tr>' +
|
||||
'<td class="name">' + AUX_CONFIG[i] + '</td>' +
|
||||
box_check(AUX_CONFIG_values[i], 0) +
|
||||
box_check(AUX_CONFIG_values[i], 1) +
|
||||
box_check(AUX_CONFIG_values[i], 2) +
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 3) +
|
||||
box_check(AUX_CONFIG_values[i], 4) +
|
||||
box_check(AUX_CONFIG_values[i], 5) +
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 6) +
|
||||
box_check(AUX_CONFIG_values[i], 7) +
|
||||
box_check(AUX_CONFIG_values[i], 8) +
|
||||
|
||||
box_check(AUX_CONFIG_values[i], 9) +
|
||||
box_check(AUX_CONFIG_values[i], 10) +
|
||||
box_check(AUX_CONFIG_values[i], 11) +
|
||||
'</tr>'
|
||||
);
|
||||
}
|
||||
|
||||
// UI Hooks
|
||||
$('a.update').click(function() {
|
||||
// catch the input changes
|
||||
var main_needle = 0;
|
||||
var needle = 0;
|
||||
$('.boxes input').each(function() {
|
||||
if ($(this).is(':checked')) {
|
||||
AUX_CONFIG_values[main_needle] = bit_set(AUX_CONFIG_values[main_needle], needle);
|
||||
} else {
|
||||
AUX_CONFIG_values[main_needle] = bit_clear(AUX_CONFIG_values[main_needle], needle);
|
||||
}
|
||||
|
||||
// UI Hooks
|
||||
$('a.update').click(function() {
|
||||
// catch the input changes
|
||||
var main_needle = 0;
|
||||
var needle = 0;
|
||||
$('.boxes input').each(function() {
|
||||
if ($(this).is(':checked')) {
|
||||
AUX_CONFIG_values[main_needle] = bit_set(AUX_CONFIG_values[main_needle], needle);
|
||||
} else {
|
||||
AUX_CONFIG_values[main_needle] = bit_clear(AUX_CONFIG_values[main_needle], needle);
|
||||
}
|
||||
needle++;
|
||||
|
||||
needle++;
|
||||
if (needle >= 12) { // 4 aux * 3 checkboxes = 12 bits per line
|
||||
main_needle++;
|
||||
|
||||
if (needle >= 12) { // 4 aux * 3 checkboxes = 12 bits per line
|
||||
main_needle++;
|
||||
|
||||
needle = 0;
|
||||
}
|
||||
});
|
||||
|
||||
// send over the data
|
||||
var AUX_val_buffer_out = new Array();
|
||||
|
||||
var needle = 0;
|
||||
for (var i = 0; i < AUX_CONFIG_values.length; i++) {
|
||||
AUX_val_buffer_out[needle++] = lowByte(AUX_CONFIG_values[i]);
|
||||
AUX_val_buffer_out[needle++] = highByte(AUX_CONFIG_values[i]);
|
||||
}
|
||||
|
||||
send_message(MSP_codes.MSP_SET_BOX, AUX_val_buffer_out);
|
||||
|
||||
// Save changes to EEPROM
|
||||
send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() {
|
||||
GUI.log('EEPROM <span style="color: green">saved</span>');
|
||||
|
||||
var element = $('a.update');
|
||||
element.addClass('success');
|
||||
|
||||
GUI.timeout_add('success_highlight', function() {
|
||||
element.removeClass('success');
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
|
||||
// enable data pulling
|
||||
GUI.interval_add('aux_data_poll', function() {
|
||||
send_message(MSP_codes.MSP_STATUS, MSP_codes.MSP_STATUS);
|
||||
send_message(MSP_codes.MSP_RC, MSP_codes.MSP_RC, false, function() {
|
||||
for (var i = 0; i < AUX_CONFIG.length; i++) {
|
||||
if (bit_check(CONFIG.mode, i)) {
|
||||
$('td.name').eq(i).addClass('on').removeClass('off');
|
||||
} else {
|
||||
$('td.name').eq(i).removeClass('on').removeClass('off');
|
||||
|
||||
if (AUX_CONFIG_values[i] > 0) {
|
||||
$('td.name').eq(i).addClass('off');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
box_highlight(RC.AUX1, 2);
|
||||
box_highlight(RC.AUX2, 5);
|
||||
box_highlight(RC.AUX3, 8);
|
||||
box_highlight(RC.AUX4, 11);
|
||||
});
|
||||
}, 50, true);
|
||||
needle = 0;
|
||||
}
|
||||
});
|
||||
|
||||
// send over the data
|
||||
var AUX_val_buffer_out = new Array();
|
||||
|
||||
var needle = 0;
|
||||
for (var i = 0; i < AUX_CONFIG_values.length; i++) {
|
||||
AUX_val_buffer_out[needle++] = lowByte(AUX_CONFIG_values[i]);
|
||||
AUX_val_buffer_out[needle++] = highByte(AUX_CONFIG_values[i]);
|
||||
}
|
||||
|
||||
send_message(MSP_codes.MSP_SET_BOX, AUX_val_buffer_out, false, save_to_eeprom);
|
||||
|
||||
function save_to_eeprom() {
|
||||
send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE, false, function() {
|
||||
GUI.log('EEPROM <span style="color: green">saved</span>');
|
||||
|
||||
var element = $('a.update');
|
||||
element.addClass('success');
|
||||
|
||||
GUI.timeout_add('success_highlight', function() {
|
||||
element.removeClass('success');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function box_check(num, pos) {
|
||||
if (bit_check(num, pos)) { // 1
|
||||
return '<td><input type="checkbox" checked="checked" /></td>';
|
||||
} else { // 0
|
||||
return '<td><input type="checkbox" /></td>';
|
||||
// data pulling functions used inside interval timer
|
||||
function get_status_data() {
|
||||
send_message(MSP_codes.MSP_STATUS, MSP_codes.MSP_STATUS, false, get_rc_data);
|
||||
}
|
||||
|
||||
function get_rc_data() {
|
||||
send_message(MSP_codes.MSP_RC, MSP_codes.MSP_RC, false, update_ui);
|
||||
}
|
||||
|
||||
function update_ui() {
|
||||
for (var i = 0; i < AUX_CONFIG.length; i++) {
|
||||
if (bit_check(CONFIG.mode, i)) {
|
||||
$('td.name').eq(i).addClass('on').removeClass('off');
|
||||
} else {
|
||||
$('td.name').eq(i).removeClass('on').removeClass('off');
|
||||
|
||||
if (AUX_CONFIG_values[i] > 0) {
|
||||
$('td.name').eq(i).addClass('off');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
box_highlight(RC.AUX1, 2);
|
||||
box_highlight(RC.AUX2, 5);
|
||||
box_highlight(RC.AUX3, 8);
|
||||
box_highlight(RC.AUX4, 11);
|
||||
}
|
||||
|
||||
// enable data pulling
|
||||
GUI.interval_add('aux_data_poll', get_status_data, 50, true);
|
||||
}
|
||||
}
|
||||
|
||||
// val = channel value
|
||||
// aux_num = position of corresponding aux channel in the html table
|
||||
function box_highlight(val, aux_num) {
|
||||
var tr = $('table.boxes tr');
|
||||
var pos = 0; // < 1300
|
||||
|
||||
if (val > 1300 && val < 1700) {
|
||||
pos = 1;
|
||||
} else if (val > 1700) {
|
||||
pos = 2;
|
||||
}
|
||||
|
||||
$(':nth-child(' + aux_num + '), :nth-child(' + (aux_num + 1) + '), :nth-child(' + (aux_num + 2) + ')', tr).css('background-color', 'transparent');
|
||||
$('td:nth-child(' + (aux_num + pos) + ')', tr).css('background-color', 'orange');
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue