Make movie schedule components functional

Introduces MovieGroup and Performance models for better type safety and data handling. Refactors movie-related components to use Angular signals (input/computed) and updates templates to bind data dynamically. Updates HttpService to support Vorstellung API endpoints. The schedule component now loads and groups performances by date and movie, passing structured data to child components for rendering.
This commit is contained in:
2025-10-30 01:38:43 +01:00
parent 6ebde0b5f5
commit 98626d11ed
19 changed files with 213 additions and 69 deletions

View File

@@ -1,8 +1,8 @@
<div class="w-64 mx-auto my-2">
<img src="assets/test-movie-poster.jpg" alt="Movie Poster" class="w-full h-auto shadow-md">
<img [src]="movie().image" alt="Movie Poster" class="w-full h-auto shadow-md">
</div>
<div class="flex gap-1 justify-between">
<app-movie-rating [rating]="12"></app-movie-rating>
<app-movie-duration [duration]="181"></app-movie-duration>
<app-movie-category [category]="'Action'"></app-movie-category>
<app-movie-rating [rating]="movie().rating"></app-movie-rating>
<app-movie-duration [duration]="movie().duration"></app-movie-duration>
<app-movie-category [category]="movie().category.name"></app-movie-category>
</div>