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

feat: integrate GenreService into UploadVideoComponent and replace hardcoded genres

Browse source
This commit is contained in:
Chneemann 2025-05-02 17:25:42 +02:00
parent 87b026ff35
commit 81f449296f
2 changed files with 12 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/app/components/home/upload-video/upload-video.component.html
View file

@ -46,24 +46,13 @@
[class.error-border]="!genre.valid && genre.touched"
required
>
<option value="action">Action</option>
<option value="adventure">Adventure</option>
<option value="animation">Animation</option>
<option value="anime">Anime</option>
<option value="comedy">Comedy</option>
<option value="crime">Crime</option>
<option value="documentary">Documentary</option>
<option value="drama">Drama</option>
<option value="fantasy">Fantasy</option>
<option value="horror">Horror</option>
<option value="musical">Musical</option>
<option value="mystery">Mystery</option>
<option value="other">Miscellaneous</option>
<option value="romance">Romance</option>
<option value="science_fiction">Science Fiction</option>
<option value="thriller">Thriller</option>
<option value="war">War</option>
<option value="western">Western</option>
<!-- Get genres -->
@if (genres$ | async; as genres) {
<!-- Loop through genres -->
@for (genre of genres; track genre) {
<option [value]="genre.name">{{ genre.name }}</option>
} }
</select>
<div class="error-msg">
@if (!genre.valid && genre.touched) {

6
frontend/src/app/components/home/upload-video/upload-video.component.ts
View file

@ -6,6 +6,7 @@ import { BtnLargeComponent } from '../../../shared/components/buttons/btn-large/
import { VideoService } from '../../../services/video.service';
import { LoadingDialogComponent } from '../../../shared/components/loading-dialog/loading-dialog.component';
import { Video } from '../../../interfaces/video.interface';
import { GenreService } from '../../../services/genre.service';
@Component({
selector: 'app-upload-video',
@ -33,9 +34,12 @@ export class UploadVideoComponent {
send: false,
};
genres$ = this.genreService.getGenres();
constructor(
public errorService: ErrorService,
private videoService: VideoService
private videoService: VideoService,
private genreService: GenreService
) {}
stopPropagation(event: MouseEvent) {