frontend: update overview component to display playable recordings count
This commit is contained in:
parent
796c20dfb5
commit
2082e5ab74
@ -53,7 +53,7 @@
|
|||||||
<div class="stat-content">
|
<div class="stat-content">
|
||||||
<div class="stat-number">{{ stats.totalRecordings }}</div>
|
<div class="stat-number">{{ stats.totalRecordings }}</div>
|
||||||
<div class="stat-label">Total Recordings</div>
|
<div class="stat-label">Total Recordings</div>
|
||||||
<div class="stat-detail">Available for playback</div>
|
<div class="stat-detail">{{ stats.playableRecordings }} available for playback</div>
|
||||||
</div>
|
</div>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
<mat-card-actions>
|
<mat-card-actions>
|
||||||
|
|||||||
@ -5,12 +5,13 @@ import { MatCardModule } from '@angular/material/card';
|
|||||||
import { MatGridListModule } from '@angular/material/grid-list';
|
import { MatGridListModule } from '@angular/material/grid-list';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { NavigationService, RecordingManagerService, RoomService, ThemeService } from '@lib/services';
|
import { NavigationService, RecordingManagerService, RoomService, ThemeService } from '@lib/services';
|
||||||
import { MeetRoom } from '@lib/typings/ce';
|
import { MeetRecordingStatus, MeetRoom } from '@lib/typings/ce';
|
||||||
|
|
||||||
interface OverviewStats {
|
interface OverviewStats {
|
||||||
totalRooms: number;
|
totalRooms: number;
|
||||||
activeRooms: number;
|
activeRooms: number;
|
||||||
totalRecordings: number;
|
totalRecordings: number;
|
||||||
|
playableRecordings: number;
|
||||||
hasData: boolean;
|
hasData: boolean;
|
||||||
isLoading: boolean;
|
isLoading: boolean;
|
||||||
}
|
}
|
||||||
@ -27,6 +28,7 @@ export class OverviewComponent implements OnInit {
|
|||||||
totalRooms: 0,
|
totalRooms: 0,
|
||||||
activeRooms: 0,
|
activeRooms: 0,
|
||||||
totalRecordings: 0,
|
totalRecordings: 0,
|
||||||
|
playableRecordings: 0,
|
||||||
hasData: false,
|
hasData: false,
|
||||||
isLoading: true
|
isLoading: true
|
||||||
};
|
};
|
||||||
@ -57,6 +59,7 @@ export class OverviewComponent implements OnInit {
|
|||||||
totalRooms: rooms.length,
|
totalRooms: rooms.length,
|
||||||
activeRooms: rooms.filter((room: MeetRoom) => !room.markedForDeletion).length,
|
activeRooms: rooms.filter((room: MeetRoom) => !room.markedForDeletion).length,
|
||||||
totalRecordings: recordings.length,
|
totalRecordings: recordings.length,
|
||||||
|
playableRecordings: recordings.filter((recording) => recording.status === MeetRecordingStatus.COMPLETE).length,
|
||||||
hasData: rooms.length > 0 || recordings.length > 0,
|
hasData: rooms.length > 0 || recordings.length > 0,
|
||||||
isLoading: false
|
isLoading: false
|
||||||
};
|
};
|
||||||
@ -65,6 +68,7 @@ export class OverviewComponent implements OnInit {
|
|||||||
totalRooms: 0,
|
totalRooms: 0,
|
||||||
activeRooms: 0,
|
activeRooms: 0,
|
||||||
totalRecordings: 0,
|
totalRecordings: 0,
|
||||||
|
playableRecordings: 0,
|
||||||
hasData: false,
|
hasData: false,
|
||||||
isLoading: false
|
isLoading: false
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user