shudder5305/pupilometer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Readded numerical input.

Browse Source
This commit is contained in:
Tempest 2025-09-22 14:37:30 +07:00
parent 91d4f59a9f
commit 197c3c20e2
1 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/controllerSoftware/templates/index.html
View File

@ -196,12 +196,29 @@
$('.region-slider-group input').on('input', function() { $('.region-slider-group input').on('input', function() {
if (selectedLamps.length === 0) return; 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 ww = parseInt($('#ww-slider').val());
var cw = parseInt($('#cw-slider').val()); var cw = parseInt($('#cw-slider').val());
var blue = parseInt($('#blue-slider').val()); var blue = parseInt($('#blue-slider').val());
updateSliders(ww, cw, blue, '');
var lampsToUpdate = []; var lampsToUpdate = [];
selectedLamps.forEach(function(lamp) { selectedLamps.forEach(function(lamp) {
lampMatrixState[lamp.row][lamp.col] = {ww: ww, cw: cw, blue: blue}; 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 // Event listener for the center lamp sliders and number inputs
$('.center-slider-group input').on('input', function() { $('.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 ww = parseInt($('#center-ww-slider').val());
var cw = parseInt($('#center-cw-slider').val()); var cw = parseInt($('#center-cw-slider').val());
var blue = parseInt($('#center-blue-slider').val()); var blue = parseInt($('#center-blue-slider').val());
updateSliders(ww, cw, blue, 'center-');
var centerLamp = {row: 2, col: 2}; var centerLamp = {row: 2, col: 2};
lampMatrixState[centerLamp.row][centerLamp.col] = {ww: ww, cw: cw, blue: blue}; lampMatrixState[centerLamp.row][centerLamp.col] = {ww: ww, cw: cw, blue: blue};