Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Prevent premature rendering while movies load

Browse source
This commit is contained in:
Chneemann 2024-09-06 20:38:01 +02:00
parent 971d6dd48f
commit cf2eae1752
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/app/components/home/browse/browse.component.html
View file

@ -1,5 +1,6 @@
<section>
@if (movies.length > 0) {
<div *ngIf="isLoading"></div>
@if (!isLoading && movies.length > 0) {
<!-- If at least one film has been uploaded -->
@if (playMovie === "") {
<app-header
@ -95,7 +96,7 @@
</div>
<app-video-player [playMovie]="playMovie"></app-video-player>
</div>
} } @else {
} } @if (!isLoading && movies.length === 0) {
<!-- If the database is empty -->
<app-header [browse]="true"></app-header>
<div class="error">

8
frontend/src/app/components/home/browse/browse.component.ts
View file

@ -30,6 +30,7 @@ export class BrowseComponent implements OnInit {
favoriteMovies: number[] = [];
currentMovie: any[] = [];
playMovie: string = '';
isLoading: boolean = true;
isWideScreen: boolean = false;
uploadMovieOverview: boolean = false;
currentResolution: '360p' | '720p' | '1080p' = '720p';
@ -104,7 +105,12 @@ export class BrowseComponent implements OnInit {
}
async loadAllMovies() {
this.movies = await this.movieService.getAllMovies();
this.isLoading = true;
try {
this.movies = await this.movieService.getAllMovies();
} finally {
this.isLoading = false;
}
}
closeVideo(): void {