ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
9
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ov-components: Fixed directive value update 

Ensures consistent identification of participant elements by using the participant identity, facilitating easier manipulation and tracking of elements.

Improves component updates by storing the remote participants value locally.
master
Carlos Santos 2025-12-02 21:00:07 +01:00
parent a3810f4f51
commit 3531932c88
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/layout/layout.component.html
View File

@ -10,7 +10,7 @@
OV_big: track.isPinned, OV_big: track.isPinned,
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks
}" }"
[id]="'local-element-' + track.source" [id]="'participant-' + track.participant.identity"
cdkDrag cdkDrag
cdkDragBoundary=".layout" cdkDragBoundary=".layout"
[cdkDragDisabled]="!track.isMinimized" [cdkDragDisabled]="!track.isMinimized"
@ -27,6 +27,7 @@
<div <div
*ngFor="let track of remoteParticipants | tracks; trackBy: trackParticipantElement" *ngFor="let track of remoteParticipants | tracks; trackBy: trackParticipantElement"
class="remote-participant" class="remote-participant"
[id]="'participant-' + track.participant.identity"
[ngClass]="{ [ngClass]="{
OV_root: !track.isAudioTrack, OV_root: !track.isAudioTrack,
OV_publisher: !track.isAudioTrack, OV_publisher: !track.isAudioTrack,

5
openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/internals.directive.ts
View File

@ -58,7 +58,10 @@ export class FallbackLogoDirective implements OnInit {
standalone: false standalone: false
}) })
export class LayoutRemoteParticipantsDirective { export class LayoutRemoteParticipantsDirective {
private _ovRemoteParticipants: ParticipantModel[] | undefined;
@Input() set ovRemoteParticipants(value: ParticipantModel[] | undefined) { @Input() set ovRemoteParticipants(value: ParticipantModel[] | undefined) {
this._ovRemoteParticipants = value;
this.update(value); this.update(value);
} }
constructor( constructor(
@ -71,7 +74,7 @@ export class LayoutRemoteParticipantsDirective {
} }
ngAfterViewInit() { ngAfterViewInit() {
this.update(this.ovRemoteParticipants); this.update(this._ovRemoteParticipants);
} }
update(value: ParticipantModel[] | undefined) { update(value: ParticipantModel[] | undefined) {