Highlight changed values in web looking glass pages (/coils, /registers)
This commit is contained in:
parent
6198d2b522
commit
71e949f760
|
@ -15,3 +15,6 @@ thead {
|
|||
td {
|
||||
padding: 2pt;
|
||||
}
|
||||
.highlightrow {
|
||||
background-color: orangered;
|
||||
}
|
|
@ -41,7 +41,14 @@ function coils(data) {
|
|||
} else {
|
||||
for (n=0; n<data.length; n++) {
|
||||
coilval = document.getElementById("coilval_" + n);
|
||||
oldval = coilval.innerHTML
|
||||
coilval.innerHTML = Number(data[n]["value"])
|
||||
if (oldval != coilval.innerHTML) {
|
||||
coilval.className = "highlightrow"
|
||||
// setTimeout(() => {coilval.className = ""}, 1000)
|
||||
} else {
|
||||
coilval.className = ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -78,11 +85,18 @@ function registers(data) {
|
|||
} else {
|
||||
for (n=0; n<data.length; n++) {
|
||||
regval = document.getElementById("regval_" + n);
|
||||
oldval = regval.innerHTML
|
||||
if (data[n].type == "bitfield") {
|
||||
regval.innerHTML = data[n]["bitfield"]
|
||||
} else {
|
||||
regval.innerHTML = data[n]["value"]
|
||||
}
|
||||
if (oldval != regval.innerHTML) {
|
||||
regval.className = "highlightrow"
|
||||
// setTimeout(() => {regval.className = ""}, 1000)
|
||||
} else {
|
||||
regval.className = ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -128,7 +142,7 @@ function getData() {
|
|||
|
||||
// Using setTimeout instead of setInterval to avoid possible connection issues
|
||||
// There's no need to update exactly every 5 seconds, the skew is fine
|
||||
setTimeout(getData, 5*1000);
|
||||
setTimeout(getData, 2*1000);
|
||||
}
|
||||
|
||||
// Show or hide rows for "reserved" values when clicking the checkbox
|
||||
|
|
Loading…
Reference in New Issue