jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 11:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

ZHA (Zigbee) visualization enhancement (#20511)

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