Civic-Segments/src/pkjs/customClay.js

module.exports = function (minified) {
    var clayConfig = this;
    var _ = minified._;
    var $ = minified.$;
    var HTML = minified.HTML;

    function setColorsToPreset() {
        var selectedPreset = clayConfig.getItemById('color_preset_selector').get();
        switch (selectedPreset) {
            case 'civic_si':
                clayConfig.getItemById('custom_color_led').set('ff0000');
                clayConfig.getItemById('custom_color_bg').set('000000');
                clayConfig.getItemById('custom_color_mg_bars').set('555555');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_fg').set('ff0000');
                clayConfig.getItemById('custom_color_low_fuel').set('ffaa00');
                break
            default:
                clayConfig.getItemById('custom_color_led').set('ffffff');
                clayConfig.getItemById('custom_color_bg').set('0000ff');
                clayConfig.getItemById('custom_color_mg_bars').set('555555');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_fg').set('ffffff');
        }
    }

    // TODO show/hide LED color selector (only on emery)
    function toggleCustomColors() {
        if (this.get()) {
            clayConfig.getItemById('color_preset_selector').hide();
            clayConfig.getItemById('custom_color_led').show();
            clayConfig.getItemById('custom_color_bg').show();
            clayConfig.getItemById('custom_color_mg_bars').show();
            clayConfig.getItemById('custom_color_mg_time').show();
            clayConfig.getItemById('custom_color_fg').show();
            clayConfig.getItemById('custom_color_low_fuel').show();
        } else {
            setColorsToPreset();
            clayConfig.getItemById('color_preset_selector').show();
            clayConfig.getItemById('custom_color_led').hide();
            clayConfig.getItemById('custom_color_bg').hide();
            clayConfig.getItemById('custom_color_mg_bars').hide();
            clayConfig.getItemById('custom_color_mg_time').hide();
            clayConfig.getItemById('custom_color_fg').hide();
            clayConfig.getItemById('custom_color_low_fuel').hide();
        }
    }

    clayConfig.on(clayConfig.EVENTS.AFTER_BUILD, function () {
        var customColorsToggle = clayConfig.getItemById('custom_colors_toggle');
        toggleCustomColors.call(customColorsToggle);
        customColorsToggle.on('change', toggleCustomColors);

        clayConfig.getItemById('color_preset_selector').on('change', setColorsToPreset);
    });
};