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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user