Aggiungi gestione dei film preferiti e integrazione con Blazored.LocalStorage

Components/Layout/MovieTable.razor

@@ -1,35 +0,0 @@
-<table class="table table-striped" id="moviesTable">
-    <thead class="table-primary">
-        <tr>
-            <th></th>
-            <th style="width: 100%;">Title</th>
-            <th>Year</th>
-        </tr>
-    </thead>
-    <tbody>
-        @if (Movies?.Search != null)
-        {
-            @foreach (var movie in Movies.Search)
-            {
-                <tr>
-                    <td><button class="btn btn-secondary" @onclick="() => OnMovieSelected(movie.IdIMDB)">Details</button></td>
-                    <td>@movie.Title</td>
-                    <td>@movie.Year</td>
-                </tr>
-            }
-        }
-    </tbody>
-</table>
-
-@inject NavigationManager NavigationManager
-
-@code {
-
-    [Parameter]
-    public MovieSearch? Movies { get; set; }
-
-    private async Task OnMovieSelected(string imdbID)
-    {
-        NavigationManager.NavigateTo($"/movie/{imdbID}");
-    }
-}

Components/Pages/Favorites.razor

@@ -2,25 +2,17 @@
 
 <PageTitle>Favorites</PageTitle>
 
-<MovieTable Movies="movies" />
+<h1>TODO</h1>
 
-@inject ManageFavorite ManageFavorite
+<button class="btn btn-primary" @onclick="FaiCose">FaiCose</button>
+
+@inject OmdbService OmdbService
+@inject IJSRuntime JSRuntime
 
 @code {
-    public MovieSearch? movies = null;
+    private async Task FaiCose()
-
-    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        if (firstRender)
+        var movies = await OmdbService.FetchMovies("Matrix");
-        {
+        var movieDetail = await OmdbService.FetchMovieDetail("tt11749868");
-            await ManageFavorite.LoadFavorites();
-            var favoriteMovies = ManageFavorite.GetFavoriteMovies();
-            movies = new MovieSearch
-            {
-                Search = favoriteMovies.ToArray(),
-                TotalResults = favoriteMovies.Count.ToString()
-            };
-            StateHasChanged();
-        }
     }
 }

Components/Pages/Home.razor

@@ -12,14 +12,42 @@
     </div>
 </form>
 
-<MovieTable Movies="movies" />
+<table class="table table-striped" id="moviesTable">
+    <thead class="table-primary">
+        <tr>
+            <th></th>
+            <th style="width: 100%;">Title</th>
+            <th>Year</th>
+        </tr>
+    </thead>
+    <tbody>
+        @if (movies?.Search != null)
+        {
+            @foreach (var movie in movies.Search)
+            {
+                <tr>
+                    <td><button class="btn btn-secondary" @onclick="() => OnMovieSelected(movie.IdIMDB)">Details</button></td>
+                    <td>@movie.Title</td>
+                    <td>@movie.Year</td>
+                </tr>
+            }
+        }
+    </tbody>
+</table>
+    
 
 @inject OmdbService OmdbService
