Civic-Segments/src/pkjs/customClay.js

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

    function toggleCustomBacklight() {
        if (this.get()) {
            clayConfig.getItemById('custom_color_led').enable();
        } else {
            clayConfig.getItemById('custom_color_led').disable();
        }
    }

    function setColorsToPreset() {
        var selectedPreset = clayConfig.getItemById('color_preset_selector').get();
        switch (selectedPreset) {
            case 'civic_si':
                clayConfig.getItemById('custom_led_toggle').set(true);
                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_fill_bars').set('ffffff');
                clayConfig.getItemById('custom_color_cool_bars').set('0000aa');
                clayConfig.getItemById('custom_color_hot_bars').set('ff0000');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_letters').set('ffffff');
                clayConfig.getItemById('custom_color_hours').set('ff0000');
                clayConfig.getItemById('custom_color_minutes').set('ff0000');
                clayConfig.getItemById('custom_color_warning').set('ffaa00');
                break
            case 'emery_blue_dark':
                clayConfig.getItemById('custom_led_toggle').set(true);
                clayConfig.getItemById('custom_color_led').set('00ffff');

                clayConfig.getItemById('custom_color_bg').set('000000');
                clayConfig.getItemById('custom_color_mg_bars').set('555555');
                clayConfig.getItemById('custom_color_fill_bars').set('aaffff');
                clayConfig.getItemById('custom_color_cool_bars').set('0000aa');
                clayConfig.getItemById('custom_color_hot_bars').set('ff0000');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_letters').set('0055ff');
                clayConfig.getItemById('custom_color_hours').set('aaffff');
                clayConfig.getItemById('custom_color_minutes').set('0055ff');
                clayConfig.getItemById('custom_color_warning').set('ffaa00');
                break
            case 'emery_blue_light':
                clayConfig.getItemById('custom_led_toggle').set(false);

                clayConfig.getItemById('custom_color_bg').set('0055ff');
                clayConfig.getItemById('custom_color_mg_bars').set('555555');
                clayConfig.getItemById('custom_color_fill_bars').set('ffffff');
                clayConfig.getItemById('custom_color_cool_bars').set('0000aa');
                clayConfig.getItemById('custom_color_hot_bars').set('ff0000');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_letters').set('ffffff');
                clayConfig.getItemById('custom_color_hours').set('ffffff');
                clayConfig.getItemById('custom_color_minutes').set('ffffff');
                clayConfig.getItemById('custom_color_warning').set('ff0000');
                break
            default:
                clayConfig.getItemById('custom_led_toggle').set(false); // use system LED color

                clayConfig.getItemById('custom_color_bg').set('0000ff');
                clayConfig.getItemById('custom_color_mg_bars').set('555555');
                clayConfig.getItemById('custom_color_fill_bars').set('ffffff');
                clayConfig.getItemById('custom_color_cool_bars').set('0000aa');
                clayConfig.getItemById('custom_color_hot_bars').set('ff0000');
                clayConfig.getItemById('custom_color_mg_time').set('555555');
                clayConfig.getItemById('custom_color_letters').set('ffffff');
                clayConfig.getItemById('custom_color_hours').set('ffffff');
                clayConfig.getItemById('custom_color_minutes').set('ffffff');
                clayConfig.getItemById('custom_color_warning').set('ffaa00');
        }
    }

    function toggleCustomColors() {
        if (this.get()) {
            clayConfig.getItemById('color_preset_selector').hide();
            clayConfig.getItemById('custom_led_toggle').show();
            clayConfig.getItemById('custom_color_led').show();
            clayConfig.getItemById('custom_color_bg').show();
            clayConfig.getItemById('custom_color_mg_bars').show();
            clayConfig.getItemById('custom_color_fill_bars').show();
            clayConfig.getItemById('custom_color_cool_bars').show();
            clayConfig.getItemById('custom_color_hot_bars').show();
            clayConfig.getItemById('custom_color_mg_time').show();
            clayConfig.getItemById('custom_color_letters').show();
            clayConfig.getItemById('custom_color_hours').show();
            clayConfig.getItemById('custom_color_minutes').show();
            clayConfig.getItemById('custom_color_warning').show();
        } else {
            setColorsToPreset();
            clayConfig.getItemById('color_preset_selector').show();
            clayConfig.getItemById('custom_led_toggle').hide();
            clayConfig.getItemById('custom_color_led').hide();
            clayConfig.getItemById('custom_color_bg').hide();
            clayConfig.getItemById('custom_color_mg_bars').hide();
            clayConfig.getItemById('custom_color_fill_bars').hide();
            clayConfig.getItemById('custom_color_cool_bars').hide();
            clayConfig.getItemById('custom_color_hot_bars').hide();
            clayConfig.getItemById('custom_color_mg_time').hide();
            clayConfig.getItemById('custom_color_letters').hide();
            clayConfig.getItemById('custom_color_hours').hide();
            clayConfig.getItemById('custom_color_minutes').hide();
            clayConfig.getItemById('custom_color_warning').hide();
        }
    }

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

        var customBacklightToggle = clayConfig.getItemById('custom_led_toggle');
        toggleCustomBacklight.call(customBacklightToggle);
        customBacklightToggle.on('change', toggleCustomBacklight);

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