Add EP device type(s) in Endpoint list

[lboue]

Hello,

That would be nice if we had device type(s) in Endpoint list.
This would avoid having to open the EP to see the associated device type(s).

python-matter-server/dashboard/src/pages/matter-node-view.ts

Lines 61 to 80 in bf49ef4

	<!-- Node Endpoints listing -->
	<div class="container">
	<md-list>
	<md-list-item>
	<div slot="headline">
	<b>Endpoints</b>
	</div>
	</md-list-item>
	${guard([this.node?.attributes.length], () => getUniqueEndpoints(this.node!).map((endPointId) => {
	return html`
	<md-list-item type="link" href=${`#node/${this.node!.node_id}/${endPointId}`}>
	<div slot="headline">
	Endpoint ${endPointId}
	</div>
	<ha-svg-icon slot="end" .path=${mdiChevronRight}></ha-svg-icon>
	</md-list-item>
	`;
	}))}
	</md-list>
	</div>

We already have this in the matter-endpoint-view.ts:

python-matter-server/dashboard/src/pages/matter-endpoint-view.ts

Lines 71 to 81 in bf49ef4

	<!-- Endpoint clusters listing -->
	<div class="container">
	<md-list>
	<md-list-item>
	<div slot="headline">
	<b>Clusters on Endpoint ${this.endpoint}</b>
	</div>
	<div slot="supporting-text">
	Device Type(s): ${getEndpointDeviceTypes(this.node, this.endpoint).map(deviceType => { return deviceType.label }).join(" / ")}
	</div>
	</md-list-item>

I'll look into how to make this addition.

Regards

[lboue]

Here's what I'd like it to look like: