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

ov-components: Refactor recording list display logic in RecordingActivityComponent

master
Carlos Santos 2025-08-21 16:49:50 +02:00
parent fc73aca4a2
commit bcbf24b84d
2 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
View File

@ -177,12 +177,11 @@
</div> </div>
} }
</div> </div>
@if (recordingList.length > 0) {
<mat-divider></mat-divider>
}
<!-- Recording list --> <!-- Recording list -->
@if (recordingList.length > 0) { @if (showRecordingList && recordingList.length > 0) {
<mat-divider></mat-divider>
<div class="recording-list-container"> <div class="recording-list-container">
@for (recording of recordingList; track trackByRecordingId($index, recording)) { @for (recording of recordingList; track trackByRecordingId($index, recording)) {
<div class="recording-card" [class.recording-active]="recording.status === recStatusEnum.STARTED"> <div class="recording-card" [class.recording-active]="recording.status === recStatusEnum.STARTED">

6
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.ts
View File

@ -386,11 +386,7 @@ export class RecordingActivityComponent implements OnInit, OnDestroy {
this.recordingService.recordingStatusObs.pipe(takeUntil(this.destroy$)).subscribe((event: RecordingStatusInfo) => { this.recordingService.recordingStatusObs.pipe(takeUntil(this.destroy$)).subscribe((event: RecordingStatusInfo) => {
const { status, recordingList, error } = event; const { status, recordingList, error } = event;
this.recordingStatus = status; this.recordingStatus = status;
if (this.showRecordingList) { this.recordingList = recordingList;
this.recordingList = recordingList;
} else {
this.recordingList = recordingList.filter((rec) => rec.status === RecordingStatus.STARTED);
}
this.recordingError = error; this.recordingError = error;
this.recordingAlive = this.recordingStatus === RecordingStatus.STARTED; this.recordingAlive = this.recordingStatus === RecordingStatus.STARTED;
if (this.recordingStatus !== RecordingStatus.FAILED) { if (this.recordingStatus !== RecordingStatus.FAILED) {