neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: update recording components to display roomName instead of roomId

Browse Source
This commit is contained in:
juancarmore 2025-08-06 13:34:20 +02:00
parent 42db1b7bb6
commit 8ac5e2d46f
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
View File

@ -115,7 +115,7 @@
<th mat-header-cell *matHeaderCellDef class="room-header">Room</th>
<td mat-cell *matCellDef="let recording" class="room-cell">
<div class="room-info">
<!-- <span class="room-name">{{ recording.roomName }}</span> -->
<span class="room-name">{{ recording.roomName }}</span>
<span class="room-id">{{ recording.roomId }}</span>
<!-- @if (recording.filename) {
<span class="filename">{{ recording.filename }}</span>

11
frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.ts
View File

@ -44,11 +44,16 @@ export class RoomRecordingsComponent implements OnInit {
async ngOnInit() {
this.roomId = this.route.snapshot.paramMap.get('room-id')!;
const parts = this.roomId.split('-');
this.roomName = parts.slice(0, -1).join('-');
this.canDeleteRecordings = this.recordingService.canDeleteRecordings();
await this.loadRecordings();
// Set room name based on recordings or roomId
if (this.recordings()) {
this.roomName = this.recordings()[0].roomName;
} else {
const parts = this.roomId.split('-');
this.roomName = parts.slice(0, -1).join('-');
}
}
async goBackToRoom() {

2
frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.html
View File

@ -45,7 +45,7 @@
</div>
<div class="header-info">
<div class="recording-info">
<h1 class="recording-title">{{ recording.roomId }}</h1>
<h1 class="recording-title">{{ recording.roomName }}</h1>
<div class="recording-metadata">
<span class="recording-date">
<mat-icon class="ov-action-icon">schedule</mat-icon>