Readded numerical input.
This commit is contained in:
parent
91d4f59a9f
commit
197c3c20e2
@ -196,12 +196,29 @@
|
||||
$('.region-slider-group input').on('input', function() {
|
||||
if (selectedLamps.length === 0) return;
|
||||
|
||||
var target = $(this);
|
||||
var originalVal = target.val();
|
||||
var value = parseInt(originalVal, 10);
|
||||
|
||||
// Clamp value
|
||||
if (isNaN(value) || value < 0) { value = 0; }
|
||||
if (value > 255) { value = 255; }
|
||||
|
||||
if (target.is('[type="number"]') && value.toString() !== originalVal) {
|
||||
target.val(value);
|
||||
}
|
||||
|
||||
var id = target.attr('id');
|
||||
if (target.is('[type="range"]')) {
|
||||
$(`#${id.replace('-slider', '-number')}`).val(value);
|
||||
} else if (target.is('[type="number"]')) {
|
||||
$(`#${id.replace('-number', '-slider')}`).val(value);
|
||||
}
|
||||
|
||||
var ww = parseInt($('#ww-slider').val());
|
||||
var cw = parseInt($('#cw-slider').val());
|
||||
var blue = parseInt($('#blue-slider').val());
|
||||
|
||||
updateSliders(ww, cw, blue, '');
|
||||
|
||||
var lampsToUpdate = [];
|
||||
selectedLamps.forEach(function(lamp) {
|
||||
lampMatrixState[lamp.row][lamp.col] = {ww: ww, cw: cw, blue: blue};
|
||||
@ -213,12 +230,29 @@
|
||||
|
||||
// Event listener for the center lamp sliders and number inputs
|
||||
$('.center-slider-group input').on('input', function() {
|
||||
var target = $(this);
|
||||
var originalVal = target.val();
|
||||
var value = parseInt(originalVal, 10);
|
||||
|
||||
// Clamp value
|
||||
if (isNaN(value) || value < 0) { value = 0; }
|
||||
if (value > 255) { value = 255; }
|
||||
|
||||
if (target.is('[type="number"]') && value.toString() !== originalVal) {
|
||||
target.val(value);
|
||||
}
|
||||
|
||||
var id = target.attr('id');
|
||||
if (target.is('[type="range"]')) {
|
||||
$(`#${id.replace('-slider', '-number')}`).val(value);
|
||||
} else if (target.is('[type="number"]')) {
|
||||
$(`#${id.replace('-number', '-slider')}`).val(value);
|
||||
}
|
||||
|
||||
var ww = parseInt($('#center-ww-slider').val());
|
||||
var cw = parseInt($('#center-cw-slider').val());
|
||||
var blue = parseInt($('#center-blue-slider').val());
|
||||
|
||||
updateSliders(ww, cw, blue, 'center-');
|
||||
|
||||
var centerLamp = {row: 2, col: 2};
|
||||
|
||||
lampMatrixState[centerLamp.row][centerLamp.col] = {ww: ww, cw: cw, blue: blue};
|
||||
|
||||
Loading…
Reference in New Issue
Block a user