=>
+ hass.callWS({
+ type: "ozw/node_status",
+ ozw_instance: ozw_instance,
+ node_id: node_id,
+ });
diff --git a/src/onboarding/integration-badge.ts b/src/onboarding/integration-badge.ts
index 925440390d..5bf4267b56 100644
--- a/src/onboarding/integration-badge.ts
+++ b/src/onboarding/integration-badge.ts
@@ -62,9 +62,6 @@ class IntegrationBadge extends LitElement {
justify-content: center;
}
- :host([clickable]) .icon {
- }
-
.badge {
position: absolute;
color: white;
@@ -72,9 +69,8 @@ class IntegrationBadge extends LitElement {
right: -10px;
background-color: var(--label-badge-green);
border-radius: 50%;
- width: 18px;
display: block;
- height: 18px;
+ --mdc-icon-size: 18px;
border: 2px solid white;
}
diff --git a/src/panels/config/devices/device-detail/integration-elements/ozw/ha-device-info-ozw.ts b/src/panels/config/devices/device-detail/integration-elements/ozw/ha-device-info-ozw.ts
new file mode 100644
index 0000000000..b82ba363f0
--- /dev/null
+++ b/src/panels/config/devices/device-detail/integration-elements/ozw/ha-device-info-ozw.ts
@@ -0,0 +1,89 @@
+import {
+ CSSResult,
+ customElement,
+ html,
+ LitElement,
+ property,
+ internalProperty,
+ TemplateResult,
+ css,
+ PropertyValues,
+} from "lit-element";
+import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
+import { haStyle } from "../../../../../../resources/styles";
+import { HomeAssistant } from "../../../../../../types";
+import { OZWDevice, fetchOZWNodeStatus } from "../../../../../../data/ozw";
+
+@customElement("ha-device-info-ozw")
+export class HaDeviceInfoOzw extends LitElement {
+ @property({ attribute: false }) public hass!: HomeAssistant;
+
+ @property() public device!: DeviceRegistryEntry;
+
+ @internalProperty() private _ozwDevice?: OZWDevice;
+
+ protected updated(changedProperties: PropertyValues) {
+ if (changedProperties.has("device")) {
+ this._fetchNodeDetails(this.device);
+ }
+ }
+
+ protected async _fetchNodeDetails(device) {
+ const ozwIdentifier = device.identifiers.find(
+ (identifier) => identifier[0] === "ozw"
+ );
+ if (!ozwIdentifier) {
+ return;
+ }
+ const identifiers = ozwIdentifier[1].split(".");
+ this._ozwDevice = await fetchOZWNodeStatus(
+ this.hass,
+ identifiers[0],
+ identifiers[1]
+ );
+ }
+
+ protected render(): TemplateResult {
+ if (!this._ozwDevice) {
+ return html``;
+ }
+ return html`
+
+ ${this.hass.localize("ui.panel.config.ozw.device_info.zwave_info")}
+
+
+ ${this.hass.localize("ui.panel.config.ozw.common.node_id")}:
+ ${this._ozwDevice.node_id}
+
+
+ ${this.hass.localize("ui.panel.config.ozw.device_info.stage")}:
+ ${this._ozwDevice.node_query_stage}
+
+
+ ${this.hass.localize("ui.panel.config.ozw.common.ozw_instance")}:
+ ${this._ozwDevice.ozw_instance}
+
+
+ ${this.hass.localize("ui.panel.config.ozw.device_info.node_failed")}:
+ ${this._ozwDevice.is_failed
+ ? this.hass.localize("ui.common.yes")
+ : this.hass.localize("ui.common.no")}
+
+ `;
+ }
+
+ static get styles(): CSSResult[] {
+ return [
+ haStyle,
+ css`
+ h4 {
+ margin-bottom: 4px;
+ }
+ div {
+ word-break: break-all;
+ margin-top: 2px;
+ }
+ `,
+ ];
+ }
+}
diff --git a/src/panels/config/devices/ha-config-device-page.ts b/src/panels/config/devices/ha-config-device-page.ts
index bc96ae7215..ec2e67ea68 100644
--- a/src/panels/config/devices/ha-config-device-page.ts
+++ b/src/panels/config/devices/ha-config-device-page.ts
@@ -501,6 +501,15 @@ export class HaConfigDevicePage extends LitElement {
`);
}
+ if (integrations.includes("ozw")) {
+ import("./device-detail/integration-elements/ozw/ha-device-info-ozw");
+ templates.push(html`
+
+ `);
+ }
if (integrations.includes("zha")) {
import("./device-detail/integration-elements/zha/ha-device-actions-zha");
import("./device-detail/integration-elements/zha/ha-device-info-zha");
diff --git a/src/panels/config/entities/entity-registry-settings.ts b/src/panels/config/entities/entity-registry-settings.ts
index 58c9ac7a5c..5ac897dc78 100644
--- a/src/panels/config/entities/entity-registry-settings.ts
+++ b/src/panels/config/entities/entity-registry-settings.ts
@@ -73,7 +73,7 @@ export class EntityRegistrySettings extends LitElement {
return html`
${!stateObj
? html`
-
+
${this.hass!.localize(
"ui.dialogs.entity_registry.editor.unavailable"
)}
@@ -81,7 +81,7 @@ export class EntityRegistrySettings extends LitElement {
`
: ""}
${this._error ? html`
${this._error}
` : ""}
-