betaflight-configurator/tabs/auxiliary_configuration.js

// TODO: rework box_highlight & update_ui to accept flexible amount of aux channels
tabs.auxiliary_configuration = {};
tabs.auxiliary_configuration.initialize = function(callback) {
    GUI.active_tab_ref = this;
    GUI.active_tab = 'auxiliary_configuration';
    googleAnalytics.sendAppView('Auxiliary Configuration');

    MSP.send_message(MSP_codes.MSP_BOXNAMES, false, false, get_box_data);

    function get_box_data() {
        MSP.send_message(MSP_codes.MSP_BOX, false, false, get_box_ids);
    }

    function get_box_ids() {
        MSP.send_message(MSP_codes.MSP_BOXIDS, false, false, get_rc_data);
    }

    function get_rc_data() {
        MSP.send_message(MSP_codes.MSP_RC, false, false, load_html);
    }

    function load_html() {
        $('#content').load("./tabs/auxiliary_configuration.html", process_html);
    }

    function process_html() {
        // generate heads according to RC count
        var table_head = $('table.boxes .heads');
        var main_head = $('table.boxes .main');
        for (var i = 0; i < (RC.active_channels - 4); i++) {
            table_head.append('<th colspan="3">AUX ' + (i + 1) + '</th>');

            // 3 columns per aux channel (this might be requested to change to 6 in the future, so watch out)
            main_head.append('\
                <th i18n="auxiliaryLow"></th>\
                <th i18n="auxiliaryMed"></th>\
                <th i18n="auxiliaryHigh"></th>\
            ');
        }

        // translate to user-selected language
        localize();

        // generate table from the supplied AUX names and AUX data
        for (var i = 0; i < AUX_CONFIG.length; i++) {
            var line = '<tr class="switches">';
            line += '<td class="name">' + AUX_CONFIG[i] + '</td>';

            var bitIndex = 0;
            var chunks = 1;
            if (bit_check(CONFIG.capability, 5) && (RC.active_channels - 4) > 4) {
                chunks = 2;
            }
            var channelsPerChunk = 4;
            for (var chunk = 0; chunk < chunks; chunk++) {
                for (var j = 0; j < channelsPerChunk * 3; j++) {
                    if (bit_check(AUX_CONFIG_values[i], bitIndex++)) {
                        line += '<td><input type="checkbox" checked="checked" /></td>';
                    } else {
                        line += '<td><input type="checkbox" /></td>';
                    }
                }
                bitIndex += 16 - (4 * 3);
            }
            
            line += '</tr>';

            $('.boxes > tbody:last').append(line);
        }

        // UI Hooks
        $('a.update').click(function() {
            // catch the input changes
            var main_needle = 0;
            var needle = 0;

            var boxCountFor4AuxChannels = 3 * 4;
            var boxCountPerLine = boxCountFor4AuxChannels;
            if (bit_check(CONFIG.capability, 5) && (RC.active_channels - 4) > 4) {
                boxCountPerLine = boxCountFor4AuxChannels * 2;
            }

            $('.boxes input').each(function() {
                var bitIndex = needle;
                if (bit_check(CONFIG.capability, 5) && needle >= boxCountFor4AuxChannels) {
                    bitIndex += 4; // 0-11 bits for aux 1-4, 16-27 for aux 5-8
                }
                
                if ($(this).is(':checked')) {
                    AUX_CONFIG_values[main_needle] = bit_set(AUX_CONFIG_values[main_needle], bitIndex);
                } else {
                    AUX_CONFIG_values[main_needle] = bit_clear(AUX_CONFIG_values[main_needle], bitIndex);
                }

                needle++;

                if (needle >= boxCountPerLine) {
                    main_needle++;
                    needle = 0;
                }
            });

            // send over data
            // current code will only handle 4 AUX as the variable length is 16bits
            var AUX_val_buffer_out = [];
            for (var i = 0; i < AUX_CONFIG_values.length; i++) {
                AUX_val_buffer_out.push(lowByte(AUX_CONFIG_values[i] & 0xFFF));
                AUX_val_buffer_out.push(highByte(AUX_CONFIG_values[i] & 0xFFF));
            }
            if (bit_check(CONFIG.capability, 5) && (RC.active_channels - 4) > 4) {
                for (var i = 0; i < AUX_CONFIG_values.length; i++) {
                    AUX_val_buffer_out.push(lowByte((AUX_CONFIG_values[i] >> 16) & 0xFFF));
                    AUX_val_buffer_out.push(highByte((AUX_CONFIG_values[i] >> 16) & 0xFFF));
                }
            }
            
            MSP.send_message(MSP_codes.MSP_SET_BOX, AUX_val_buffer_out, false, save_to_eeprom);

            function save_to_eeprom() {
                MSP.send_message(MSP_codes.MSP_EEPROM_WRITE, false, false, function() {
                    GUI.log(chrome.i18n.getMessage('auxiliaryEepromSaved'));
                });
            }
        });

        // val = channel value
        // aux_num = position of corresponding aux channel in the html table
        var switches_e = $('table.boxes .switches');
        function box_highlight(aux_num, val) {
            var pos = 0; // < 1300

            if (val > 1300 && val < 1700) {
                pos = 1;
            } else if (val > 1700) {
                pos = 2;
            }

            var highlight_column = (aux_num * 3) + pos + 2; // +2 to skip name column and index starting on 1 instead of 0
            var erase_columns = (aux_num * 3) + 2;

            $('td:nth-child(n+' + erase_columns + '):nth-child(-n+' + (erase_columns + 2) + ')', switches_e).css('background-color', 'transparent');
            $('td:nth-child(' + highlight_column + ')', switches_e).css('background-color', 'orange');
        }

        // data pulling functions used inside interval timer
        function get_rc_data() {
            MSP.send_message(MSP_codes.MSP_RC, false, 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');
                    }
                }

            }

            for (var i = 0; i < (RC.active_channels - 4); i++) {
                box_highlight(i, RC.channels[i + 4]);
            }           
        }

        // update ui instantly on first load
        update_ui();

        // enable data pulling
        GUI.interval_add('aux_data_pull', get_rc_data, 50);

        // status data pulled via separate timer with static speed
        GUI.interval_add('status_pull', function() {
            MSP.send_message(MSP_codes.MSP_STATUS);
        }, 250, true);

        if (callback) callback();
    }
};

tabs.auxiliary_configuration.cleanup = function(callback) {
    if (callback) callback();
};