mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-24 00:35:26 +03:00
Changes as per review comment
This commit is contained in:
Bas Delfos
parent
24c81375a4
commit
fd8e47706d
141 changed files with 248 additions and 263 deletions
346
src/js/tabs/transponder.js
Normal file
346
src/js/tabs/transponder.js
Normal file
|
|
@ -0,0 +1,346 @@
|
|||
'use strict';
|
||||
|
||||
|
||||
TABS.transponder = {
|
||||
available: false
|
||||
};
|
||||
|
||||
TABS.transponder.initialize = function(callback, scrollPosition) {
|
||||
|
||||
let _persistentInputValues = {};
|
||||
|
||||
let dataTypes = {
|
||||
NONE: 0,
|
||||
TEXT: 1,
|
||||
LIST: 2,
|
||||
};
|
||||
|
||||
// CONFIGURATION HERE FOR ADD NEW TRANSPONDER
|
||||
let transponderConfigurations = {
|
||||
0: {
|
||||
dataType: dataTypes.NONE // empty
|
||||
}, //NONE
|
||||
1: {
|
||||
dataType: dataTypes.TEXT //<input type="text">
|
||||
}, //ilap
|
||||
2: {
|
||||
dataType: dataTypes.LIST, // <select>...</select>
|
||||
dataOptions: {
|
||||
'ID 1': 'E00370FC0FFE07E0FF',
|
||||
'ID 2': '007C003EF800FC0FFE',
|
||||
'ID 3': 'F8811FF8811FFFC7FF',
|
||||
'ID 4': '007C003EF81F800FFE',
|
||||
'ID 5': 'F00FFF00FFF00FF0FF',
|
||||
'ID 6': '007CF0C1071F7C00F0',
|
||||
'ID 7': 'E003F03F00FF03F0C1',
|
||||
'ID 8': '00FC0FFE071F3E00FE',
|
||||
'ID 9': 'E083BFF00F9E38C0FF',
|
||||
}
|
||||
}, //arcitimer
|
||||
3: {
|
||||
dataType: dataTypes.LIST, // <select>...</select>
|
||||
dataOptions: {
|
||||
'0':'00',
|
||||
'1':'01',
|
||||
'2':'02',
|
||||
'3':'03',
|
||||
'4':'04',
|
||||
'5':'05',
|
||||
'6':'06',
|
||||
'7':'07',
|
||||
'8':'08',
|
||||
'9':'09',
|
||||
'10':'0A',
|
||||
'11':'0B',
|
||||
'12':'0C',
|
||||
'13':'0D',
|
||||
'14':'0E',
|
||||
'15':'0F',
|
||||
'16':'10',
|
||||
'17':'11',
|
||||
'18':'12',
|
||||
'19':'13',
|
||||
'20':'14',
|
||||
'21':'15',
|
||||
'22':'16',
|
||||
'23':'17',
|
||||
'24':'18',
|
||||
'25':'19',
|
||||
'26':'1A',
|
||||
'27':'1B',
|
||||
'28':'1C',
|
||||
'29':'1D',
|
||||
'30':'1E',
|
||||
'31':'1F',
|
||||
'32':'20',
|
||||
'33':'21',
|
||||
'34':'22',
|
||||
'35':'23',
|
||||
'36':'24',
|
||||
'37':'25',
|
||||
'38':'26',
|
||||
'39':'27',
|
||||
'40':'28',
|
||||
'41':'29',
|
||||
'42':'2A',
|
||||
'43':'2B',
|
||||
'44':'2C',
|
||||
'45':'2D',
|
||||
'46':'2E',
|
||||
'47':'2F',
|
||||
'48':'30',
|
||||
'49':'31',
|
||||
'50':'32',
|
||||
'51':'33',
|
||||
'52':'34',
|
||||
'53':'35',
|
||||
'54':'36',
|
||||
'55':'37',
|
||||
'56':'38',
|
||||
'57':'39',
|
||||
'58':'3A',
|
||||
'59':'3B',
|
||||
'60':'3C',
|
||||
'61':'3D',
|
||||
'62':'3E',
|
||||
'63':'3F',
|
||||
}
|
||||
}, //ERLT
|
||||
};
|
||||
/////////////////////////////////////////////
|
||||
|
||||
if ( GUI.active_tab != 'transponder' ) {
|
||||
GUI.active_tab = 'transponder';
|
||||
// Disabled on merge into betaflight-configurator
|
||||
//googleAnalytics.sendAppView('Transponder');
|
||||
}
|
||||
// transponder supported added in MSP API Version 1.16.0
|
||||
if ( CONFIG ) {
|
||||
TABS.transponder.available = semver.gte(CONFIG.apiVersion, "1.16.0");
|
||||
}
|
||||
//////////////
|
||||
if ( !TABS.transponder.available ) {
|
||||
load_html();
|
||||
return;
|
||||
}
|
||||
|
||||
function load_html() {
|
||||
$('#content').load("./tabs/transponder.html", process_html);
|
||||
}
|
||||
|
||||
//HELPERS
|
||||
// Convert a hex string to a byte array
|
||||
function hexToBytes(hex) {
|
||||
var bytes = [];
|
||||
for ( let 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) {
|
||||
var hex = [];
|
||||
for ( let i = 0; i < bytes.length; i++ ) {
|
||||
hex.push(pad(((~bytes[i]) & 0xFF).toString(16), 2));
|
||||
}
|
||||
return hex.join("").toUpperCase();
|
||||
}
|
||||
|
||||
/////////////
|
||||
|
||||
function fillByTransponderProviders(transponderProviders, transponderProviderID, toggleTransponderType) {
|
||||
let transponderTypeSelect = $('#transponder_type_select');
|
||||
transponderTypeSelect.attr('data-defaultValue', transponderProviderID);
|
||||
transponderTypeSelect.off('change').change(toggleTransponderType);
|
||||
transponderTypeSelect.html('');
|
||||
|
||||
//build radio buttons
|
||||
if (transponderProviders.length > 1) {
|
||||
transponderTypeSelect.append(
|
||||
$('<option>').attr('value', 0).html(chrome.i18n.getMessage("transponderType0")) // NONE
|
||||
);
|
||||
}
|
||||
|
||||
for ( let transponderProvidersKey in transponderProviders ) {
|
||||
let transponderProvider = transponderProviders[transponderProvidersKey];
|
||||
|
||||
if ( transponderProvider.hasOwnProperty('id') ) {
|
||||
transponderTypeSelect.append(
|
||||
$('<option>').attr('value', transponderProvider.id).html(chrome.i18n.getMessage("transponderType" + transponderProvider.id))
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
transponderTypeSelect.val(transponderProviderID);
|
||||
}
|
||||
|
||||
function buildDataBlockForTransponderProviders(transponderProvider, data, clearValue) {
|
||||
var clearValue = clearValue || false;
|
||||
$('#transponderConfiguration').html('');
|
||||
$('#transponderConfiguration').hide();
|
||||
$('#transponderHelpBox').hide();
|
||||
|
||||
if ( !transponderProvider ) {
|
||||
return;
|
||||
}
|
||||
|
||||
let template = $('#transponder-configuration-template').clone();
|
||||
|
||||
template.find('.spacer_box_title').html(chrome.i18n.getMessage("transponderData" + transponderProvider.id));
|
||||
template.find('.dataHelp').html(chrome.i18n.getMessage("transponderDataHelp" + transponderProvider.id));
|
||||
|
||||
|
||||
if ( chrome.i18n.getMessage("transponderHelp" + transponderProvider.id).length ) {
|
||||
$('#transponderHelp').html(chrome.i18n.getMessage("transponderHelp" + transponderProvider.id));
|
||||
$('#transponderHelpBox').show();
|
||||
}
|
||||
|
||||
let transponderConfiguration = transponderConfigurations[transponderProvider.id];
|
||||
let dataInput = null;
|
||||
|
||||
switch ( transponderConfiguration.dataType ) {
|
||||
|
||||
case dataTypes.TEXT:
|
||||
dataInput = $('<input>').attr('type', 'text').attr('maxlength', parseInt(transponderProvider.dataLength) * 2);
|
||||
if ( !clearValue ) {
|
||||
dataInput.val(data);
|
||||
} else {
|
||||
dataInput.val(_persistentInputValues[transponderProvider.id] || '');
|
||||
}
|
||||
|
||||
break;
|
||||
case dataTypes.LIST:
|
||||
dataInput = $('<select>');
|
||||
for ( let dataOptionsKey in transponderConfiguration.dataOptions ) {
|
||||
let dataOptions = transponderConfiguration.dataOptions[dataOptionsKey];
|
||||
dataInput.append($('<option>').val(dataOptions).html(dataOptionsKey));
|
||||
}
|
||||
|
||||
if ( dataInput.find("option[value='" + data + "']").length > 0 && !clearValue ) {
|
||||
dataInput.val(data);
|
||||
} else {
|
||||
dataInput.val(_persistentInputValues[transponderProvider.id] || '');
|
||||
}
|
||||
|
||||
break;
|
||||
default:
|
||||
return;
|
||||
}
|
||||
|
||||
if ( !clearValue ) {
|
||||
_persistentInputValues[transponderProvider.id] = data;
|
||||
}
|
||||
|
||||
let changedInputValue = function() {
|
||||
let dataString = $(this).val();
|
||||
let hexRegExp = new RegExp('[0-9a-fA-F]{' + (transponderProvider.dataLength * 2) + '}', 'gi');
|
||||
|
||||
if ( !dataString.match(hexRegExp) ) {
|
||||
TRANSPONDER.data = [];
|
||||
} else {
|
||||
TRANSPONDER.data = hexToBytes(dataString);
|
||||
}
|
||||
_persistentInputValues[transponderProvider.id] = dataString;
|
||||
};
|
||||
|
||||
dataInput.change(changedInputValue).keyup(changedInputValue);
|
||||
template.find('.input_block').html(dataInput);
|
||||
$('#transponder-configuration').html(template.show());
|
||||
}
|
||||
|
||||
/**
|
||||
* this function is called from select click scope
|
||||
*/
|
||||
function toggleTransponderType() {
|
||||
|
||||
TRANSPONDER.provider = $(this).val();
|
||||
let defaultProvider = $(this).attr('data-defaultValue');
|
||||
if ( defaultProvider == $(this).val() ) {
|
||||
$('.save_reboot').hide();
|
||||
$('.save_no_reboot').show();
|
||||
} else {
|
||||
$('.save_no_reboot').hide();
|
||||
$('.save_reboot').show();
|
||||
}
|
||||
|
||||
let clearValue = true;
|
||||
buildDataBlockForTransponderProviders(TRANSPONDER.providers.find(function(provider) {
|
||||
return provider.id == TRANSPONDER.provider;
|
||||
}), bytesToHex(TRANSPONDER.data), clearValue);
|
||||
}
|
||||
|
||||
|
||||
MSP.send_message(MSPCodes.MSP_TRANSPONDER_CONFIG, false, false, load_html);
|
||||
|
||||
function process_html() {
|
||||
$(".tab-transponder").toggleClass("transponder-supported", TABS.transponder.available && TRANSPONDER.supported);
|
||||
|
||||
localize();
|
||||
|
||||
if ( TABS.transponder.available && TRANSPONDER.providers.length > 0 ) {
|
||||
|
||||
fillByTransponderProviders(TRANSPONDER.providers, TRANSPONDER.provider, toggleTransponderType);
|
||||
buildDataBlockForTransponderProviders(TRANSPONDER.providers.find(function(provider) {
|
||||
return provider.id == TRANSPONDER.provider;
|
||||
}), bytesToHex(TRANSPONDER.data));
|
||||
|
||||
|
||||
$('a.save').click(function() {
|
||||
let _this = this;
|
||||
|
||||
function save_transponder_data() {
|
||||
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'));
|
||||
if ( $(_this).hasClass('reboot') ) {
|
||||
GUI.tab_switch_cleanup(function() {
|
||||
MSP.send_message(MSPCodes.MSP_SET_REBOOT, false, false, reinitialize);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (TRANSPONDER.provider !== "0" && TRANSPONDER.data.length !== TRANSPONDER.providers.find(function(provider) {
|
||||
return provider.id == TRANSPONDER.provider;
|
||||
}).dataLength ) {
|
||||
GUI.log(chrome.i18n.getMessage('transponderDataInvalid'));
|
||||
} else {
|
||||
save_transponder_data();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function reinitialize() {
|
||||
GUI.log(chrome.i18n.getMessage('deviceRebooting'));
|
||||
if ( BOARD.find_board_definition(CONFIG.boardIdentifier).vcp ) {
|
||||
$('a.connect').click();
|
||||
GUI.timeout_add('start_connection', function start_connection() {
|
||||
$('a.connect').click();
|
||||
}, 2500);
|
||||
} else {
|
||||
GUI.timeout_add('waiting_for_bootup', function waiting_for_bootup() {
|
||||
MSP.send_message(MSPCodes.MSP_IDENT, false, false, function() {
|
||||
GUI.log(chrome.i18n.getMessage('deviceReady'));
|
||||
TABS.configuration.initialize(false, $('#content').scrollTop());
|
||||
});
|
||||
}, 1500);
|
||||
}
|
||||
}
|
||||
|
||||
GUI.content_ready(callback);
|
||||
}
|
||||
};
|
||||
|
||||
TABS.transponder.cleanup = function(callback) {
|
||||
if ( callback ) callback();
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue