Add device type(s) in node-view - Endpoint list (#942)

home-assistant-libs · Nov 25, 2024 · 6f70f8f · 6f70f8f
1 parent ddd89a7
commit 6f70f8f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/dashboard/src/pages/matter-node-view.ts b/dashboard/src/pages/matter-node-view.ts
@@ -11,6 +11,7 @@ import "./components/header";
 import "./components/node-details";
 import { mdiChevronRight } from "@mdi/js";
 import { MatterNode } from "../client/models/node";
+import { getEndpointDeviceTypes } from "./matter-endpoint-view";
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -72,6 +73,9 @@ class MatterNodeView extends LitElement {
                   <div slot="headline">
                     Endpoint ${endPointId}
                   </div>
+                  <div slot="supporting-text">
+                    Device Type(s): ${getEndpointDeviceTypes(this.node!, endPointId).map(deviceType => { return deviceType.label }).join(" / ")}
+                  </div>
                   <ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
                 </md-list-item>
               `;