mirror of
https://github.com/iNavFlight/inav-configurator.git
synced 2025-07-17 05:15:20 +03:00
0e01133fc9
Tab loading was relying on replacing the contents of '#content' with the loading indicator, then replacing it with the loading tab content and blocking rendering until the tab was ready by not yielding. This is problematic for tabs that load some data asynchronously, like PID and OSD. Instead, put the loading indicator in front of everything else and load new content inside '#content' next to the loading indicator (but without showing it). Once the content and data are fully loaded we fade out the loading indicator with a 0.4s long animation and then we remove. This works for both synchronous and asynchonous loading of tabs.
101 lines
3.1 KiB
JavaScript
101 lines
3.1 KiB
JavaScript
'use strict';
|
|
|
|
TABS.transponder = {
|
|
available: false
|
|
};
|
|
|
|
TABS.transponder.initialize = function (callback, scrollPosition) {
|
|
var self = this;
|
|
|
|
if (GUI.active_tab != 'transponder') {
|
|
GUI.active_tab = 'transponder';
|
|
googleAnalytics.sendAppView('Transponder');
|
|
}
|
|
|
|
// transponder supported added in MSP API Version 1.16.0
|
|
TABS.transponder.available = semver.gte(CONFIG.apiVersion, "1.16.0");
|
|
|
|
if (!TABS.transponder.available) {
|
|
load_html();
|
|
return;
|
|
}
|
|
|
|
function load_html() {
|
|
GUI.load("./tabs/transponder.html", process_html);
|
|
}
|
|
|
|
// get the transponder data and a flag to see if transponder support is enabled on the FC
|
|
MSP.send_message(MSPCodes.MSP_TRANSPONDER_CONFIG, false, false, load_html);
|
|
|
|
// Convert a hex string to a byte array
|
|
function hexToBytes(hex) {
|
|
for (var bytes = [], c = 0; c < hex.length; c += 2)
|
|
bytes.push(~parseInt(hex.substr(c, 2), 16));
|
|
return bytes;
|
|
}
|
|
|
|
function pad(n, width) {
|
|
n = n + '';
|
|
return n.length >= width ? n : new Array(width - n.length + 1).join('0') + n;
|
|
}
|
|
|
|
// Convert a byte array to a hex string
|
|
function bytesToHex(bytes) {
|
|
for (var hex = [], i = 0; i < bytes.length; i++) {
|
|
hex.push(pad(((~bytes[i]) & 0xFF).toString(16),2));
|
|
}
|
|
return hex.join("").toUpperCase();
|
|
}
|
|
function process_html() {
|
|
// translate to user-selected language
|
|
localize();
|
|
|
|
$(".tab-transponder")
|
|
.toggleClass("transponder-supported", TABS.transponder.available && TRANSPONDER.supported);
|
|
|
|
if (TABS.transponder.available) {
|
|
|
|
var data = bytesToHex(TRANSPONDER.data);
|
|
|
|
$('input[name="data"]').val(data);
|
|
$('input[name="data"]').prop('maxLength', data.length);
|
|
|
|
$('a.save').click(function () {
|
|
|
|
|
|
// gather data that doesn't have automatic change event bound
|
|
|
|
var dataString = $('input[name="data"]').val();
|
|
var expectedLength = TRANSPONDER.data.length;
|
|
var hexRegExp = new RegExp('[0-9a-fA-F]{' + (expectedLength * 2) + '}', 'gi');
|
|
if (!dataString.match(hexRegExp)) {
|
|
GUI.log(chrome.i18n.getMessage('transponderDataInvalid'));
|
|
return;
|
|
}
|
|
|
|
TRANSPONDER.data = hexToBytes(dataString);
|
|
|
|
|
|
//
|
|
// send data to FC
|
|
//
|
|
function save_transponder_config() {
|
|
MSP.send_message(MSPCodes.MSP_SET_TRANSPONDER_CONFIG, mspHelper.crunch(MSPCodes.MSP_SET_TRANSPONDER_CONFIG), false, save_to_eeprom);
|
|
}
|
|
function save_to_eeprom() {
|
|
MSP.send_message(MSPCodes.MSP_EEPROM_WRITE, false, false, function () {
|
|
GUI.log(chrome.i18n.getMessage('transponderEepromSaved'));
|
|
});
|
|
}
|
|
|
|
save_transponder_config();
|
|
});
|
|
}
|
|
|
|
GUI.content_ready(callback);
|
|
}
|
|
};
|
|
|
|
TABS.transponder.cleanup = function (callback) {
|
|
if (callback) callback();
|
|
};
|