diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html index 9e8d95b6..9126a0b4 100644 --- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html +++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html @@ -177,12 +177,11 @@ } - @if (recordingList.length > 0) { - - } - @if (recordingList.length > 0) { + @if (showRecordingList && recordingList.length > 0) { + +
@for (recording of recordingList; track trackByRecordingId($index, recording)) {
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.ts index c951aa08..9096df7d 100644 --- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.ts +++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.ts @@ -386,11 +386,7 @@ export class RecordingActivityComponent implements OnInit, OnDestroy { this.recordingService.recordingStatusObs.pipe(takeUntil(this.destroy$)).subscribe((event: RecordingStatusInfo) => { const { status, recordingList, error } = event; this.recordingStatus = status; - if (this.showRecordingList) { - this.recordingList = recordingList; - } else { - this.recordingList = recordingList.filter((rec) => rec.status === RecordingStatus.STARTED); - } + this.recordingList = recordingList; this.recordingError = error; this.recordingAlive = this.recordingStatus === RecordingStatus.STARTED; if (this.recordingStatus !== RecordingStatus.FAILED) {