kira
/
Blazor_DotNet8_MovieApp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Abstracting movie display into child component

This commit is contained in:
Kira 2023-09-05 11:16:28 -07:00
parent ee376c9857
commit a1b22b9000
3 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Blazor_DotNet8_MovieApp/Pages/Index.razor
View File

@ -2,8 +2,6 @@
@* @attribute [StreamRendering(true)] *@ @* @attribute [StreamRendering(true)] *@
@attribute [RenderModeServer] @attribute [RenderModeServer]
@using Blazor_DotNet8_MovieApp.Models;
@using Blazor_DotNet8_MovieApp.Services;
@inject IMovieReviewService MovieReviewService @inject IMovieReviewService MovieReviewService
@ -24,19 +22,7 @@ else
@foreach(MovieModel movie in movieGroup) @foreach(MovieModel movie in movieGroup)
{ {
<div class="col-md-3 mb-2"> <MovieItem Movie="@movie" />
<a href="/MovieReview/@movie?.Id">
<img class="img-thumbnail" src="@movie?.ImageUrl">
<div class="card-body">
<h5 class="card-title">
@movie?.Title
</h5>
<p class="card-text">
@movie?.Description
</p>
</div>
</a>
</div>
} }
</div> </div>

19
Blazor_DotNet8_MovieApp/Pages/MovieItem.razor Normal file
View File

@ -0,0 +1,19 @@

<div class="col-md-3 mb-2">
<a href="/MovieReview/@Movie?.Id" style="text-decoration:none">
<img class="img-thumbnail" src="@Movie?.ImageUrl">
<div class="card-body">
<h5 class="card-title">
@Movie?.Title
</h5>
<p class="card-text">
@Movie?.Description
</p>
</div>
</a>
</div>
@code {
[Parameter]
public MovieModel? Movie { get; set; }
}

4
Blazor_DotNet8_MovieApp/_Imports.razor
View File

@ -7,3 +7,7 @@
@using Microsoft.JSInterop @using Microsoft.JSInterop
@using Blazor_DotNet8_MovieApp @using Blazor_DotNet8_MovieApp
@using Blazor_DotNet8_MovieApp.Shared @using Blazor_DotNet8_MovieApp.Shared
@using Blazor_DotNet8_MovieApp.Models
@using Blazor_DotNet8_MovieApp.Services;