diff --git a/server/static/control.css b/server/static/control.css index e7edbd4..0a99263 100644 --- a/server/static/control.css +++ b/server/static/control.css @@ -72,6 +72,10 @@ instance:hover { background-color: #ff9900 !important; } +instance.stale { + background-color: rgba(255, 0, 0, 0.4) !important; +} + header { display: table-cell; text-align: center; diff --git a/server/static/control.js b/server/static/control.js index 2c48238..7ebc96f 100644 --- a/server/static/control.js +++ b/server/static/control.js @@ -185,8 +185,13 @@ ImageController.prototype.onTick_ = function() { let now = Math.floor(Date.now() / 1000); for (let [type, type_value] of this.image_types_) { for (let [instance, instance_value] of type_value.instances) { - instance_value.last_report.innerText = - this.formatSeconds_(now - instance_value.last_report_timestamp); + let stale = now - instance_value.last_report_timestamp; + instance_value.last_report.innerText = this.formatSeconds_(stale); + if (stale < 15) { + instance_value.section.classList.remove('stale'); + } else { + instance_value.section.classList.add('stale'); + } } } };