From c24a6d4cd0fb7352e8f48f60c6f14e3d9178fac3 Mon Sep 17 00:00:00 2001
From: csantosm <4a.santos@gmail.com>
Date: Tue, 15 Feb 2022 16:45:40 +0100
Subject: [PATCH] openvidu-components: Added participant input in participant
 item

---
 .../participant-panel-item.component.html            |  4 ++--
 .../participant-panel-item.component.ts              |  4 ++--
 .../participants-panel.component.html                | 12 +++++-------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
index 3879bd05..d76a303f 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.html
@@ -1,8 +1,8 @@
 <mat-list>
 	<mat-list-item>
 		<mat-icon matListAvatar class="participant-avatar">person</mat-icon>
-		<h3 matLine class="participant-nickname">{{ name }}</h3>
-		<p matLine class="participant-subtitle">{{ connections }}</p>
+		<h3 matLine class="participant-nickname">{{ participant | nickname }}</h3>
+		<p matLine class="participant-subtitle">{{ participant | streamsEnabled }}</p>
 		<!-- <p matLine>
 			<span class="participant-subtitle"></span>
 		</p> -->
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
index 5c27caac..99f2973b 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, OnInit } from '@angular/core';
+import { ParticipantAbstractModel } from '../../../../models/participant.model';
 
 @Component({
 	selector: 'ov-participant-panel-item',
@@ -6,8 +7,7 @@ import { Component, Input, OnInit } from '@angular/core';
 	styleUrls: ['./participant-panel-item.component.css']
 })
 export class ParticipantPanelItemComponent implements OnInit {
-	@Input() name: string;
-	@Input() connections: string;
+	@Input() participant: ParticipantAbstractModel;
 	@Input() showDividerLine: boolean;
 
 	constructor() {}
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
index f6f46473..e2fefabd 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.html
@@ -10,19 +10,17 @@
 
 		<div class="local-participant-container">
 			<ov-participant-panel-item
-				[name]="localParticipant | nickname"
-				[connections]="localParticipant | streamsEnabled"
+				[participant]="localParticipant"
 				[showDividerLine]="true"
 			></ov-participant-panel-item>
 		</div>
 
 		<div class="remote-participants-container" *ngIf="remoteParticipants.length > 0">
-			<ov-participant-item
-				*ngFor="let p of remoteParticipants; let lastItem = last"
-				[name]="p | nickname"
-				[connections]="p | streamsEnabled"
+			<ov-participant-panel-item
+				*ngFor="let participant of remoteParticipants; let lastItem = last"
+				[participant]="participant"
 				[showDividerLine]="!lastItem"
-			></ov-participant-item>
+			></ov-participant-panel-item>
 		</div>
 
 	</div>