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

Author: lboue

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>
               `;