+@inject NavigationManager NavigationManager
 
 @code {
     private string searchTitle = "";
     private MovieSearch? movies = null;
 
+    private async Task OnMovieSelected(string imdbID)
+    {
+        NavigationManager.NavigateTo($"/movie/{imdbID}");
+    }
+
     private async Task OnSearch()
     {
         movies = await OmdbService.FetchMovies(searchTitle);

Components/Pages/MovieDetail.razor

@@ -2,23 +2,41 @@
 
 <PageTitle>Movie Details</PageTitle>
 
-<div class="row g-4" style="max-width: 800px;">
+<style>
+    .my-grid {
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+        grid-template-rows: auto auto;
+        gap: 20px;
+        max-width: 800px;
+        margin-right: auto;
+    }
+    .favorite {
+        background-color: gold;
+        color: black;
+    }
+    .not-favorite {
+        background-color: gray;
+        color: white;
+    }
+</style>
+
+<div class="my-grid">
     @if (movie is not null)
     {
         <h1>@movie.Title</h1>
-        <div class="col-md-4">
+        <div></div>
-            <img src="@movie.Poster" alt="@movie.Title Poster" class="img-fluid" />
+        <img src="@movie.Poster" alt="@movie.Title Poster" />
-        </div>
+        <div class="details">
-        <div class="col-md-8">
             <p>@movie.Runtime</p>
             <p>@movie.Plot</p>
             @if(ManageFavorite.IsFavorite(id))
             {
-                <button class="btn btn-warning" @onclick="ToggleFavoriteMovie">Remove Favorite</button>
+                <button class="btn-secondary favorite" @onclick="ToggleFavoriteMovie">Remove Favorite</button>
             }
             else
             {
-                <button class="btn btn-secondary" @onclick="ToggleFavoriteMovie">Add to Favorites</button>
+                <button class="btn-secondary not-favorite" @onclick="ToggleFavoriteMovie">Add to Favorites</button>
             }
         </div>
     }
@@ -53,6 +71,6 @@
 
     private async Task ToggleFavoriteMovie()
     {
-        await ManageFavorite.ToggleFavoriteMovie(movie!);
+        await ManageFavorite.ToggleFavoriteMovie(id);
     }
 }

Models/Movie.cs

@@ -1,10 +1,13 @@
+
+
 using System.Text.Json.Serialization;
 
+
 /// <summary>
 /// Rappresenta un film con le sue proprietà principali.
 /// Non ho preso tutte le proprietà disponibili dall'API OMDB, solo quelle richieste.
 /// </summary>
-public class Movie
+class Movie
 {
     public required string Title { get; set; }
     public required string Year { get; set; }

Models/MovieSearch.cs

@@ -1,10 +1,13 @@
+
+
 using System.Text.Json.Serialization;
 
+
 /// <summary>
 /// Modello per rappresentare i risultati di una ricerca di film.
 /// Ha solo scopo di deserializzazione della risposta JSON dell'API OMDB.
 /// </summary>
-public class MovieSearch
+class MovieSearch
 {
     public required Movie[] Search { get; set; }
     [JsonPropertyName("totalResults")]

Services/ManageFavorite.cs

@@ -8,7 +8,7 @@ class ManageFavorite(Blazored.LocalStorage.ILocalStorageService localStorage)
 {
     // Inject the local storage service
     private readonly Blazored.LocalStorage.ILocalStorageService LocalStorage = localStorage;
-    private readonly List<Movie> Movies = [];
+    private readonly List<string> MoviesIDs = [];
 
     /// <summary>
     /// Load favorite movies from local storage
@@ -17,9 +17,9 @@ class ManageFavorite(Blazored.LocalStorage.ILocalStorageService localStorage)
     /// <returns></returns>
     public async Task LoadFavorites()
     {
-        var favorites = await LocalStorage.GetItemAsync<List<Movie>>("favorite") ?? [];
+        var favorites = await LocalStorage.GetItemAsync<List<string>>("favorite") ?? [];
-        Movies.Clear();
+        MoviesIDs.Clear();
-        Movies.AddRange(favorites);
+        MoviesIDs.AddRange(favorites);
     }
 
     /// <summary>
@@ -29,35 +29,35 @@ class ManageFavorite(Blazored.LocalStorage.ILocalStorageService localStorage)
     /// <returns>True if the movie is favorite, otherwise false</returns>
     public bool IsFavorite(string movieID)
     {
-        return Movies.Any(m => m.IdIMDB == movieID);
+        return MoviesIDs.Contains(movieID);
     }
 
     /// <summary>
     /// Toggle favorite status of a movie (by ID)
     /// </summary>
-    /// <param name="movie">The movie ID to toggle</param>
+    /// <param name="movieID">The movie ID to toggle</param>
     /// <returns>The new favorite status</returns>
-    public async Task<bool> ToggleFavoriteMovie(Movie movie)
+    public async Task<bool> ToggleFavoriteMovie(string movieID)
     {
-        if (!IsFavorite(movie.IdIMDB))
+        if (!IsFavorite(movieID))
         {
-            Movies.Add(movie);
+            MoviesIDs.Add(movieID);
         }
         else
         {
-            Movies.RemoveAll(m => m.IdIMDB == movie.IdIMDB);
+            MoviesIDs.RemoveAll(id => id == movieID);
         }
 
-        await LocalStorage.SetItemAsync("favorite", Movies);
+        await LocalStorage.SetItemAsync("favorite", MoviesIDs);
-        return IsFavorite(movie.IdIMDB);
+        return IsFavorite(movieID);
     }
 
     /// <summary>
     /// Get the list of favorite movie IDs
     /// </summary>
     /// <returns>The list of favorite movie IDs</returns>
-    public List<Movie> GetFavoriteMovies()
+    public List<string> GetFavoriteMovies()
     {
-        return Movies;
+        return MoviesIDs;
     }
 }