github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

ZHA (Zigbee) visualization enhancement (#20511)

This commit is contained in:
Cougar 2024-04-15 12:09:16 +03:00 committed by GitHub
parent 29816e6c5e
commit 4faba159c0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/panels/config/integrations/integration-panels/zha/zha-network-visualization-page.ts
View File

@ -238,6 +238,9 @@ export class ZHANetworkVisualizationPage extends LitElement {
label: this._buildLabel(device),
shape: this._getShape(device),
mass: this._getMass(device),
color: {
background: device.available ? "#66FF99" : "#FF9999",
},
});
if (device.neighbors && device.neighbors.length > 0) {
device.neighbors.forEach((neighbor) => {
@ -249,13 +252,29 @@ export class ZHANetworkVisualizationPage extends LitElement {
from: device.ieee,
to: neighbor.ieee,
label: neighbor.lqi + "",
color: this._getLQI(parseInt(neighbor.lqi)),
color: this._getLQI(parseInt(neighbor.lqi)).color,
width: this._getLQI(parseInt(neighbor.lqi)).width,
length: 2000 - 4 * parseInt(neighbor.lqi),
arrows: {
from: {
enabled: neighbor.relationship !== "Child",
},
},
dashes: neighbor.relationship !== "Child",
});
} else {
edges[idx].color = this._getLQI(
(parseInt(edges[idx].label!) + parseInt(neighbor.lqi)) / 2
);
).color;
edges[idx].width = this._getLQI(
(parseInt(edges[idx].label!) + parseInt(neighbor.lqi)) / 2
).width;
edges[idx].length =
2000 -
6 * ((parseInt(edges[idx].label!) + parseInt(neighbor.lqi)) / 2);
edges[idx].label += "/" + neighbor.lqi;
delete edges[idx].arrows;
delete edges[idx].dashes;
}
});
}
@ -264,20 +283,23 @@ export class ZHANetworkVisualizationPage extends LitElement {
this._network?.setData({ nodes: this._nodes, edges: edges });
}
private _getLQI(lqi: number): EdgeOptions["color"] {
private _getLQI(lqi: number): EdgeOptions {
if (lqi > 192) {
return { color: "#17ab00", highlight: "#17ab00" };
return { color: { color: "#17ab00", highlight: "#17ab00" }, width: 4 };
}
if (lqi > 128) {
return { color: "#e6b402", highlight: "#e6b402" };
return { color: { color: "#e6b402", highlight: "#e6b402" }, width: 3 };
}
if (lqi > 80) {
return { color: "#fc4c4c", highlight: "#fc4c4c" };
return { color: { color: "#fc4c4c", highlight: "#fc4c4c" }, width: 2 };
}
return { color: "#bfbfbf", highlight: "#bfbfbf" };
return { color: { color: "#bfbfbf", highlight: "#bfbfbf" }, width: 1 };
}
private _getMass(device: ZHADevice): number {
if (!device.available) {
return 6;
}
if (device.device_type === "Coordinator") {
return 2;
}
@ -312,8 +334,8 @@ export class ZHANetworkVisualizationPage extends LitElement {
} else {
label += "\n<b>Device is not in <i>'zigbee.db'</i></b>";
}
if (!device.available) {
label += "\n<b>Device is <i>Offline</i></b>";
if (device.area_id) {
label += `\n<b>Area ID: </b>${device.area_id}`;
}
return label;
}
@ -402,7 +424,7 @@ export class ZHANetworkVisualizationPage extends LitElement {
? {
physics: {
barnesHut: {
springConstant: 0,
springConstant: 0.05,
avoidOverlap: 10,
damping: 0.09,
},