ov-components: Add screen track class to local participant tracks

participant-panel: Bind participant name to participant container
master
Carlos Santos 2025-12-04 19:51:48 +01:00
parent 3531932c88
commit 895cf0e72c
2 changed files with 5 additions and 3 deletions

View File

@ -8,7 +8,8 @@
OV_publisher: !track.isAudioTrack && !track.isMinimized,
OV_minimized: track.isMinimized,
OV_big: track.isPinned,
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks,
OV_screen: track.isScreenTrack
}"
[id]="'participant-' + track.participant.identity"
cdkDrag
@ -32,7 +33,8 @@
OV_root: !track.isAudioTrack,
OV_publisher: !track.isAudioTrack,
OV_big: track.isPinned,
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks
OV_ignored: track.isAudioTrack && !track.participant.onlyHasAudioTracks,
OV_screen: track.isScreenTrack
}"
>
<ng-container *ngTemplateOutlet="streamTemplate; context: { $implicit: track }"></ng-container>

View File

@ -1,7 +1,7 @@
<mat-list>
<mat-list-item>
<!-- Main participant container with improved structure -->
<div class="participant-container" [attr.data-participant-id]="_participant?.sid">
<div class="participant-container" [attr.data-participant-id]="_participant?.sid" [attr.data-participant-name]="participantDisplayName">
<!-- Avatar section with dynamic color -->
<div
class="participant-avatar"