collect and show mqtt state for nodes

This commit is contained in:
liamcottle
2024-03-31 18:05:31 +13:00
parent 511b894c78
commit cfb6bf1f4d
4 changed files with 46 additions and 0 deletions

View File

@ -2175,9 +2175,19 @@
function getTooltipContentForNode(node) {
// human friendly connection state
var mqttStatus = "???";
var mqttStatusLastUpdated = node.mqtt_connection_state_updated_at ? `(${moment(new Date(node.mqtt_connection_state_updated_at)).fromNow()})` : "";
if(node.mqtt_connection_state === "online"){
mqttStatus = `<span class="text-green-700">Online</span> ${mqttStatusLastUpdated}`;
} else if(node.mqtt_connection_state === "offline"){
mqttStatus = `<span class="text-red-700">Offline</span> ${mqttStatusLastUpdated}`;
}
var tooltip = `<img class="mb-4 w-40 mx-auto" src="/images/devices/${node.hardware_model_name}.png" onerror="this.classList.add('hidden')"/>` +
`<b>${node.long_name}</b>` +
`<br/>Short Name: ${node.short_name}` +
`<br/>MQTT Status: ${mqttStatus}` +
`<br/><br/>Role: ${node.role_name}` +
`<br/>Hardware: ${node.hardware_model_name}`;