Omit Device info and actions for connected controller nodes (#11673)

src/data/zwave_js.ts

@@ -126,6 +126,7 @@ export interface ZWaveJSNodeStatus {
   is_routing: boolean | null;
   zwave_plus_version: number | null;
   highest_security_class: SecurityClass | null;
+  is_controller_node: boolean;
 }
 
 export interface ZwaveJSNodeMetadata {

src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-actions-zwave_js.ts

@@ -10,8 +10,10 @@ import {
 import { customElement, property, state } from "lit/decorators";
 import { DeviceRegistryEntry } from "../../../../../../data/device_registry";
 import {
+  fetchZwaveNodeStatus,
   getZwaveJsIdentifiersFromDevice,
   ZWaveJSNodeIdentifiers,
+  ZWaveJSNodeStatus,
 } from "../../../../../../data/zwave_js";
 import { haStyle } from "../../../../../../resources/styles";
 import { HomeAssistant } from "../../../../../../types";
@@ -29,43 +31,67 @@ export class HaDeviceActionsZWaveJS extends LitElement {
 
   @state() private _nodeId?: number;
 
+  @state() private _node?: ZWaveJSNodeStatus;
+
   protected updated(changedProperties: PropertyValues) {
     if (changedProperties.has("device")) {
-      this._entryId = this.device.config_entries[0];
-
       const identifiers: ZWaveJSNodeIdentifiers | undefined =
         getZwaveJsIdentifiersFromDevice(this.device);
       if (!identifiers) {
         return;
       }
       this._nodeId = identifiers.node_id;
+      this._entryId = this.device.config_entries[0];
+
+      this._fetchNodeDetails();
     }
   }
 
+  protected async _fetchNodeDetails() {
+    if (!this._nodeId || !this._entryId) {
+      return;
+    }
+
+    this._node = await fetchZwaveNodeStatus(
+      this.hass,
+      this._entryId,
+      this._nodeId
+    );
+  }
+
   protected render(): TemplateResult {
+    if (!this._node) {
+      return html``;
+    }
     return html`
-      <a
+      ${!this._node.is_controller_node
-        .href=${`/config/zwave_js/node_config/${this.device.id}?config_entry=${this._entryId}`}
+        ? html`
-      >
+            <a
-        <mwc-button>
+              .href=${`/config/zwave_js/node_config/${this.device.id}?config_entry=${this._entryId}`}
-          ${this.hass.localize(
+            >
-            "ui.panel.config.zwave_js.device_info.device_config"
+              <mwc-button>
-          )}
+                ${this.hass.localize(
-        </mwc-button>
+                  "ui.panel.config.zwave_js.device_info.device_config"
-      </a>
+                )}
-      <mwc-button @click=${this._reinterviewClicked}>
+              </mwc-button>
-        ${this.hass.localize(
+            </a>
-          "ui.panel.config.zwave_js.device_info.reinterview_device"
+            <mwc-button @click=${this._reinterviewClicked}>
-        )}
+              ${this.hass.localize(
-      </mwc-button>
+                "ui.panel.config.zwave_js.device_info.reinterview_device"
-      <mwc-button @click=${this._healNodeClicked}>
+              )}
-        ${this.hass.localize("ui.panel.config.zwave_js.device_info.heal_node")}
+            </mwc-button>
-      </mwc-button>
+            <mwc-button @click=${this._healNodeClicked}>
-      <mwc-button @click=${this._removeFailedNode}>
+              ${this.hass.localize(
-        ${this.hass.localize(
+                "ui.panel.config.zwave_js.device_info.heal_node"
-          "ui.panel.config.zwave_js.device_info.remove_failed"
+              )}
-        )}
+            </mwc-button>
-      </mwc-button>
+            <mwc-button @click=${this._removeFailedNode}>
+              ${this.hass.localize(
+                "ui.panel.config.zwave_js.device_info.remove_failed"
+              )}
+            </mwc-button>
+          `
+        : ""}
     `;
   }
 

src/panels/config/devices/device-detail/integration-elements/zwave_js/ha-device-info-zwave_js.ts

@@ -103,52 +103,58 @@ export class HaDeviceInfoZWaveJS extends LitElement {
         ${this.hass.localize("ui.panel.config.zwave_js.common.node_id")}:
         ${this._node.node_id}
       </div>
-      <div>
+      ${!this._node.is_controller_node
-        ${this.hass.localize(
+        ? html`
-          "ui.panel.config.zwave_js.device_info.node_status"
+            <div>
-        )}:
+              ${this.hass.localize(
-        ${this.hass.localize(
+                "ui.panel.config.zwave_js.device_info.node_status"
-          `ui.panel.config.zwave_js.node_status.${
+              )}:
-            nodeStatus[this._node.status]
+              ${this.hass.localize(
-          }`
+                `ui.panel.config.zwave_js.node_status.${
-        )}
+                  nodeStatus[this._node.status]
-      </div>
+                }`
-      <div>
+              )}
-        ${this.hass.localize(
+            </div>
-          "ui.panel.config.zwave_js.device_info.node_ready"
+            <div>
-        )}:
+              ${this.hass.localize(
-        ${this._node.ready
+                "ui.panel.config.zwave_js.device_info.node_ready"
-          ? this.hass.localize("ui.common.yes")
+              )}:
-          : this.hass.localize("ui.common.no")}
+              ${this._node.ready
-      </div>
+                ? this.hass.localize("ui.common.yes")
-      <div>
+                : this.hass.localize("ui.common.no")}
-        ${this.hass.localize(
+            </div>
-          "ui.panel.config.zwave_js.device_info.highest_security"
+            <div>
-        )}:
+              ${this.hass.localize(
-        ${this._node.highest_security_class !== null
+                "ui.panel.config.zwave_js.device_info.highest_security"
-          ? this.hass.localize(
+              )}:
-              `ui.panel.config.zwave_js.security_classes.${
+              ${this._node.highest_security_class !== null
-                SecurityClass[this._node.highest_security_class]
+                ? this.hass.localize(
-              }.title`
+                    `ui.panel.config.zwave_js.security_classes.${
-            )
+                      SecurityClass[this._node.highest_security_class]
-          : this._node.is_secure === false
+                    }.title`
-          ? this.hass.localize(
+                  )
-              "ui.panel.config.zwave_js.security_classes.none.title"
+                : this._node.is_secure === false
-            )
+                ? this.hass.localize(
-          : this.hass.localize("ui.panel.config.zwave_js.device_info.unknown")}
+                    "ui.panel.config.zwave_js.security_classes.none.title"
-      </div>
+                  )
-      <div>
+                : this.hass.localize(
-        ${this.hass.localize(
+                    "ui.panel.config.zwave_js.device_info.unknown"
-          "ui.panel.config.zwave_js.device_info.zwave_plus"
+                  )}
-        )}:
+            </div>
-        ${this._node.zwave_plus_version
+            <div>
-          ? this.hass.localize(
+              ${this.hass.localize(
-              "ui.panel.config.zwave_js.device_info.zwave_plus_version",
+                "ui.panel.config.zwave_js.device_info.zwave_plus"
-              "version",
+              )}:
-              this._node.zwave_plus_version
+              ${this._node.zwave_plus_version
-            )
+                ? this.hass.localize(
-          : this.hass.localize("ui.common.no")}
+                    "ui.panel.config.zwave_js.device_info.zwave_plus_version",
-      </div>
+                    "version",
+                    this._node.zwave_plus_version
+                  )
+                : this.hass.localize("ui.common.no")}
+            </div>
+          `
+        : ""}
     `;
   }