status-icon with statuscode, use entire row as link to parameters

This commit is contained in:
Daniel
2025-04-16 13:31:24 +02:00
parent 8747b0e7f8
commit 3be94ba3f6
7 changed files with 184 additions and 102 deletions

View File

@ -218,12 +218,16 @@ function updateValues(message, src) {
}
// Handles changes of parameter-values
for (var i = 0; i < message.updates.length; i++) {
let component = message.updates[i];
let value = component.value;
let matches = document.getElementsByName(component.name);
console.log(component);
// Check for status updates
if (component.name.split(":")[1] == 'status') {
updateStatus(component);
}
for (var j = 0; j < matches.length; j++) {
let elem = matches[j];
@ -263,6 +267,39 @@ function updateValues(message, src) {
}
}
function updateStatus(component) {
if (debug_communication_daniel) {
console.log("%cfunction: updateStatus", "color:white;background:darkblue");
}
let matches = document.getElementsByName(component.name);
let status_icon = matches[0];
let row = status_icon.closest(".row");
let right = row.lastChild;
right.classList.remove('col-right-disabled');
let statusCode = component.statuscode;
switch (statusCode) {
case 0:
status_icon.classList.add('status-icon-disabled');
row.classList.add('row-disabled');
right.innerHTML = 'col-right-disabled';
break;
case 1:
status_icon.classList.add('status-icon-idle');
break;
case 2:
status_icon.classList.add('status-icon-warn');
break;
case 3:
status_icon.classList.add('status-icon-busy');
break;
case 3:
status_icon.classList.add('status-icon-error');
break;
}
}
// %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
// XMLHttpRequest