diff --git a/tabs/led_strip.js b/tabs/led_strip.js
index 91962963..27f19a09 100644
--- a/tabs/led_strip.js
+++ b/tabs/led_strip.js
@@ -1,13 +1,25 @@
'use strict';
TABS.led_strip = {
- wireMode: false,
- functions: ['w', 'f', 'i', 'a', 't', 'r', 'c', 'g', 's', 'b'],
- directions: ['n', 'e', 's', 'w', 'u', 'd'],
-};
+ wireMode: false,
+ directions: ['n', 'e', 's', 'w', 'u', 'd'],
+ };
+
TABS.led_strip.initialize = function (callback, scrollPosition) {
var self = this;
+ var selectedColorIndex = null;
+ var selectedModeColor = null;
+
+ if (semver.lt(CONFIG.apiVersion, "1.17.0")) {
+ TABS.led_strip.functions = ['i', 'w', 'f', 'a', 't', 'r', 'c', 'g', 's', 'b'];
+ TABS.led_strip.baseFuncs = ['c', 'f', 'a', 'b', 'g', 'r'];
+ TABS.led_strip.overlays = ['t', 's', 'i', 'w'];
+ } else {
+ TABS.led_strip.functions = ['i', 'w', 'f', 'a', 't', 'r', 'c', 'g', 's', 'b', 'l', 'o', 'n'];
+ TABS.led_strip.baseFuncs = ['c', 'f', 'a', 'l', 's', 'g', 'r'];
+ TABS.led_strip.overlays = ['t', 'o', 'b', 'n', 'i', 'w'];
+ }
TABS.led_strip.wireMode = false;
@@ -16,9 +28,24 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
function load_led_config() {
- MSP.send_message(MSP_codes.MSP_LED_STRIP_CONFIG, false, false, load_html);
+ MSP.send_message(MSP_codes.MSP_LED_STRIP_CONFIG, false, false, load_led_colors);
}
+ function load_led_colors() {
+ MSP.send_message(MSP_codes.MSP_LED_COLORS, false, false, load_led_mode_colors);
+ }
+
+ function load_led_mode_colors() {
+ if (semver.gte(CONFIG.apiVersion, "1.17.0"))
+ MSP.send_message(MSP_codes.MSP_LED_STRIP_MODECOLOR, false, false, load_html);
+ else
+ load_html();
+ }
+
+
+
+
+
function load_html() {
$('#content').load("./tabs/led_strip.html", process_html);
}
@@ -46,7 +73,10 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
var theHTML = [];
var theHTMLlength = 0;
for (var i = 0; i < 256; i++) {
- theHTML[theHTMLlength++] = ('
');
+ if (semver.lt(CONFIG.apiVersion, "1.17.0"))
+ theHTML[theHTMLlength++] = ('
');
+ else
+ theHTML[theHTMLlength++] = ('
');
}
$('.mainGrid').html(theHTML.join(''));
@@ -81,8 +111,11 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
function removeFunctionsAndDirections(element) {
var classesToRemove = [];
-
- TABS.led_strip.functions.forEach(function(letter) {
+
+ TABS.led_strip.baseFuncs.forEach(function(letter) {
+ classesToRemove.push('function-' + letter);
+ });
+ TABS.led_strip.overlays.forEach(function(letter) {
classesToRemove.push('function-' + letter);
});
TABS.led_strip.directions.forEach(function(letter) {
@@ -108,51 +141,128 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
});
+ clearModeColorSelection();
updateBulkCmd();
}
});
-
-
- // Mode Buttons
- $('.functions').on('click', 'button', function() {
+
+ // Mode Color Buttons
+ $('.mode_colors').on('click', 'button', function() {
var that = this;
- if ($('.ui-selected').length > 0) {
- TABS.led_strip.functions.forEach(function(letter) {
- if ($(that).is('.function-' + letter)) {
+ LED_MODE_COLORS.forEach(function(mc) {
+ if ($(that).is('.mode_color-' + mc.mode + '-' + mc.direction)) {
+ if ($(that).is('.btnOn')) {
+ $(that).removeClass('btnOn');
+ $('.ui-selected').removeClass('mode_color-' + mc.mode + '-' + mc.direction);
+ selectedModeColor = null;
+ } else {
+ $(that).addClass('btnOn');
+ selectedModeColor = { mode: mc.mode, direction: mc.direction };
- if ($(that).is('.btnOn')) {
- $(that).removeClass('btnOn');
- $('.ui-selected').removeClass('function-' + letter);
- } else {
- $(that).addClass('btnOn');
- $('.ui-selected').addClass('function-' + letter);
+ // select the color button
+ for (var colorIndex = 0; colorIndex < 16; colorIndex++) {
+ var className = '.color-' + colorIndex;
+ if (colorIndex == getModeColor(mc.mode, mc.direction)) {
+ $(className).addClass('btnOn');
+ selectedColorIndex = colorIndex;
+ setColorSliders(colorIndex);
+
+ } else {
+ $(className).removeClass('btnOn');
+ }
}
}
- });
+ }
+ });
- updateBulkCmd();
- }
+ $('.mode_colors').each(function() {
+ $(this).children().each(function() {
+ if (! $(this).is($(that))) {
+ if ($(this).is('.btnOn')) {
+ $(this).removeClass('btnOn');
+ }
+ }
+ });
+ });
+
+ updateBulkCmd();
+
});
+
+
+ // Color sliders
+ var ip = $('div.colorDefineSliders input');
+ ip.eq(0).on("input change", function() { updateColors($(this).val(), 0); });
+ ip.eq(1).on("input change", function() { updateColors($(this).val(), 1); });
+ ip.eq(2).on("input change", function() { updateColors($(this).val(), 2); });
+ for (var i = 0; i < 3; i++) {
+ updateColors(ip.eq(i).val(), i);
+ }
+
// Color Buttons
- $('.colors').on('click', 'button', function() {
+ $('.colors').on('click', 'button', function(e) {
var that = this;
var colorButtons = $(this).parent().find('button');
for (var colorIndex = 0; colorIndex < 16; colorIndex++) {
colorButtons.removeClass('btnOn');
- $('.ui-selected').removeClass('color-' + colorIndex);
+ if (selectedModeColor == undefined)
+ $('.ui-selected').removeClass('color-' + colorIndex);
if ($(that).is('.color-' + colorIndex)) {
- $('.ui-selected').addClass('color-' + colorIndex);
+ selectedColorIndex = colorIndex;
+ if (selectedModeColor == undefined)
+ $('.ui-selected').addClass('color-' + colorIndex);
}
}
+
+ setColorSliders(selectedColorIndex);
+
$(this).addClass('btnOn');
+ if (selectedModeColor) {
+ setModeColor(selectedModeColor.mode, selectedModeColor.direction, selectedColorIndex);
+ }
+
+ drawColorBoxesInColorLedPoints();
+
+ // refresh color buttons
+ $('.colors').children().each(function() { setBackgroundColor($(this)); });
+ $('.overlay-color').each(function() { setBackgroundColor($(this)); });
+
+ $('.mode_colors').each(function() { setModeBackgroundColor($(this)); });
+ $('.special_colors').each(function() { setModeBackgroundColor($(this)); });
+
updateBulkCmd();
});
+
+ $('.colors').on('dblclick', 'button', function(e) {
+ var pp = $('.tab-led-strip').position();
+ var moveLeft = $('.tab-led-strip').position().left + ($('.colorDefineSliders').width() / 2);
+ var moveUp = $('.tab-led-strip').position().top + $('.colorDefineSliders').height() + 20;
+
+ $('.colorDefineSliders').css('left', e.pageX - e.offsetX - moveLeft);
+ $('.colorDefineSliders').css('top', e.pageY - e.offsetY - moveUp);
+ $('.colorDefineSliders').show();
+
+ });
+
+ $('.colorDefineSliders').on({
+ mouseleave: function () {
+ $('.colorDefineSliders').hide();
+ }
+ });
+
+ $('.colors').children().on({
+ mouseleave: function () {
+ if (!$('.colorDefineSliders').is(":hover"))
+ $('.colorDefineSliders').hide();
+ }
+ });
+
$('.funcWire').click(function() {
$(this).toggleClass('btnOn');
TABS.led_strip.wireMode = $(this).hasClass('btnOn');
@@ -180,8 +290,10 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
var functionsInSelection = [];
var directionsInSelection = [];
- $('.ui-selected').each(function() {
+ clearModeColorSelection();
+ var that;
+ $('.ui-selected').each(function() {
var usedWireNumbers = buildUsedWireNumbers();
@@ -198,38 +310,85 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
}
- var that = this;
+ if ($(this).find('.wire').text() != '') {
- TABS.led_strip.directions.forEach(function(letter) {
- var className = '.dir-' + letter;
- if ($(that).is(className)) {
- directionsInSelection.push(className);
- }
- });
+ that = this;
+
+ // Get function & overlays or current cell
+ TABS.led_strip.directions.forEach(function(letter) {
+ var className = '.dir-' + letter;
+ if ($(that).is(className)) {
+ directionsInSelection.push(className);
+ }
+ });
+
+ TABS.led_strip.baseFuncs.forEach(function(letter) {
+ var className = '.function-' + letter;
+ if ($(that).is(className)) {
+ functionsInSelection.push(className);
+ }
+ });
+
+ TABS.led_strip.overlays.forEach(function(letter) {
+ var className = '.function-' + letter;
+ if ($(that).is(className)) {
+ functionsInSelection.push(className);
+ }
+ });
+ }
+ });
- TABS.led_strip.functions.forEach(function(letter) {
- var className = '.function-' + letter;
- if ($(that).is(className)) {
- functionsInSelection.push(className);
- }
- });
+ var uiSelectedLast = that;
+ $('select.functionSelect').val("");
+ TABS.led_strip.baseFuncs.forEach(function(letter) {
+ var className = 'function-' + letter;
+ if ($('select.functionSelect').is("." + className)) {
+ $('select.functionSelect').removeClass(className);
+ }
+ });
+
+ selectedColorIndex = 0;
+
+ if (uiSelectedLast) {
+
+ // set active color
for (var colorIndex = 0; colorIndex < 16; colorIndex++) {
var className = '.color-' + colorIndex;
- if ($(this).is(className)) {
+ if ($(uiSelectedLast).is(className)) {
$(className).addClass('btnOn');
+ selectedColorIndex = colorIndex;
+
} else {
$(className).removeClass('btnOn');
}
}
-
- updateBulkCmd();
- });
+
+ // set checkbox values
+ TABS.led_strip.overlays.forEach(function(letter) {
+ var feature_o = $('.checkbox').find('input.function-' + letter);
+
+ var newVal = ($(uiSelectedLast).is('.function-' + letter));
+
+ if (feature_o.is(':checked') != newVal) {
+ feature_o.prop('checked', newVal);
+ feature_o.change();
+ }
+ });
+
+ // Update active function in combobox
+ TABS.led_strip.baseFuncs.forEach(function(letter) {
+ if ($(uiSelectedLast).is('.function-' + letter)) {
+ $('select.functionSelect').val("function-" + letter);
+ $('select.functionSelect').addClass("function-" + letter);
+ }
+ });
+ }
+ updateBulkCmd();
- $('.functions button').removeClass('btnOn');
- functionsInSelection.forEach(function(function_e) {
- $(function_e).addClass('btnOn');
- });
+ setColorSliders(selectedColorIndex);
+
+ setOptionalGroupsVisibility();
$('.directions button').removeClass('btnOn');
directionsInSelection.forEach(function(direction_e) {
@@ -238,6 +397,84 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
});
+ // UI: select LED function from drop-down
+ $('.functionSelect').on('change', function() {
+ clearModeColorSelection();
+ applyFunctionToSelectedLeds();
+ drawColorBoxesInColorLedPoints();
+ setOptionalGroupsVisibility();
+ updateBulkCmd();
+ });
+
+ // UI: select mode from drop-down
+ $('.modeSelect').on('change', function() {
+
+ var that = this;
+
+ var mode = Number($(that).val());
+ $('.mode_colors').find('button').each(function() {
+ for (var i = 0; i < 6; i++)
+ for (var j = 0; j < 6; j++)
+ if ($(this).hasClass('mode_color-' + i + '-' + j)) {
+ $(this).removeClass('mode_color-' + i + '-' + j);
+ $(this).addClass('mode_color-' + mode + '-' + j);
+ }
+
+ });
+
+ $('.mode_colors').each(function() { setModeBackgroundColor($(this)); });
+ });
+
+ function toggleSwitch(that, letter)
+ {
+ if ($(that).is(':checked')) {
+ $('.ui-selected').find('.wire').each(function() {
+ if ($(this).text() != "")
+ $(this).parent().addClass('function-' + letter);
+ });
+ } else {
+ $('.ui-selected').removeClass('function-' + letter);
+ }
+ return $(that).is(':checked');
+ }
+
+ // UI: checkbox toggle
+ $('.checkbox').change(function(e) {
+ if (e.originalEvent) {
+ // user-triggered event
+ var that = $(this).find('input');
+ if ($('.ui-selected').length > 0) {
+
+ TABS.led_strip.overlays.forEach(function(letter) {
+ if ($(that).is('.function-' + letter)) {
+ var ret = toggleSwitch(that, letter);
+ var cbn = $('.checkbox .function-n');
+ var cbb = $('.checkbox .function-b');
+
+ if (ret && letter == 'b' && cbn.is(':checked')) {
+ cbn.prop('checked', false);
+ cbn.change();
+ toggleSwitch(cbn, 'n');
+ } else if (ret && letter == 'n' && cbb.is(':checked')) {
+ cbb.prop('checked', false);
+ cbb.change();
+ toggleSwitch(cbb, 'b');
+ }
+ }
+ });
+
+
+ clearModeColorSelection();
+ updateBulkCmd();
+ setOptionalGroupsVisibility();
+ }
+ } else {
+ // code-triggered event
+ }
+ });
+
+
+
$('.mainGrid').disableSelection();
$('.gPoint').each(function(){
@@ -273,12 +510,22 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
$(this).addClass('color-' + led.color);
});
- updateBulkCmd();
$('a.save').click(function () {
- MSP.sendLedStripConfig(save_to_eeprom);
-
+ MSP.sendLedStripConfig(send_led_strip_colors);
+
+ function send_led_strip_colors() {
+ MSP.sendLedStripColors(send_led_strip_mode_colors);
+ }
+
+ function send_led_strip_mode_colors() {
+ if (semver.gte(CONFIG.apiVersion, "1.17.0"))
+ MSP.sendLedStripModeColors(save_to_eeprom);
+ else
+ save_to_eeprom();
+ }
+
function save_to_eeprom() {
MSP.send_message(MSP_codes.MSP_EEPROM_WRITE, false, false, function() {
GUI.log(chrome.i18n.getMessage('ledStripEepromSaved'));
@@ -286,14 +533,24 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
});
+
+ $('.colorDefineSliders').hide();
- if (CONFIG.apiVersion < '1.18.0') {
- $(".extra_functions").hide();
- }
+ applyFunctionToSelectedLeds();
+ drawColorBoxesInColorLedPoints();
+ setOptionalGroupsVisibility();
+
+ updateBulkCmd();
GUI.content_ready(callback);
}
+
+
+
+
+
+
function findLed(x, y) {
for (var ledIndex = 0; ledIndex < LED_STRIP.length; ledIndex++) {
var led = LED_STRIP[ledIndex];
@@ -303,12 +560,15 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
}
return undefined;
}
+
function updateBulkCmd() {
var counter = 0;
var lines = [];
var ledStripLength = LED_STRIP.length;
+ var ledColorsLength = LED_COLORS.length;
+ var ledModeColorsLenggth = LED_MODE_COLORS.length;
LED_STRIP = [];
@@ -329,8 +589,13 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
if (match) {
colorIndex = match[2];
}
-
- TABS.led_strip.functions.forEach(function(letter){
+
+ TABS.led_strip.baseFuncs.forEach(function(letter){
+ if ($(that).is('.function-' + letter)) {
+ functions += letter;
+ }
+ });
+ TABS.led_strip.overlays.forEach(function(letter){
if ($(that).is('.function-' + letter)) {
functions += letter;
}
@@ -378,6 +643,414 @@ TABS.led_strip.initialize = function (callback, scrollPosition) {
$('.wires-remaining div').html(remaining);
}
+ // refresh mode color buttons
+ function setModeBackgroundColor(element) {
+ if (semver.gte(CONFIG.apiVersion, "1.17.0")) {
+ element.find('[class*="mode_color"]').each(function() {
+ var m = 0;
+ var d = 0;
+
+ var match = $(this).attr("class").match(/(^|\s)mode_color-([0-9]+)-([0-9]+)(\s|$)/);
+ if (match) {
+ m = Number(match[2]);
+ d = Number(match[3]);
+ $(this).css('background-color', HsvToColor(LED_COLORS[getModeColor(m, d)]));
+ }
+ });
+ }
+ }
+
+ function setBackgroundColor(element) {
+ if (element.is('[class*="color"]')) {
+ var colorIndex = 0;
+
+ var match = element.attr("class").match(/(^|\s)color-([0-9]+)(\s|$)/);
+ if (match) {
+ colorIndex = match[2];
+ element.css('background-color', HsvToColor(LED_COLORS[colorIndex]));
+ }
+ }
+ }
+
+ function setOptionalGroupsVisibility() {
+
+ var activeFunction = $('select.functionSelect').val();
+ $('select.functionSelect').addClass(activeFunction);
+
+
+ if (semver.lte(CONFIG.apiVersion, "1.16.0")) {
+ // <= 16
+ // Hide GPS (Func)
+ // Hide RSSI (O/L), Blink (Func)
+ // Hide Battery, RSSI (Func), Larson (O/L), Blink (O/L), Landing (O/L)
+ $(".extra_functions17").hide();
+ $(".mode_colors").hide();
+ } else {
+ // >= 17
+ // Show GPS (Func)
+ // Hide RSSI (O/L), Blink (Func)
+ // Show Battery, RSSI (Func), Larson (O/L), Blink (O/L), Landing (O/L)
+ $(".extra_functions17").show();
+ $(".mode_colors").show();
+ }
+
+
+
+ // set color modifiers (checkboxes) visibility
+ $('.overlays').hide();
+ $('.modifiers').hide();
+ $('.blinkers').hide();
+
+ if (semver.lt(CONFIG.apiVersion, "1.17.0")) {
+ switch (activeFunction) {
+ case "function-c":
+ case "function-a":
+ case "function-f":
+ $('.modifiers').show();
+ $('.overlays').show();
+ break;
+ case "function-g":
+ $('.overlays').show();
+ break;
+ default:
+ break;
+ }
+ } else {
+ switch (activeFunction) {
+ case "":
+ $('.overlays').show();
+ break;
+ case "function-c":
+ case "function-a":
+ case "function-f":
+ $('.modifiers').show();
+ $('.overlays').show();
+ $('.blinkers').show();
+ break;
+ case "function-s":
+ case "function-l":
+ case "function-r":
+ case "function-o":
+ case "function-g":
+ $('.overlays').show();
+ break;
+ break;
+ default:
+ break;
+ }
+ }
+
+
+
+ // set overlays (checkboxes) visibility
+ switch (activeFunction) {
+ case "function-l":
+ case "function-s":
+ case "function-g":
+ $('.warningOverlay').hide();
+ break;
+ case "function-r":
+ case "function-b":
+ if (semver.lt(CONFIG.apiVersion, "1.17.0"))
+ $('.warningOverlay').hide();
+ break;
+ default:
+ $('.warningOverlay').show();
+ break;
+ }
+
+ // set color palette visibility
+ /*
+ switch (activeFunction) {
+ case "":
+ case "function-c":
+ case "function-b":
+ case "function-r":
+ case "function-a":
+ case "function-f":
+ case "function-g":
+ case "function-l":
+ $('.colors').show();
+ $('.colorDefineSliders').show();
+ break;
+
+ default:
+ $('.colors').hide();
+ $('.colorDefineSliders').hide();
+ break;
+ }
+ */
+
+ // set overlays (checkboxes) visibility
+ // set directions visibility
+ if (semver.lt(CONFIG.apiVersion, "1.17.0")) {
+ switch (activeFunction) {
+ case "function-r":
+ $('.indicatorOverlay').hide();
+ $('.directions').hide();
+ break;
+ default:
+ $('.indicatorOverlay').show();
+ $('.directions').show();
+ break;
+ }
+ }
+ $('.mode_colors').hide();
+ if (semver.gte(CONFIG.apiVersion, "1.17.0")) {
+ // set mode colors visibility
+ if (activeFunction == "function-f")
+ $('.mode_colors').show();
+
+ // set special colors visibility
+ $('.special_colors').show();
+ $('.mode_color-6-0').hide();
+ $('.mode_color-6-1').hide();
+ $('.mode_color-6-2').hide();
+ $('.mode_color-6-3').hide();
+ $('.mode_color-6-4').hide();
+ $('.mode_color-6-5').hide();
+ $('.mode_color-6-6').hide();
+ $('.mode_color-6-7').hide();
+
+ switch (activeFunction) {
+ case "": // none
+ case "function-f": // Modes & Orientation
+ case "function-l": // Battery
+ // $('.mode_color-6-3').show(); // background
+ $('.special_colors').hide();
+ break;
+ case "function-g": // GPS
+ $('.mode_color-6-5').show(); // no sats
+ $('.mode_color-6-6').show(); // no lock
+ $('.mode_color-6-7').show(); // locked
+ // $('.mode_color-6-3').show(); // background
+ break;
+ case "function-b": // Blink
+ $('.mode_color-6-4').show(); // blink background
+ break;
+ case "function-a": // Arm state
+ $('.mode_color-6-0').show(); // disarmed
+ $('.mode_color-6-1').show(); // armed
+ break;
+
+ case "function-r": // Ring
+ default:
+ $('.special_colors').hide();
+ break;
+ }
+ }
+ }
+
+ function applyFunctionToSelectedLeds() {
+ var activeFunction = $('select.functionSelect').val();
+ TABS.led_strip.baseFuncs.forEach(function(letter) {
+
+ if (activeFunction == 'function-' + letter) {
+ $('select.functionSelect').addClass('function-' + letter);
+
+ $('.ui-selected').find('.wire').each(function() {
+ if ($(this).text() != "")
+ $(this).parent().addClass('function-' + letter);
+ });
+
+ unselectOverlays(letter);
+
+ } else {
+ $('select.functionSelect').removeClass('function-' + letter);
+ $('.ui-selected').removeClass('function-' + letter);
+ }
+
+ if (activeFunction == '') {
+ unselectOverlays(activeFunction);
+ }
+
+ });
+ }
+
+ function unselectOverlays(letter) {
+ if (semver.lt(CONFIG.apiVersion, "1.17.0")) {
+ if (letter == 'b' || letter == 'r') {
+ unselectOverlay(letter, 'i');
+ }
+ if (letter == 'b' || letter == 'r' || letter == 'l' || letter == 'g') {
+ unselectOverlay(letter, 'w');
+ unselectOverlay(letter, 't');
+ unselectOverlay(letter, 's');
+ }
+ } else {
+ // MSP 1.17
+ if (letter == 'r' || letter == '') {
+ unselectOverlay(letter, 'o');
+ unselectOverlay(letter, 'b');
+ unselectOverlay(letter, 'n');
+ unselectOverlay(letter, 't');
+ }
+ if (letter == 'l' || letter == 'g' || letter == 's') {
+ unselectOverlay(letter, 'w');
+ unselectOverlay(letter, 't');
+ unselectOverlay(letter, 'o');
+ unselectOverlay(letter, 'b');
+ unselectOverlay(letter, 'n');
+ }
+ }
+ }
+
+ function unselectOverlay(func, overlay) {
+ if ($('input.function-' + overlay).is(':checked')) {
+ $('input.function-' + overlay).prop('checked', false);
+ $('input.function-' + overlay).change();
+ $('.ui-selected').each(function() {
+ if (func == '' || $(this).is('.function-' + func)) {
+ $(this).removeClass('function-' + overlay);
+ }
+ });
+ }
+ }
+
+ function updateColors(value, hsvIndex) {
+ var change = false;
+
+ value = Number(value);
+
+ var className = '.color-' + selectedColorIndex;
+ if ($(className).hasClass('btnOn')) {
+ switch (hsvIndex) {
+ case 0:
+ if (LED_COLORS[selectedColorIndex].h != value) {
+ LED_COLORS[selectedColorIndex].h = value;
+ $('.colorDefineSliderValue.Hvalue').text(LED_COLORS[selectedColorIndex].h);
+ change = true
+ }
+ break;
+ case 1:
+ if (LED_COLORS[selectedColorIndex].s != value) {
+ LED_COLORS[selectedColorIndex].s = value;
+ $('.colorDefineSliderValue.Svalue').text(LED_COLORS[selectedColorIndex].s);
+ change = true
+ }
+ break;
+ case 2:
+ if (LED_COLORS[selectedColorIndex].v != value) {
+ LED_COLORS[selectedColorIndex].v = value;
+ $('.colorDefineSliderValue.Vvalue').text(LED_COLORS[selectedColorIndex].v);
+ change = true
+ }
+ break;
+ }
+ }
+
+
+ // refresh color buttons
+ $('.colors').children().each(function() { setBackgroundColor($(this)); });
+ $('.overlay-color').each(function() { setBackgroundColor($(this)); });
+
+ $('.mode_colors').each(function() { setModeBackgroundColor($(this)); });
+ $('.special_colors').each(function() { setModeBackgroundColor($(this)); });
+
+ if (change)
+ updateBulkCmd();
+ }
+
+ function drawColorBoxesInColorLedPoints() {
+ $('.gPoint').each(function() {
+ if ($(this).is('.function-c') || $(this).is('.function-r') || $(this).is('.function-b')) {
+ $(this).find('.overlay-color').show();
+
+ for (var colorIndex = 0; colorIndex < 16; colorIndex++) {
+ var className = 'color-' + colorIndex;
+ if ($(this).is('.' + className)) {
+ $(this).find('.overlay-color').addClass(className);
+ $(this).find('.overlay-color').css('background-color', HsvToColor(LED_COLORS[colorIndex]))
+ } else {
+ if ($(this).find('.overlay-color').is('.' + className))
+ $(this).find('.overlay-color').removeClass(className);
+ }
+ }
+ } else {
+ $(this).find('.overlay-color').hide();
+ }
+ });
+ }
+
+ function setColorSliders(colorIndex) {
+
+ var sliders = $('div.colorDefineSliders input');
+ var change = false;
+
+ if (!LED_COLORS[colorIndex])
+ return;
+
+ if (LED_COLORS[colorIndex].h != Number(sliders.eq(0).val())) {
+ sliders.eq(0).val(LED_COLORS[colorIndex].h);
+ $('.colorDefineSliderValue.Hvalue').text(LED_COLORS[colorIndex].h);
+ change = true;
+ }
+
+ if (LED_COLORS[colorIndex].s != Number(sliders.eq(1).val())) {
+ sliders.eq(1).val(LED_COLORS[colorIndex].s);
+ $('.colorDefineSliderValue.Svalue').text(LED_COLORS[colorIndex].s);
+ change = true;
+ }
+
+ if (LED_COLORS[colorIndex].v != Number(sliders.eq(2).val())) {
+ sliders.eq(2).val(LED_COLORS[colorIndex].v);
+ $('.colorDefineSliderValue.Vvalue').text(LED_COLORS[colorIndex].v);
+ change = true;
+ }
+
+ // only fire events when all values are set
+ if (change)
+ sliders.trigger('input');
+
+ }
+
+ function HsvToColor(input) {
+ var HSV = { h:Number(input.h), s:Number(input.s), v:Number(input.v) };
+
+ if (HSV.s == 0 && HSV.v == 0)
+ return "";
+
+ HSV = { h:HSV.h, s:1 - HSV.s / 255, v:HSV.v / 255 };
+
+ var HSL = { h:0, s:0, v:0};
+ HSL.h = HSV.h;
+ HSL.l = (2 - HSV.s) * HSV.v / 2;
+ HSL.s = HSL.l && HSL.l < 1 ? HSV.s * HSV.v / (HSL.l < 0.5 ? HSL.l * 2 : 2 - HSL.l * 2) : HSL.s;
+
+ var ret = 'hsl(' + HSL.h + ', ' + HSL.s * 100 + '%, ' + HSL.l * 100 + '%)';
+ return ret;
+ }
+
+ function getModeColor(mode, dir) {
+ for (var i = 0; i < LED_MODE_COLORS.length; i++) {
+ var mc = LED_MODE_COLORS[i];
+ if (mc.mode == mode && mc.direction == dir)
+ return mc.color;
+ }
+ return "";
+ }
+
+ function setModeColor(mode, dir, color) {
+ for (var i = 0; i < LED_MODE_COLORS.length; i++) {
+ var mc = LED_MODE_COLORS[i];
+ if (mc.mode == mode && mc.direction == dir) {
+ mc.color = color;
+ return 1;
+ }
+ }
+ return 0;
+ }
+
+ function clearModeColorSelection() {
+ selectedModeColor = null;
+ $('.mode_colors').each(function() {
+ $(this).children().each(function() {
+ if ($(this).is('.btnOn')) {
+ $(this).removeClass('btnOn');
+ }
+ });
+ });
+ }
};
TABS.led_strip.cleanup = function (callback) {