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

remove "live" toggle and use deepEqual

Browse Source
This commit is contained in:
Petar Petrov 2025-07-10 09:11:21 +03:00
parent eff1be943d
commit a55488f18c
2 changed files with 8 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/chart/ha-network-graph.ts
View File

@ -11,6 +11,7 @@ import "./ha-chart-base";
import type { HaChartBase } from "./ha-chart-base"; import type { HaChartBase } from "./ha-chart-base";
import type { HomeAssistant } from "../../types"; import type { HomeAssistant } from "../../types";
import { SubscribeMixin } from "../../mixins/subscribe-mixin"; import { SubscribeMixin } from "../../mixins/subscribe-mixin";
import { deepEqual } from "../../common/util/deep-equal";
export interface NetworkNode { export interface NetworkNode {
id: string; id: string;
@ -158,7 +159,8 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
type: "inside", type: "inside",
filterMode: "none", filterMode: "none",
}, },
}) }),
deepEqual
); );
private _getSeries = memoizeOne( private _getSeries = memoizeOne(
@ -230,7 +232,8 @@ export class HaNetworkGraph extends SubscribeMixin(LitElement) {
})), })),
categories: data.categories || [], categories: data.categories || [],
}; };
} },
deepEqual
); );
private _togglePhysics() { private _togglePhysics() {

29
src/panels/config/integrations/integration-panels/zwave_js/zwave_js-network-visualization.ts
View File

@ -1,7 +1,6 @@
import { customElement, property, state } from "lit/decorators"; import { customElement, property, state } from "lit/decorators";
import { css, html, LitElement } from "lit"; import { css, html, LitElement } from "lit";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
import { mdiUpdate } from "@mdi/js";
import type { import type {
CallbackDataParams, CallbackDataParams,
TopLevelFormatterParams, TopLevelFormatterParams,
@ -51,8 +50,6 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) {
@state() private _devices: Record<string, DeviceRegistryEntry> = {}; @state() private _devices: Record<string, DeviceRegistryEntry> = {};
@state() private _live = false;
public hassSubscribe() { public hassSubscribe() {
const devices = Object.values(this.hass.devices).filter((device) => const devices = Object.values(this.hass.devices).filter((device) =>
device.config_entries.some((entry) => entry === this.configEntryId) device.config_entries.some((entry) => entry === this.configEntryId)
@ -62,11 +59,8 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) {
subscribeZwaveNodeStatistics(this.hass!, device.id, (message) => { subscribeZwaveNodeStatistics(this.hass!, device.id, (message) => {
const nodeId = message.nodeId ?? message.node_id; const nodeId = message.nodeId ?? message.node_id;
this._devices[nodeId!] = device; this._devices[nodeId!] = device;
const isNew = !this._nodeStatistics[nodeId!];
this._nodeStatistics[nodeId!] = message; this._nodeStatistics[nodeId!] = message;
if (this._live || isNew) {
this._handleUpdatedNodeStatistics(); this._handleUpdatedNodeStatistics();
}
}) })
); );
} }
@ -92,16 +86,7 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) {
)} )}
.tooltipFormatter=${this._tooltipFormatter} .tooltipFormatter=${this._tooltipFormatter}
@chart-click=${this._handleChartClick} @chart-click=${this._handleChartClick}
> ></ha-network-graph
<ha-icon-button
slot="button"
class=${this._live ? "active" : "inactive"}
.path=${mdiUpdate}
@click=${this._toggleLive}
label=${this.hass.localize(
"ui.panel.config.zwave_js.visualization.toggle_live"
)}
></ha-icon-button> </ha-network-graph
></hass-tabs-subpage> ></hass-tabs-subpage>
`; `;
} }
@ -323,18 +308,8 @@ export class ZWaveJSNetworkVisualization extends SubscribeMixin(LitElement) {
} }
} }
private _toggleLive() {
this._live = !this._live;
if (this._live) {
this._fetchNetworkStatus();
this._handleUpdatedNodeStatistics();
} else {
this._handleUpdatedNodeStatistics.cancel();
}
}
private _getLineWidth(rssi: number): number { private _getLineWidth(rssi: number): number {
return rssi > -33 ? 3 : rssi > -66 ? 2 : 1; return rssi > -50 ? 3 : rssi > -75 ? 2 : 1;
} }
static get styles() { static get styles() {