/*global $*/ 'use strict'; var SYM = SYM || {}; SYM.MILLIOHM = 0x00; SYM.BATT = 0x90; SYM.RSSI = 0x01; SYM.AH_RIGHT = 0x02; SYM.AH_LEFT = 0x03; SYM.THR = 0x04; SYM.VOLT = 0x06; SYM.AH_DECORATION_UP = 5; SYM.WIND_SPEED_HORIZONTAL = 22; SYM.WIND_SPEED_VERTICAL = 23; SYM.FLY_M = 0x9C; SYM.ON_M = 0x9B; SYM.AH_CENTER_LINE = 0x26; SYM.AH_CENTER_LINE_RIGHT = 0x27; SYM.AH_CENTER = 0x7E; SYM.AH_BAR9_0 = 0x80; SYM.AZIMUTH = 0x8D; // 141 SYM.AH_DECORATION = 0x13; SYM.AMP = 0x9A; SYM.MAH = 0x07; SYM.WH = 0xAB; SYM.WATT = 0xAE; SYM.MAH_KM_0 = 157; SYM.MAH_KM_1 = 158; SYM.WH_KM_0 = 172; SYM.WH_KM_1 = 173; SYM.GPS_SAT1 = 0x1E; SYM.GPS_SAT2 = 0x1F; SYM.GPS_HDP1 = 0xBD; SYM.GPS_HDP2 = 0xBE; SYM.KMH = 161; SYM.KMH_3D = 0x89; SYM.MPH = 176; SYM.MPH_3D = 0x8A; SYM.ALT_M = 177; SYM.ALT_FT = 179; SYM.LAT = 0xA6; SYM.LON = 0xA7; SYM.AIR = 151; SYM.DIRECTION = 114; SYM.DIR_TO_HOME = 0x60; SYM.SCALE = 175; SYM.DIST_KM = 182; SYM.DIST_MI = 184; SYM.M = 185; SYM.MI = 187; SYM.HOME = 191; SYM.TRIP_DIST = 0x22; SYM.HEADING = 0xA9; SYM.DEGREES = 0xA8; SYM.HEADING_N = 24; SYM.HEADING_E = 26; SYM.HEADING_W = 27; SYM.HEADING_DIVIDED_LINE = 28; SYM.HEADING_LINE = 29; SYM.VARIO_UP_2A = 0xA2; SYM.M_S = 0x9F; SYM.FT_S = 153; SYM.CLOCK = 0xBC; SYM.ZERO_HALF_TRAILING_DOT = 192; SYM.ZERO_HALF_LEADING_DOT = 208; SYM.AH_AIRCRAFT0 = 218; SYM.AH_AIRCRAFT1 = 219; SYM.AH_AIRCRAFT2 = 220; SYM.AH_AIRCRAFT3 = 221; SYM.AH_AIRCRAFT4 = 222; SYM.ROLL_LEFT = 0xCC; SYM.ROLL_LEVEL = 0xCD; SYM.ROLL_RIGHT = 0xCE; SYM.PITCH_UP = 0xCF; SYM.PITCH_DOWN = 0xDF; SYM.TEMP_C = 0x0E; SYM.TEMP_F = 0x0D; SYM.LAST_CHAR = 190; SYM.BARO_TEMP = 0xF0; SYM.IMU_TEMP = 0xF1; SYM.TEMP = 0xF2; SYM.GFORCE = 0xE6; SYM.GFORCE_X = 0xE7; SYM.GFORCE_Y = 0xE8; SYM.GFORCE_Z = 0xE9; SYM.RPM = 0x8B; SYM.ESC_TEMPERATURE = 0xF3; SYM.RSS2 = 0xEA; SYM.DB = 0xEB; SYM.DBM = 0xEC; SYM.MW = 0xED; SYM.SNR = 0xEE; SYM.GVAR_1 = 0xEF; SYM.GVAR_2 = 0xF0; SYM.GVAR_3 = 0xF1; SYM.GVAR_4 = 0xF2; var FONT = FONT || {}; FONT.initData = function () { if (FONT.data) { return; } FONT.data = { // default font file name loaded_font_file: 'default', // array of arry of image bytes ready to upload to fc characters_bytes: [], // array of array of image bits by character characters: [], // an array of base64 encoded image strings by character character_image_urls: [] } }; FONT.constants = { SIZES: { /** NVM ram size for one font char, actual character bytes **/ MAX_NVM_FONT_CHAR_SIZE: 54, /** NVM ram field size for one font char, last 10 bytes dont matter **/ MAX_NVM_FONT_CHAR_FIELD_SIZE: 64, CHAR_HEIGHT: 18, CHAR_WIDTH: 12, LINE: 30 }, COLORS: { // black 0: 'rgba(0, 0, 0, 1)', // also the value 3, could yield transparent according to // https://www.sparkfun.com/datasheets/BreakoutBoards/MAX7456.pdf 1: 'rgba(255, 255, 255, 0)', // white 2: 'rgba(255,255,255, 1)' } }; /** * Each line is composed of 8 asci 1 or 0, representing 1 bit each for a total of 1 byte per line */ FONT.parseMCMFontFile = function (data) { data = data.split("\n"); // clear local data FONT.data.characters.length = 0; FONT.data.characters_bytes.length = 0; FONT.data.character_image_urls.length = 0; // make sure the font file is valid if (data.shift().trim() != 'MAX7456') { var msg = 'that font file doesnt have the MAX7456 header, giving up'; console.debug(msg); Promise.reject(msg); } var character_bits = []; var character_bytes = []; // hexstring is for debugging FONT.data.hexstring = []; var pushChar = function () { FONT.data.characters_bytes.push(character_bytes); FONT.data.characters.push(character_bits); FONT.draw(FONT.data.characters.length - 1); //$log.debug('parsed char ', i, ' as ', character); character_bits = []; character_bytes = []; }; for (var i = 0; i < data.length; i++) { var line = data[i]; // hexstring is for debugging FONT.data.hexstring.push('0x' + parseInt(line, 2).toString(16)); // every 64 bytes (line) is a char, we're counting chars though, which are 2 bits if (character_bits.length == FONT.constants.SIZES.MAX_NVM_FONT_CHAR_FIELD_SIZE * (8 / 2)) { pushChar() } for (var y = 0; y < 8; y = y + 2) { var v = parseInt(line.slice(y, y + 2), 2); character_bits.push(v); } character_bytes.push(parseInt(line, 2)); } // push the last char pushChar(); return FONT.data.characters; }; //noinspection JSUnusedLocalSymbols FONT.openFontFile = function ($preview) { return new Promise(function (resolve) { //noinspection JSUnresolvedVariable chrome.fileSystem.chooseEntry({type: 'openFile', accepts: [ {extensions: ['mcm']} ]}, function (fileEntry) { FONT.data.loaded_font_file = fileEntry.name; //noinspection JSUnresolvedVariable if (chrome.runtime.lastError) { //noinspection JSUnresolvedVariable console.error(chrome.runtime.lastError.message); return; } fileEntry.file(function (file) { var reader = new FileReader(); reader.onloadend = function (e) { //noinspection JSUnresolvedVariable if (e.total != 0 && e.total == e.loaded) { FONT.parseMCMFontFile(e.target.result); resolve(); } else { console.error('could not load whole font file'); } }; reader.readAsText(file); }); }); }); }; /** * returns a canvas image with the character on it */ var drawCanvas = function (charAddress) { var canvas = document.createElement('canvas'); var ctx = canvas.getContext("2d"); // TODO: do we want to be able to set pixel size? going to try letting the consumer scale the image. var pixelSize = pixelSize || 1; var width = pixelSize * FONT.constants.SIZES.CHAR_WIDTH; var height = pixelSize * FONT.constants.SIZES.CHAR_HEIGHT; canvas.width = width; canvas.height = height; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { if (!(charAddress in FONT.data.characters)) { console.log('charAddress', charAddress, ' is not in ', FONT.data.characters.length); } var v = FONT.data.characters[charAddress][(y * width) + x]; ctx.fillStyle = FONT.constants.COLORS[v]; ctx.fillRect(x, y, pixelSize, pixelSize); } } return canvas; }; FONT.draw = function (charAddress) { var cached = FONT.data.character_image_urls[charAddress]; if (!cached) { cached = FONT.data.character_image_urls[charAddress] = drawCanvas(charAddress).toDataURL('image/png'); } return cached; }; // Returns the font data for a blank character FONT.blank = function() { var blank = 0x55; // A byte with all pixels set to transparent var size = FONT.constants.SIZES.MAX_NVM_FONT_CHAR_SIZE; return Array.apply(null, {length: size}).map(function() { return blank; }); }; FONT.msp = { encode: function (charAddress) { var addr = []; if (charAddress > 255) { addr.push16(charAddress); } else { addr.push8(charAddress); } var data = FONT.data.characters_bytes[charAddress]; if (!data) { data = FONT.blank(); } return addr.concat(data.slice(0, FONT.constants.SIZES.MAX_NVM_FONT_CHAR_SIZE)); } }; FONT.upload = function (callback) { // Always upload 512 characters, using extra blanks if the font // has less characters. This ensures we overwrite the 2nd page // when uploading a 1-page font over a 2-page one. var count = 512; var addrs = []; for (var ii = 0; ii < count; ii++) { // Upload 2nd page first, so chips supporting just one page // overwrite page 2 with page 1. Note that this works fine with // INAV < 2.1 because it will write invalid character data over // the first pass, but then it will be ovewritten by the first // 256 characters. var charIndex = ii < 256 ? ii + 256 : ii - 256; addrs.push(charIndex); } addrs.reduce(function(p, next, idx) { return p.then(function() { if (callback) { callback(idx, count, (idx / count) * 100); } // Force usage of V1/V2 protocol to workaround the 64 byte write bug // on F3 when the configurator is running on macOS var proto = next <= 255 ? MSP.constants.PROTOCOL_V1 : MSP.constants.PROTOCOL_V2; var data = FONT.msp.encode(next); return MSP.promise(MSPCodes.MSP_OSD_CHAR_WRITE, data, proto); }); }, Promise.resolve()).then(function() { OSD.GUI.jbox.close(); return MSP.promise(MSPCodes.MSP_SET_REBOOT); }); }; FONT.preview = function ($el) { $el.empty(); for (var i = 0; i <= SYM.LAST_CHAR; i++) { var url = FONT.data.character_image_urls[i]; $el.append(''); } }; FONT.symbol = function (hexVal) { return String.fromCharCode(hexVal); }; FONT.embed_dot = function(str) { var zero = '0'.charCodeAt(0); var repl = str.replace(/\d\.\d/, function(match) { var c1 = match.charCodeAt(0) + SYM.ZERO_HALF_TRAILING_DOT - zero; var c2 = match.charCodeAt(2) + SYM.ZERO_HALF_LEADING_DOT - zero; return FONT.symbol(c1) + FONT.symbol(c2); }); return repl; } var OSD = OSD || {}; // common functions for altitude and negative altitude alarms function altitude_alarm_unit(osd_data) { if (OSD.data.preferences.units === 0) { return 'ft'; } return 'm'; } function altitude_alarm_to_display(osd_data, value) { if (OSD.data.preferences.units === 0) { // meters to feet return Math.round(value * 3.28084) } return value; } function altitude_alarm_from_display(osd_data, value) { if (OSD.data.preferences.units === 0) { // feet to meters return Math.round(value / 3.28084); } return value; } function altitude_alarm_max(osd_data, value) { var meters_max = 10000; if (OSD.data.preferences.units === 0) { // meters max to feet max return Math.trunc(meters_max * 3.28084); } return meters_max; } // Used to wrap altitude conversion functions for firmwares up // to 1.7.3, since the altitude alarm used either m or feet // depending on the OSD display unit used (hence, no conversion) function altitude_alarm_display_function(fn) { return function(osd_data, value) { return fn(osd_data, value) } } function osdMainBatteryPreview() { var s = '16.8'; if (Settings.getInputValue('osd_main_voltage_decimals') == 2) { s += '3'; } if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { s += 'V'; } else { s += FONT.symbol(SYM.VOLT); } return FONT.symbol(SYM.BATT) + FONT.embed_dot(s); } function osdCoordinatePreview(symbol, coordinate) { return function() { var digits = Settings.getInputValue('osd_coordinate_digits'); if (!digits) { // Setting doesn't exist in the FC. Use 11, which // will make it look close to how it looked before 2.0 digits = 11; } var integerLength = ('' + parseInt(coordinate)).length; return FONT.symbol(symbol) + FONT.embed_dot(coordinate.toFixed(digits - integerLength)); } } // parsed fc output and output to fc, used by to OSD.msp.encode OSD.initData = function () { OSD.data = { supported: false, preferences: { video_system: null, main_voltage_decimals: null, ahi_reverse_roll: null, crosshairs_style: null, left_sidebar_scroll: null, right_sidebar_scroll: null, sidebar_scroll_arrows: null, units: null, stats_energy_unit: null, }, alarms: { rssi: null, batt_cap: null, fly_minutes: null, max_altitude: null, dist: null, max_neg_altitude: null, gforce: null, gforce_axis_min: null, gforce_axis_max: null, current: null, imu_temp_alarm_min: null, imu_temp_alarm_max: null, baro_temp_alarm_min: null, baro_temp_alarm_max: null, }, layouts: [], layout_count: 1, // This needs to be 1 for compatibility with < 2.0 item_count: 0, items: [], groups: {}, display_items: [], preview: [] }; }; OSD.constants = { VISIBLE: 0x0800, VIDEO_TYPES: [ 'AUTO', 'PAL', 'NTSC' ], VIDEO_LINES: { PAL: 16, NTSC: 13 }, VIDEO_BUFFER_CHARS: { PAL: 480, NTSC: 390 }, UNIT_TYPES: [ {name: 'osdUnitImperial', value: 0}, {name: 'osdUnitMetric', value: 1}, {name: 'osdUnitUK', tip: 'osdUnitUKTip', value: 2}, ], AHISIDEBARWIDTHPOSITION: 7, AHISIDEBARHEIGHTPOSITION: 3, ALL_ALARMS: [ { name: 'RSSI', field: 'rssi', unit: '%', min: 0, max: 100 }, { name: 'BATT_CAP', field: 'batt_cap', unit: 'mah', min: 0, max: 4294967295 }, { name: 'FLY_MINUTES', field: 'fly_minutes', unit: 'minutes', min: 0, max: 600 }, { name: 'MAX_ALTITUDE', field: 'max_altitude', unit: altitude_alarm_unit, to_display: altitude_alarm_display_function(altitude_alarm_to_display), from_display: altitude_alarm_display_function(altitude_alarm_from_display), min: 0, max: altitude_alarm_max }, { name: 'MAX_NEG_ALTITUDE', field: 'max_neg_altitude', unit: altitude_alarm_unit, to_display: altitude_alarm_to_display, from_display: altitude_alarm_from_display, min: 0, max: altitude_alarm_max }, { name: 'DIST', field: 'dist', unit: function(osd_data) { if (OSD.data.preferences.units === 0) { return 'mi'; } return 'm'; }, to_display: function(osd_data, value) { if (OSD.data.preferences.units === 0) { // meters to miles return (value / 1609.34).toFixed(2); } return value; }, from_display: function(osd_data, value) { if (OSD.data.preferences.units === 0) { // miles to meters return Math.round(value * 1609.34); } return value; }, step: function(osd_data) { if (OSD.data.preferences.units === 0) { return 0.01; } return 1; }, min: 0, max: function(osd_data) { var meters_max = 50000; if (OSD.data.preferences.units === 0) { // Meters max to miles max return Math.trunc(meters_max / 1609.344); } return meters_max; } }, { name: 'GFORCE', field: 'gforce', min_version: '2.2.0', step: 0.1, unit: 'g', to_display: function(osd_data, value) { return value / 1000 }, from_display: function(osd_data, value) { return value * 1000 }, min: 0, max: 20 }, { name: 'GFORCE_AXIS_MIN', field: 'gforce_axis_min', min_version: '2.2.0', step: 0.1, unit: 'g', to_display: function(osd_data, value) { return value / 1000 }, from_display: function(osd_data, value) { return value * 1000 }, min: -20, max: 20 }, { name: 'GFORCE_AXIS_MAX', field: 'gforce_axis_max', min_version: '2.2.0', step: 0.1, unit: 'g', to_display: function(osd_data, value) { return value / 1000 }, from_display: function(osd_data, value) { return value * 1000 }, min: -20, max: 20 }, { name: 'CURRENT', field: 'current', min_version: '2.2.0', step: 1, unit: 'A', min: 0, max: 255 }, { name: 'IMU_TEMPERATURE_MIN', field: 'imu_temp_alarm_min', unit: '°C', step: 0.5, to_display: function(osd_data, value) { return value / 10 }, from_display: function(osd_data, value) { return value * 10 }, min: -55, max: 125 }, { name: 'IMU_TEMPERATURE_MAX', field: 'imu_temp_alarm_max', step: 0.5, unit: '°C', to_display: function(osd_data, value) { return value / 10 }, from_display: function(osd_data, value) { return value * 10 }, min: -55, max: 125 }, { name: 'BARO_TEMPERATURE_MIN', field: 'baro_temp_alarm_min', step: 0.5, unit: '°C', to_display: function(osd_data, value) { return value / 10 }, from_display: function(osd_data, value) { return value * 10 }, min: -55, max: 125 }, { name: 'BARO_TEMPERATURE_MAX', field: 'baro_temp_alarm_max', step: 0.5, unit: '°C', to_display: function(osd_data, value) { return value / 10 }, from_display: function(osd_data, value) { return value * 10 }, min: -55, max: 125 }, ], // All display fields, from every version, do not remove elements, only add! ALL_DISPLAY_GROUPS: [ { name: 'osdGroupGeneral', items: [ { name: 'RSSI_VALUE', id: 0, preview: FONT.symbol(SYM.RSSI) + '99' }, { name: 'MAIN_BATT_VOLTAGE', id: 1, preview: osdMainBatteryPreview, }, { name: 'SAG_COMP_MAIN_BATT_VOLTAGE', id: 53, preview: osdMainBatteryPreview, }, { name: 'MAIN_BATT_CELL_VOLTAGE', id: 32, preview: FONT.symbol(SYM.BATT) + FONT.embed_dot('3.90') + FONT.symbol(SYM.VOLT) }, { name: 'SAG_COMP_MAIN_BATT_CELL_VOLTAGE', id: 54, preview: FONT.symbol(SYM.BATT) + FONT.embed_dot('4.18') + FONT.symbol(SYM.VOLT) }, { name: 'POWER_SUPPLY_IMPEDANCE', id: 55, preview: ' 23' + FONT.symbol(SYM.MILLIOHM) }, { name: 'MAIN_BATT_REMAINING_PERCENTAGE', id: 38, preview: '100%' }, { name: 'REMAINING_FLIGHT_TIME', id: 48, preview: FONT.symbol(SYM.FLY_M) + '10:35' }, { name: 'REMAINING_FLIGHT_DISTANCE', id: 49, preview: function(osd_data) { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.TRIP_DIST) + FONT.symbol(SYM.DIST_MI) + FONT.embed_dot('0.98'); } return FONT.symbol(SYM.TRIP_DIST) + FONT.symbol(SYM.DIST_KM) + FONT.embed_dot('1.73'); } else { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.TRIP_DIST) + FONT.embed_dot('0.98') + FONT.symbol(SYM.DIST_MI); } return FONT.symbol(SYM.TRIP_DIST) + FONT.embed_dot('1.73') + FONT.symbol(SYM.DIST_KM); } } }, { name: 'THROTTLE_POSITION', id: 9, preview: FONT.symbol(SYM.THR) + FONT.symbol(SYM.THR1) + ' 69' }, { name: 'THROTTLE_POSITION_AUTO_THR', id: 33, preview: FONT.symbol(SYM.THR) + FONT.symbol(SYM.THR1) + ' 51' }, { name: 'CRAFT_NAME', id: 8, preview: '[CRAFT_NAME]' }, { name: 'FLYMODE', id: 7, preview: 'ACRO' }, { name: 'MESSAGES', id: 30, preview: ' SYSTEM MESSAGE ', // 28 chars, like OSD_MESSAGE_LENGTH on osd.c }, { name: 'HEADING', id: 24, preview: FONT.symbol(SYM.HEADING) + '175' + FONT.symbol(SYM.DEGREES) }, { name: 'HEADING_GRAPH', id: 34, preview: FONT.symbol(SYM.HEADING_W) + FONT.symbol(SYM.HEADING_LINE) + FONT.symbol(SYM.HEADING_DIVIDED_LINE) + FONT.symbol(SYM.HEADING_LINE) + FONT.symbol(SYM.HEADING_N) + FONT.symbol(SYM.HEADING_LINE) + FONT.symbol(SYM.HEADING_DIVIDED_LINE) + FONT.symbol(SYM.HEADING_LINE) + FONT.symbol(SYM.HEADING_E) }, { name: 'AIR_SPEED', id: 27, enabled: function() { return SENSOR_CONFIG.pitot != 0; }, preview: function(osd_data) { var speed; if (OSD.data.preferences.units === 0 || OSD.data.preferences.units === 2) { // Imperial speed = ' 35' + FONT.symbol(SYM.MPH); } else { speed = ' 55' + FONT.symbol(SYM.KMH); } return FONT.symbol(SYM.AIR) + speed; } }, { name: 'RTC_TIME', id: 29, preview: FONT.symbol(SYM.CLOCK) + '13:37' }, { name: 'RC_SOURCE', id: 104, preview: 'MSP' }, { name: 'ESC_RPM', id: 106, min_version: '2.3.0', preview: FONT.symbol(SYM.RPM) + '983', } ] }, { name: 'osdGroupTemperature', items: [ { name: 'IMU_TEMPERATURE', id: 86, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.IMU_TEMP) + ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return FONT.symbol(SYM.IMU_TEMP) + ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'BARO_TEMPERATURE', id: 87, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.BARO_TEMP) + ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return FONT.symbol(SYM.BARO_TEMP) + ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'ESC_TEMPERATURE', id: 107, min_version: '2.5.0', preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.ESC_TEMPERATURE) + ' 98' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return FONT.symbol(SYM.ESC_TEMPERATURE) + ' 37' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR1_TEMPERATURE', id: 88, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR2_TEMPERATURE', id: 89, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR3_TEMPERATURE', id: 90, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR4_TEMPERATURE', id: 91, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR5_TEMPERATURE', id: 92, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR6_TEMPERATURE', id: 93, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR7_TEMPERATURE', id: 94, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, { name: 'SENSOR8_TEMPERATURE', id: 95, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // Imperial return ' 90' + FONT.symbol(SYM.TEMP_F); } // Metric, UK return ' 32' + FONT.symbol(SYM.TEMP_C); } }, ] }, { name: 'osdGroupAltitude', // TODO: Make this disappear when there's no baro and no GPS. // Requires not drawing these indicators in INAV even when enabled // if there are no sensors to provide their data. Currently they're // always drawn as long as BARO or NAV support is compiled in. items: [ { name: 'ALTITUDE', id: 15, preview: function () { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { if (OSD.data.preferences.units === 0) { // imperial return FONT.symbol(SYM.ALT_FT) + '118'; } return FONT.symbol(SYM.ALT_M) + '399' } else { if (OSD.data.preferences.units === 0) { // imperial return '118' + FONT.symbol(SYM.ALT_FT); } return '399' + FONT.symbol(SYM.ALT_M); } } }, { name: 'VARIO', id: 25, preview: FONT.symbol(SYM.VARIO_UP_2A) + '\n' + FONT.symbol(SYM.VARIO_UP_2A) + '\n' + FONT.symbol(SYM.VARIO_UP_2A) + '\n' + FONT.symbol(SYM.VARIO_UP_2A) + '\n' + FONT.symbol(SYM.VARIO_UP_2A) + '\n' }, { name: 'VARIO_NUM', id: 26, preview: function(osd_data) { if (OSD.data.preferences.units === 0) { // imperial return FONT.embed_dot('-1.6') + FONT.symbol(SYM.FT_S); } return FONT.embed_dot('-0.5') + FONT.symbol(SYM.M_S); } } ] }, { name: 'osdGroupGForce', items: [ { name: 'G_FORCE', id: 100, min_version: '2.2.0', preview: FONT.symbol(SYM.GFORCE) + FONT.embed_dot('1.00') }, { name: 'G_FORCE_X', id: 101, min_version: '2.2.0', preview: FONT.symbol(SYM.GFORCE_X) + FONT.embed_dot('-0.10') }, { name: 'G_FORCE_Y', id: 102, min_version: '2.2.0', preview: FONT.symbol(SYM.GFORCE_Y) + FONT.embed_dot('-0.20') }, { name: 'G_FORCE_Z', id: 103, min_version: '2.2.0', preview: FONT.symbol(SYM.GFORCE_Z) + FONT.embed_dot('-0.30') }, ] }, { name: 'osdGroupTimers', items: [ { name: 'ONTIME_FLYTIME', id: 28, preview: FONT.symbol(SYM.FLY_M) + '04:11' }, { name: 'ONTIME', id: 5, preview: FONT.symbol(SYM.ON_M) + '04:11' }, { name: 'FLYTIME', id: 6, preview: FONT.symbol(SYM.FLY_M) + '04:11' }, ] }, { name: 'osdGroupAttitude', items: [ { name: 'CROSSHAIRS', id: 2, positionable: false }, { name: 'ARTIFICIAL_HORIZON', id: 3, positionable: false }, { name: 'HORIZON_SIDEBARS', id: 4, positionable: false }, { name: 'PITCH_ANGLE', id: 41, preview: function () { return FONT.symbol(SYM.PITCH_UP) + FONT.embed_dot(' 1.5'); }, }, { name: 'ROLL_ANGLE', id: 42, preview: function () { return FONT.symbol(SYM.ROLL_LEFT) + FONT.embed_dot('31.4'); }, }, ] }, { name: 'osdGroupCurrentMeter', enabled: function() { return FC.isFeatureEnabled('CURRENT_METER'); }, items: [ { name: 'CURRENT_DRAW', id: 11, preview: function() { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { return FONT.symbol(SYM.AMP) + FONT.embed_dot('42.1'); } else { return FONT.embed_dot('42.1') + FONT.symbol(SYM.AMP); } } }, { name: 'MAH_DRAWN', id: 12, preview: function() { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { return FONT.symbol(SYM.MAH) + '690 '; // 4 chars } else { return ' 690' + FONT.symbol(SYM.MAH); // 4 chars } } }, { name: 'WH_DRAWN', id: 36, preview: function() { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { return FONT.symbol(SYM.WH) + FONT.embed_dot('1.25'); } else { return FONT.embed_dot('1.25') + FONT.symbol(SYM.WH); } } }, { name: 'POWER', id: 19, preview: function() { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { return FONT.symbol(SYM.WATT) + '50 '; // 3 chars } else { return ' 50' + FONT.symbol(SYM.WATT); // 3 chars } } }, { name: 'MAIN_BATT_REMAINING_CAPACITY', id: 37, preview: function() { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { return FONT.symbol(SYM.MAH) + '690 '; // 4 chars } else { return ' 690' + FONT.symbol(SYM.MAH); // 4 chars } } }, { name: 'EFFICIENCY_MAH', id: 35, preview: "123" + FONT.symbol(SYM.MAH_KM_0) + FONT.symbol(SYM.MAH_KM_1) }, { name: 'EFFICIENCY_WH', id: 39, preview: FONT.embed_dot('1.23') + FONT.symbol(SYM.WH_KM_0) + FONT.symbol(SYM.WH_KM_1) } ] }, { name: 'osdGroupGPS', enabled: function() { return FC.isFeatureEnabled('GPS'); }, items: [ { name: 'GPS_SPEED', id: 13, preview: function(osd_data) { // 3 chars if (OSD.data.preferences.units === 0 || OSD.data.preferences.units === 2) { // Imperial return FONT.embed_dot(' 25') + FONT.symbol(SYM.MPH); } return FONT.embed_dot(' 40') + FONT.symbol(SYM.KMH); } }, { name: 'MSL_ALTITUDE', id: 96, preview: function(osd_data) { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.ALT_FT) + '275'; } return FONT.symbol(SYM.ALT_M) + '477'; } else { if (OSD.data.preferences.units === 0) { // Imperial return '275' + FONT.symbol(SYM.ALT_FT); } return '477' + FONT.symbol(SYM.ALT_M); } }, }, { name: '3D_SPEED', id: 85, preview: function(osd_data) { // 3 chars if (OSD.data.preferences.units === 0 || OSD.data.preferences.units === 2) { // Imperial return FONT.embed_dot(' 30') + FONT.symbol(SYM.MPH_3D); } return FONT.embed_dot(' 48') + FONT.symbol(SYM.KMH_3D); } }, { name: 'GPS_SATS', id: 14, preview: FONT.symbol(SYM.GPS_SAT1) + FONT.symbol(SYM.GPS_SAT2) + '14' }, { name: 'LONGITUDE', id: 20, preview: osdCoordinatePreview(SYM.LON, -114.7652134), }, { name: 'LATITUDE', id: 21, preview: osdCoordinatePreview(SYM.LAT, 52.9872367), }, { name: 'PLUS_CODE', id: 97, preview: function() { let digits = parseInt(Settings.getInputValue('osd_plus_code_digits')) + 1; console.log("DITIS", digits); return '9547X6PM+VWCCC'.substr(0, digits); } }, { name: 'DIRECTION_TO_HOME', id: 22, preview: FONT.symbol(SYM.DIR_TO_HOME) }, { name: 'HOME_HEADING_ERROR', id: 50, preview: FONT.symbol(SYM.HOME) + FONT.symbol(SYM.HEADING) + ' -10' + FONT.symbol(SYM.DEGREES) }, { name: 'AZIMUTH', id: 108, preview: FONT.symbol(SYM.AZIMUTH) + ' 20' }, { name: 'DISTANCE_TO_HOME', id: 23, preview: function(osd_data) { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.HOME) + FONT.symbol(SYM.DIST_MI) + FONT.embed_dot('0.98'); } return FONT.symbol(SYM.HOME) + FONT.symbol(SYM.DIST_KM) + FONT.embed_dot('1.73'); } else { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.HOME) + FONT.embed_dot('0.98') + FONT.symbol(SYM.DIST_MI); } return FONT.symbol(SYM.HOME) + FONT.embed_dot('1.73') + FONT.symbol(SYM.DIST_KM); } } }, { name: 'TRIP_DIST', id: 40, min_version: '1.9.1', preview: function(osd_data) { if (semver.lt(CONFIG.flightControllerVersion, '2.2.0')) { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.TRIP_DIST) + FONT.symbol(SYM.DIST_MI) + FONT.embed_dot('0.98'); } return FONT.symbol(SYM.TRIP_DIST) + FONT.symbol(SYM.DIST_KM) + FONT.embed_dot('1.73'); } else { if (OSD.data.preferences.units === 0) { // Imperial return FONT.symbol(SYM.TRIP_DIST) + FONT.embed_dot('0.98') + FONT.symbol(SYM.DIST_MI); } return FONT.symbol(SYM.TRIP_DIST) + FONT.embed_dot('1.73') + FONT.symbol(SYM.DIST_KM); } } }, { name: 'GPS_HDOP', id: 31, preview: FONT.symbol(SYM.GPS_HDP1) + FONT.symbol(SYM.GPS_HDP2) + FONT.embed_dot('1.8') }, { name: 'WIND_SPEED_HORIZONTAL', id: 46, preview: function(osd_data) { // 6 chars var p = FONT.symbol(SYM.WIND_SPEED_HORIZONTAL) + FONT.symbol(SYM.DIRECTION + 1); if (OSD.data.preferences.units === 0 || OSD.data.preferences.units === 2) { // Imperial p += FONT.embed_dot('3.27') + FONT.symbol(SYM.MPH); } else { p += FONT.embed_dot('5.27') + FONT.symbol(SYM.KMH); } return p; } }, { name: 'WIND_SPEED_VERTICAL', id: 47, preview: function(osd_data) { // 6 chars var p = FONT.symbol(SYM.WIND_SPEED_VERTICAL) + FONT.symbol(SYM.AH_DECORATION_UP); if (OSD.data.preferences.units === 0 || OSD.data.preferences.units === 2) { // Imperial p += FONT.embed_dot('1.03') + FONT.symbol(SYM.MPH); } else { p += FONT.embed_dot('1.67') + FONT.symbol(SYM.KMH); } return p; } }, { name: 'CRUISE_HEADING_ERROR', id: 51, preview: FONT.symbol(SYM.HEADING) + ' 5' + FONT.symbol(SYM.DEGREES) }, { name: 'CRUISE_HEADING_ADJUSTMENT', id: 52, preview: FONT.symbol(SYM.HEADING) + ' -90' + FONT.symbol(SYM.DEGREES) }, ] }, { name: 'osdGroupMapsAndRadars', items: [ { name: 'MAP_NORTH', id: 43, positionable: false, }, { name: 'MAP_TAKEOFF', id: 44, positionable: false, }, { name: 'RADAR', id: 45, positionable: false, }, { name: 'MAP_SCALE', id: 98, preview: function(osd_data) { var scale; if (OSD.data.preferences.units === 0) { scale = FONT.embed_dot("0.10") + FONT.symbol(SYM.MI); } else { scale = "100" + FONT.symbol(SYM.M); } return FONT.symbol(SYM.SCALE) + scale; }, }, { name: 'MAP_REFERENCE', id: 99, preview: FONT.symbol(SYM.DIRECTION) + '\nN', }, ], }, { name: 'osdGroupVTX', items: [ { name: 'VTX_CHANNEL', id: 10, positionable: true, preview: function(osd_data) { return 'CH:F7:1'; }, }, { name: 'VTX_POWER', id: 105, preview: '1' }, ] }, { name: 'osdGroupCRSF', items: [ { name: 'CRSF_RSSI_DBM', id: 109, positionable: true, preview: FONT.symbol(SYM.RSSI) + '-100' + FONT.symbol(SYM.DBM) }, { name: 'CRSF_LQ', id: 110, positionable: true, preview: function(osd_data) { var crsflqformat; if (Settings.getInputValue('osd_crsf_lq_format') == 1) { crsflqformat = '2:100%'; } else { crsflqformat = ' 300%'; } return crsflqformat; } }, { name: 'CRSF_SNR_DB', id: 111, positionable: true, preview: FONT.symbol(SYM.SNR) + '-12' + FONT.symbol(SYM.DB) }, { name: 'CRSF_TX_POWER', id: 112, positionable: true, preview: ' 10' + FONT.symbol(SYM.MW) }, ] }, { name: 'osdGroupGVars', items: [ { name: 'GVAR_0', id: 113, positionable: true, preview: 'G0:01337' }, { name: 'GVAR_1', id: 114, positionable: true, preview: 'G1:31415' }, { name: 'GVAR_2', id: 115, positionable: true, preview: 'G2:01611' }, { name: 'GVAR_3', id: 116, positionable: true, preview: 'G3:30126' } ] }, { name: 'osdGroupPIDs', items: [ { name: 'ROLL_PIDS', id: 16, preview: 'ROL 40 30 23' }, { name: 'PITCH_PIDS', id: 17, preview: 'PIT 40 30 23' }, { name: 'YAW_PIDS', id: 18, preview: 'YAW 85 45 0' }, { name: 'LEVEL_PIDS', id: 56, preview: 'LEV 20 15 80' }, { name: 'POS_XY_PIDS', id: 57, preview: 'PXY 20 15 80' }, { name: 'POS_Z_PIDS', id: 58, preview: 'PZ 20 15 80' }, { name: 'VEL_XY_PIDS', id: 59, preview: 'VXY 20 15 80' }, { name: 'VEL_Z_PIDS', id: 60, preview: 'VZ 20 15 80' }, { name: 'HEADING_P', id: 61, preview: 'HP 20' }, { name: 'BOARD_ALIGNMENT_ROLL', id: 62, preview: 'AR 0' }, { name: 'BOARD_ALIGNMENT_PITCH', id: 63, preview: 'AP ' + FONT.embed_dot('1.0') }, { name: 'THROTTLE_EXPO', id: 66, preview: 'TEX 0' }, { name: 'STABILIZED_RC_EXPO', id: 64, preview: 'EXP 20' }, { name: 'STABILIZED_RC_YAW_EXPO', id: 65, preview: 'YEX 20' }, { name: 'STABILIZED_PITCH_RATE', id: 67, preview: 'SPR 20' }, { name: 'STABILIZED_ROLL_RATE', id: 68, preview: 'SRR 20' }, { name: 'STABILIZED_YAW_RATE', id: 69, preview: 'SYR 20' }, { name: 'MANUAL_RC_EXPO', id: 70, preview: 'MEX 20' }, { name: 'MANUAL_RC_YAW_EXPO', id: 71, preview: 'MYX 20' }, { name: 'MANUAL_PITCH_RATE', id: 72, preview: 'MPR 20' }, { name: 'MANUAL_ROLL_RATE', id: 73, preview: 'MRR 20' }, { name: 'MANUAL_YAW_RATE', id: 74, preview: 'MYR 20' }, { name: 'NAV_FW_CRUISE_THROTTLE', id: 75, preview: 'CRS 1500' }, { name: 'NAV_FW_PITCH_TO_THROTTLE', id: 76, preview: 'P2T 10' }, { name: 'FW_MIN_THROTTLE_DOWN_PITCH_ANGLE', id: 77, preview: '0TP ' + FONT.embed_dot('4.5') }, { name: 'THRUST_PID_ATTENUATION', id: 117, preview: 'TPA 0\nBP 1500' }, ] }, { name: 'osdGroupPIDOutputs', items: [ { name: 'FW_ALT_PID_OUTPUTS', id: 79, preview: 'PZO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') + ' ' + FONT.embed_dot(' 1.3') }, { name: 'FW_POS_PID_OUTPUTS', id: 80, preview: 'PXYO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') + ' ' + FONT.embed_dot(' 1.3') }, { name: 'MC_VEL_X_PID_OUTPUTS', id: 81, preview: 'VXO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') + ' ' + FONT.embed_dot(' 1.3') }, { name: 'MC_VEL_Y_PID_OUTPUTS', id: 82, preview: 'VYO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') + ' ' + FONT.embed_dot(' 1.3') }, { name: 'MC_VEL_Z_PID_OUTPUTS', id: 83, preview: 'VZO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') + ' ' + FONT.embed_dot(' 1.3') }, { name: 'MC_POS_XYZ_P_OUTPUTS', id: 84, preview: 'POSO ' + FONT.embed_dot(' 1.2') + ' ' + FONT.embed_dot(' 0.1') + ' ' + FONT.embed_dot(' 0.0') }, ] } ] }; OSD.get_item = function(item_id) { for (var ii = 0; ii < OSD.constants.ALL_DISPLAY_GROUPS.length; ii++) { var group = OSD.constants.ALL_DISPLAY_GROUPS[ii]; for (var jj = 0; jj < group.items.length; jj++) { if (group.items[jj].id == item_id) { return group.items[jj]; } } } return null; }; OSD.is_item_displayed = function(item, group) { if (!OSD.data.items[item.id]) { // FC has no data about this item, so // it doesn't support it. return false; } if (FC.getOsdDisabledFields().indexOf(item.name) != -1) { return false; } if (!group) { return false; } if (typeof group.enabled === 'function' && group.enabled() === false) { return false; } if (item.min_version && !semver.gte(CONFIG.flightControllerVersion, item.min_version)) { return false; } if (typeof item.enabled === 'function' && item.enabled() === false) { return false; } return true; }; OSD.get_item_preview = function(item) { var preview = item.preview; if (typeof preview == 'function') { return preview(); } return preview; } OSD.reload = function(callback) { OSD.initData(); var done = function() { OSD.updateDisplaySize(); if (callback) { callback(); } }; MSP.promise(MSPCodes.MSP2_INAV_OSD_LAYOUTS).then(function (resp) { OSD.msp.decodeLayoutCounts(resp); // Get data for all layouts var ids = Array.apply(null, {length: OSD.data.layout_count}).map(Number.call, Number); var layouts = Promise.mapSeries(ids, function (layoutIndex, ii) { var data = []; data.push8(layoutIndex); return MSP.promise(MSPCodes.MSP2_INAV_OSD_LAYOUTS, data).then(function (resp) { OSD.msp.decodeLayout(layoutIndex, resp); }); }); layouts.then(function () { OSD.updateSelectedLayout(OSD.data.selected_layout || 0); MSP.promise(MSPCodes.MSP2_INAV_OSD_ALARMS).then(function (resp) { OSD.msp.decodeAlarms(resp); MSP.promise(MSPCodes.MSP2_INAV_OSD_PREFERENCES).then(function (resp) { OSD.data.supported = true; OSD.msp.decodePreferences(resp); done(); }); }); }); }); }; OSD.updateSelectedLayout = function(new_layout) { OSD.data.selected_layout = new_layout; OSD.data.items = OSD.data.layouts[OSD.data.selected_layout]; }; OSD.updateDisplaySize = function () { var video_type = OSD.constants.VIDEO_TYPES[OSD.data.preferences.video_system]; if (video_type == 'AUTO') { video_type = 'PAL'; } // compute the size OSD.data.display_size = { x: FONT.constants.SIZES.LINE, y: OSD.constants.VIDEO_LINES[video_type], total: null }; }; OSD.saveAlarms = function(callback) { let data = OSD.msp.encodeAlarms(); return MSP.promise(MSPCodes.MSP2_INAV_OSD_SET_ALARMS, data).then(callback); } OSD.saveConfig = function(callback) { return OSD.saveAlarms(function () { var data = OSD.msp.encodePreferences(); return MSP.promise(MSPCodes.MSP2_INAV_OSD_SET_PREFERENCES, data).then(callback); }); }; OSD.saveItem = function(item, callback) { let pos = OSD.data.items[item.id]; let data = OSD.msp.encodeLayoutItem(OSD.data.selected_layout, item, pos); return MSP.promise(MSPCodes.MSP2_INAV_OSD_SET_LAYOUT_ITEM, data).then(callback); }; //noinspection JSUnusedLocalSymbols OSD.msp = { /** * Note, unsigned 16 bit int for position ispacked: * 0: unused * v: visible flag * b: blink flag * y: y coordinate * x: x coordinate * 0000 vbyy yyyx xxxx */ helpers: { unpack: { position: function (bits) { var display_item = {}; // size * y + x display_item.position = FONT.constants.SIZES.LINE * ((bits >> 5) & 0x001F) + (bits & 0x001F); display_item.isVisible = (bits & OSD.constants.VISIBLE) != 0; return display_item; } }, pack: { position: function (display_item) { return (display_item.isVisible ? 0x0800 : 0) | (((display_item.position / FONT.constants.SIZES.LINE) & 0x001F) << 5) | (display_item.position % FONT.constants.SIZES.LINE); } } }, encodeAlarms: function() { var result = []; result.push8(OSD.data.alarms.rssi); result.push16(OSD.data.alarms.fly_minutes); result.push16(OSD.data.alarms.max_altitude); result.push16(OSD.data.alarms.dist); result.push16(OSD.data.alarms.max_neg_altitude); if (semver.gte(CONFIG.flightControllerVersion, '2.2.0')) { result.push16(OSD.data.alarms.gforce); result.push16(OSD.data.alarms.gforce_axis_min); result.push16(OSD.data.alarms.gforce_axis_max); result.push8(OSD.data.alarms.current); } result.push16(OSD.data.alarms.imu_temp_alarm_min); result.push16(OSD.data.alarms.imu_temp_alarm_max); result.push16(OSD.data.alarms.baro_temp_alarm_min); result.push16(OSD.data.alarms.baro_temp_alarm_max); return result; }, decodeAlarms: function(resp) { var alarms = resp.data; OSD.data.alarms.rssi = alarms.readU8(); OSD.data.alarms.fly_minutes = alarms.readU16(); OSD.data.alarms.max_altitude = alarms.readU16(); OSD.data.alarms.dist = alarms.readU16(); OSD.data.alarms.max_neg_altitude = alarms.readU16(); if (semver.gte(CONFIG.flightControllerVersion, '2.2.0')) { OSD.data.alarms.gforce = alarms.readU16(); OSD.data.alarms.gforce_axis_min = alarms.read16(); OSD.data.alarms.gforce_axis_max = alarms.read16(); OSD.data.alarms.current = alarms.readU8(); } OSD.data.alarms.imu_temp_alarm_min = alarms.read16(); OSD.data.alarms.imu_temp_alarm_max = alarms.read16(); OSD.data.alarms.baro_temp_alarm_min = alarms.read16(); OSD.data.alarms.baro_temp_alarm_max = alarms.read16(); }, encodePreferences: function() { var result = []; var p = OSD.data.preferences; result.push8(p.video_system); result.push8(p.main_voltage_decimals); result.push8(p.ahi_reverse_roll); result.push8(p.crosshairs_style); result.push8(p.left_sidebar_scroll); result.push8(p.right_sidebar_scroll); result.push8(p.sidebar_scroll_arrows); result.push8(p.units); result.push8(p.stats_energy_unit) return result; }, decodePreferences: function(resp) { var prefs = resp.data; var p = OSD.data.preferences; p.video_system = prefs.readU8(); p.main_voltage_decimals = prefs.readU8(); p.ahi_reverse_roll = prefs.readU8(); p.crosshairs_style = prefs.readU8(); p.left_sidebar_scroll = prefs.readU8(); p.right_sidebar_scroll = prefs.readU8(); p.sidebar_scroll_arrows = prefs.readU8(); p.units = prefs.readU8(); p.stats_energy_unit = prefs.readU8(); }, encodeLayoutItem: function(layout, item, pos) { var result = []; result.push8(layout); result.push8(item.id); result.push16(this.helpers.pack.position(pos)); return result; }, decodeLayoutCounts: function(resp) { OSD.data.layout_count = resp.data.readU8(); OSD.data.item_count = resp.data.readU8(); }, decodeLayout: function(layoutIndex, resp) { var items = []; for (var ii = 0; ii < OSD.data.item_count; ii++) { var bits = resp.data.readU16(); items.push(this.helpers.unpack.position(bits)); } OSD.data.layouts[layoutIndex] = items; }, encodeOther: function () { var result = [-1, OSD.data.preferences.video_system]; result.push8(OSD.data.preferences.units); // watch out, order matters! match the firmware result.push8(OSD.data.alarms.rssi); result.push16(OSD.data.alarms.batt_cap); result.push16(OSD.data.alarms.fly_minutes); result.push16(OSD.data.alarms.max_altitude); // These might be null, since there weren't supported // until version 1.8 if (OSD.data.alarms.dist !== null) { result.push16(OSD.data.alarms.dist); } if (OSD.data.alarms.max_neg_altitude !== null) { result.push16(OSD.data.alarms.max_neg_altitude); } return result; }, encodeItem: function (id, itemData) { var buffer = []; buffer.push8(id); buffer.push16(this.helpers.pack.position(itemData)); return buffer; }, decode: function (payload) { if (payload.length <= 1) { return; } var view = payload.data; var d = OSD.data; d.supported = view.readU8(); d.preferences.video_system = view.readU8(); d.preferences.units = view.readU8(); d.alarms.rssi = view.readU8(); d.alarms.batt_cap = view.readU16(); d.alarms.fly_minutes = view.readU16(); d.alarms.max_altitude = view.readU16(); d.alarms.dist = view.readU16(); d.alarms.max_neg_altitude = view.readU16(); d.items = []; // start at the offset from the other fields while (view.offset < view.byteLength) { var bits = view.readU16(); d.items.push(this.helpers.unpack.position(bits)); } }, }; OSD.GUI = {}; OSD.GUI.preview = { onMouseEnter: function () { var item = $(this).data('item'); if (!item) { return; } $('.field-' + item.id).addClass('mouseover'); }, onMouseLeave: function () { var item = $(this).data('item'); if (!item) { return; } $('.field-' + item.id).removeClass('mouseover') }, onDragStart: function (e) { var ev = e.originalEvent; var item = $(ev.target).data('item'); //noinspection JSUnresolvedVariable ev.dataTransfer.setData("text/plain", item.id); //noinspection JSUnresolvedVariable ev.dataTransfer.setDragImage(item.preview_img, 6, 9); }, onDragOver: function (e) { var ev = e.originalEvent; ev.preventDefault(); //noinspection JSUnresolvedVariable ev.dataTransfer.dropEffect = "move"; $(this).css({ background: 'rgba(0,0,0,.5)' }); }, onDragLeave: function (e) { // brute force unstyling on drag leave $(this).removeAttr('style'); }, onDrop: function (e) { var ev = e.originalEvent; var position = $(this).removeAttr('style').data('position');; //noinspection JSUnresolvedVariable var item_id = parseInt(ev.dataTransfer.getData('text')); var item = OSD.get_item(item_id); var preview = OSD.get_item_preview(item); var line_width = 0; var item_width = 0; for (var ii = 0; ii < preview.length; ii++) { if (preview[ii] == '\n') { item_width = Math.max(item_width, line_width); line_width = 0; continue; } line_width++; } item_width = Math.max(item_width, line_width); var overflows_line = FONT.constants.SIZES.LINE - ((position % FONT.constants.SIZES.LINE) + item_width); if (overflows_line < 0) { position += overflows_line; } $('input.' + item_id + '.position').val(position).change(); } }; OSD.GUI.checkAndProcessSymbolPosition = function(pos, charCode) { if (typeof OSD.data.preview[pos] === 'object' && OSD.data.preview[pos][0] !== null) { // position already in use, always put object item at position OSD.data.preview[pos] = [OSD.data.preview[pos][0], charCode, 'red']; } else { // position not used by an object type, put character at position // character types can overwrite character types (e.g. crosshair) OSD.data.preview[pos] = charCode; } }; OSD.GUI.updateVideoMode = function() { // video mode var $videoTypes = $('.video-types').empty(); for (var i = 0; i < OSD.constants.VIDEO_TYPES.length; i++) { $videoTypes.append( $('') .prop('checked', i === OSD.data.preferences.video_system) .data('type', i) ) ); } $videoTypes.find(':radio').click(function () { OSD.data.preferences.video_system = $(this).data('type'); OSD.updateDisplaySize(); OSD.GUI.saveConfig(); }); }; OSD.GUI.updateUnits = function() { // units var $unitMode = $('#unit_mode').empty(); var $unitTip = $('.units .cf_tip'); for (var i = 0; i < OSD.constants.UNIT_TYPES.length; i++) { var unitType = OSD.constants.UNIT_TYPES[i]; if (unitType.min_version && semver.lt(CONFIG.flightControllerVersion, unitType.min_version)) { continue; } var name = chrome.i18n.getMessage(unitType.name); var $option = $(''); $option.attr('value', name); $option.data('type', unitType.value); if (OSD.data.preferences.units === unitType.value) { $option.prop('selected', true); } $unitMode.append($option); } function updateUnitHelp() { var unitType = OSD.constants.UNIT_TYPES[OSD.data.preferences.units]; var tip; if (unitType.tip) { tip = chrome.i18n.getMessage(unitType.tip); } if (tip) { $unitTip.attr('title', tip); $unitTip.fadeIn(); } else { $unitTip.fadeOut(); } } updateUnitHelp(); $unitMode.change(function (e) { var selected = $(this).find(':selected'); OSD.data.preferences.units = selected.data('type'); OSD.GUI.saveConfig(); updateUnitHelp(); }); }; OSD.GUI.updateFields = function() { // display fields on/off and position var $tmpl = $('#osd_group_template').hide(); // Clear previous groups, if any $('.osd_group').remove(); for (var ii = 0; ii < OSD.constants.ALL_DISPLAY_GROUPS.length; ii++) { var group = OSD.constants.ALL_DISPLAY_GROUPS[ii]; var groupItems = []; for (var jj = 0; jj < group.items.length; jj++) { var item = group.items[jj]; if (!OSD.is_item_displayed(item, group)) { continue; } OSD.data.groups[item.id] = group; groupItems.push(item); } if (groupItems.length == 0) { continue; } var groupContainer = $tmpl.clone().addClass('osd_group').show(); var groupTitleContainer = groupContainer.find('.spacer_box_title'); var groupTitle = chrome.i18n.getMessage(group.name); groupTitleContainer.text(groupTitle); var groupHelp = chrome.i18n.getMessage(group.name + '_HELP'); if (groupHelp) { $('
') .css('margin-top', '1px') .attr('title', groupHelp) .appendTo(groupTitleContainer) .jBox('Tooltip', { delayOpen: 100, delayClose: 100, position: { x: 'right', y: 'center' }, outside: 'x' }); } var $displayFields = groupContainer.find('.display-fields'); for (var jj = 0; jj < groupItems.length; jj++) { var item = groupItems[jj]; var itemData = OSD.data.items[item.id]; var checked = itemData.isVisible ? 'checked' : ''; var $field = $('
'); var name = item.name; var nameKey = 'osdElement_' + name; var nameMessage = chrome.i18n.getMessage(nameKey); if (nameMessage) { name = nameMessage; } else { name = inflection.titleize(name); } var help = chrome.i18n.getMessage(nameKey + '_HELP'); if (help) { $('
') .css('margin-top', '1px') .attr('title', help) .appendTo($field) .jBox('Tooltip', { delayOpen: 100, delayClose: 100, position: { x: 'right', y: 'center' }, outside: 'x' }); } $field.append( $('') .data('item', item) .attr('checked', itemData.isVisible) .change(function () { var item = $(this).data('item'); var itemData = OSD.data.items[item.id]; var $position = $(this).parent().find('.position.' + item.name); itemData.isVisible = !itemData.isVisible; if (itemData.isVisible) { // Ensure the element is inside the viewport, at least partially. // In that case move it to the very first row/col, otherwise there's // no way to reposition items that are outside the viewport. if (itemData.position >= OSD.data.preview.length) { itemData.position = 0; } $position.show(); } else { $position.hide(); } OSD.GUI.saveItem(item); }) ); $field.append(''); if (item.positionable !== false) { $field.append( $('') .data('item', item) .val(itemData.position) .change($.debounce(250, function (e) { var item = $(this).data('item'); var itemData = OSD.data.items[item.id]; itemData.position = parseInt($(this).val()); OSD.GUI.saveItem(item); })) ); } $displayFields.append($field); } $tmpl.parent().append(groupContainer); } // TODO: If we add more switches somewhere else, this // needs to be called after all of them have been set up GUI.switchery(); }; OSD.GUI.updateMapPreview = function(mapCenter, name, directionSymbol, centerSymbol) { if ($('input[name="' + name + '"]').prop('checked')) { var mapInitialX = OSD.data.display_size.x - 2; OSD.GUI.checkAndProcessSymbolPosition(mapCenter, centerSymbol); } }; OSD.GUI.updatePreviews = function() { // buffer the preview; OSD.data.preview = []; OSD.data.display_size.total = OSD.data.display_size.x * OSD.data.display_size.y; for (var ii = 0; ii < OSD.data.display_items.length; ii++) { var field = OSD.data.display_items[ii]; // reset fields that somehow end up off the screen if (field.position > OSD.data.display_size.total) { field.position = 0; } } // clear the buffer for (i = 0; i < OSD.data.display_size.total; i++) { OSD.data.preview.push([null, ' '.charCodeAt(0)]); }; // draw all the displayed items and the drag and drop preview images for (var ii = 0; ii < OSD.data.items.length; ii++) { var item = OSD.get_item(ii); if (!item || !OSD.is_item_displayed(item, OSD.data.groups[item.id])) { continue; } var itemData = OSD.data.items[ii]; if (!itemData.isVisible) { continue; } var j = (itemData.position >= 0) ? itemData.position : itemData.position + OSD.data.display_size.total; // create the preview image item.preview_img = new Image(); var canvas = document.createElement('canvas'); var ctx = canvas.getContext("2d"); // fill the screen buffer var preview = OSD.get_item_preview(item); if (!preview) { continue; } var x = 0; var y = 0; for (i = 0; i < preview.length; i++) { var charCode = preview.charCodeAt(i); if (charCode == '\n'.charCodeAt(0)) { x = 0; y++; continue; } var previewPos = j + x + (y * OSD.data.display_size.x); if (previewPos >= OSD.data.preview.length) { // Character is outside the viewport x++; continue; } // test if this position already has a character placed if (OSD.data.preview[previewPos][0] !== null) { // if so set background color to red to show user double usage of position OSD.data.preview[previewPos] = [item, charCode, 'red']; } else { OSD.data.preview[previewPos] = [item, charCode]; } // draw the preview var img = new Image(); img.src = FONT.draw(charCode); ctx.drawImage(img, x*FONT.constants.SIZES.CHAR_WIDTH, y*FONT.constants.SIZES.CHAR_HEIGHT); x++; } item.preview_img.src = canvas.toDataURL('image/png'); // Required for NW.js - Otherwise the will // consume drag/drop events. item.preview_img.style.pointerEvents = 'none'; } var centerishPosition = 224; // AHI is one line up with NTSC (less lines) compared to PAL if (OSD.constants.VIDEO_TYPES[OSD.data.video_system] == 'NTSC') centerishPosition -= OSD.data.display_size.x; // artificial horizon if ($('input[name="ARTIFICIAL_HORIZON"]').prop('checked')) { for (i = 0; i < 9; i++) { OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - 4 + i, SYM.AH_BAR9_0 + 4); } } // crosshairs if ($('input[name="CROSSHAIRS"]').prop('checked')) { if (Settings.getInputValue('osd_crosshairs_style') == 1) { // AIRCRAFT style OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - 2, SYM.AH_AIRCRAFT0); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - 1, SYM.AH_AIRCRAFT1); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition, SYM.AH_AIRCRAFT2); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition + 1, SYM.AH_AIRCRAFT3); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition + 2, SYM.AH_AIRCRAFT4); } else { // DEFAULT or unknown style OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - 1, SYM.AH_CENTER_LINE); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition + 1, SYM.AH_CENTER_LINE_RIGHT); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition, SYM.AH_CENTER); } } // sidebars if ($('input[name="HORIZON_SIDEBARS"]').prop('checked')) { var hudwidth = OSD.constants.AHISIDEBARWIDTHPOSITION; var hudheight = OSD.constants.AHISIDEBARHEIGHTPOSITION; for (i = -hudheight; i <= hudheight; i++) { OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - hudwidth + (i * FONT.constants.SIZES.LINE), SYM.AH_DECORATION); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition + hudwidth + (i * FONT.constants.SIZES.LINE), SYM.AH_DECORATION); } // AH level indicators OSD.GUI.checkAndProcessSymbolPosition(centerishPosition - hudwidth + 1, SYM.AH_LEFT); OSD.GUI.checkAndProcessSymbolPosition(centerishPosition + hudwidth - 1, SYM.AH_RIGHT); } var mapCenter = (OSD.data.display_size.x * OSD.data.display_size.y / 2); if (OSD.data.display_size.y % 2 == 0) { mapCenter += OSD.data.display_size.x / 2; } OSD.GUI.updateMapPreview(mapCenter, 'MAP_NORTH', 'N', SYM.HOME); OSD.GUI.updateMapPreview(mapCenter, 'MAP_TAKEOFF', 'T', SYM.HOME); OSD.GUI.updateMapPreview(mapCenter, 'RADAR', null, SYM.DIR_TO_HOME); // render var $preview = $('.display-layout .preview').empty(); var $row = $('
'); for (i = 0; i < OSD.data.display_size.total;) { var charCode = OSD.data.preview[i]; var colorStyle = ''; if (typeof charCode === 'object') { var item = OSD.data.preview[i][0]; charCode = OSD.data.preview[i][1]; if (OSD.data.preview[i][2] !== undefined) { // if third field is set it contains a background color colorStyle = 'style="background-color: ' + OSD.data.preview[i][2] + ';"'; } } var $img = $('
') .on('mouseenter', OSD.GUI.preview.onMouseEnter) .on('mouseleave', OSD.GUI.preview.onMouseLeave) .on('dragover', OSD.GUI.preview.onDragOver) .on('dragleave', OSD.GUI.preview.onDragLeave) .on('drop', OSD.GUI.preview.onDrop) .data('item', item) .data('position', i); // Required for NW.js - Otherwise the will // consume drag/drop events. $img.find('img').css('pointer-events', 'none'); if (item && item.positionable !== false) { $img.addClass('field-' + item.id) .data('item', item) .prop('draggable', true) .on('dragstart', OSD.GUI.preview.onDragStart); } $row.append($img); if (++i % OSD.data.display_size.x == 0) { $preview.append($row); $row = $('
'); } } }; OSD.GUI.updateAll = function() { if (!OSD.data.supported) { $('.unsupported').fadeIn(); return; } var layouts = $('.osd_layouts'); if (OSD.data.layout_count > 1) { layouts.empty(); for (var ii = 0; ii < OSD.data.layout_count; ii++) { var name = ii > 0 ? chrome.i18n.getMessage('osdLayoutAlternative', [ii]) : chrome.i18n.getMessage('osdLayoutDefault'); var opt = $('