Skip to content

Commit 0aab0d4

Browse files
authored
Update movie dB tutorial sample apps (#399)
1 parent ba59302 commit 0aab0d4

File tree

6 files changed

+48
-30
lines changed

6 files changed

+48
-30
lines changed

8.0/BlazorWebAppMovies/Components/Pages/MoviePages/Index.razor

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -19,24 +19,26 @@
1919
<a href="movies/create">Create New</a>
2020
</p>
2121

22-
<QuickGrid Class="table" Items="FilteredMovies" Pagination="pagination">
23-
<PropertyColumn Property="movie => movie.Title" Sortable="true" />
24-
<PropertyColumn Property="movie => movie.ReleaseDate" Title="Release Date" />
25-
<PropertyColumn Property="movie => movie.Genre" />
26-
<PropertyColumn Property="movie => movie.Price" />
27-
<PropertyColumn Property="movie => movie.Rating" />
28-
29-
<TemplateColumn Context="movie">
30-
<a href="@($"movies/edit?id={movie.Id}")">Edit</a> |
31-
<a href="@($"movies/details?id={movie.Id}")">Details</a> |
32-
<a href="@($"movies/delete?id={movie.Id}")">Delete</a>
33-
</TemplateColumn>
34-
</QuickGrid>
22+
<div>
23+
<QuickGrid Class="table" Items="FilteredMovies" Pagination="pagination">
24+
<PropertyColumn Property="movie => movie.Title" Sortable="true" />
25+
<PropertyColumn Property="movie => movie.ReleaseDate" Title="Release Date" />
26+
<PropertyColumn Property="movie => movie.Genre" />
27+
<PropertyColumn Property="movie => movie.Price" />
28+
<PropertyColumn Property="movie => movie.Rating" />
29+
30+
<TemplateColumn Context="movie">
31+
<a href="@($"movies/edit?id={movie.Id}")">Edit</a> |
32+
<a href="@($"movies/details?id={movie.Id}")">Details</a> |
33+
<a href="@($"movies/delete?id={movie.Id}")">Delete</a>
34+
</TemplateColumn>
35+
</QuickGrid>
36+
</div>
3537

3638
<Paginator State="pagination" />
3739

3840
@code {
39-
private PaginationState pagination = new PaginationState { ItemsPerPage = 10 };
41+
private PaginationState pagination = new PaginationState { ItemsPerPage = 5 };
4042
private string titleFilter = string.Empty;
4143
private BlazorWebAppMoviesContext context = default!;
4244

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
::deep tr {
2+
height: 3em;
3+
}
4+
5+
::deep tr > td {
6+
vertical-align: middle;
7+
}

9.0/BlazorWebAppMovies/Components/App.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html lang="en">
33

44
<head>

9.0/BlazorWebAppMovies/Components/Pages/MoviePages/Index.razor

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -19,25 +19,27 @@
1919
<a href="movies/create">Create New</a>
2020
</p>
2121

22-
<QuickGrid Class="table" Items="FilteredMovies" Pagination="pagination">
23-
<PropertyColumn Property="movie => movie.Title" Sortable="true" />
24-
<PropertyColumn Property="movie => movie.ReleaseDate" Title="Release Date" />
25-
<PropertyColumn Property="movie => movie.Genre" />
26-
<PropertyColumn Property="movie => movie.Price" />
27-
<PropertyColumn Property="movie => movie.Rating" />
28-
29-
<TemplateColumn Context="movie">
30-
<a href="@($"movies/edit?id={movie.Id}")">Edit</a> |
31-
<a href="@($"movies/details?id={movie.Id}")">Details</a> |
32-
<a href="@($"movies/delete?id={movie.Id}")">Delete</a>
33-
</TemplateColumn>
34-
</QuickGrid>
22+
<div>
23+
<QuickGrid Class="table" Items="FilteredMovies" Pagination="pagination">
24+
<PropertyColumn Property="movie => movie.Title" Sortable="true" />
25+
<PropertyColumn Property="movie => movie.ReleaseDate" Title="Release Date" />
26+
<PropertyColumn Property="movie => movie.Genre" />
27+
<PropertyColumn Property="movie => movie.Price" />
28+
<PropertyColumn Property="movie => movie.Rating" />
29+
30+
<TemplateColumn Context="movie">
31+
<a href="@($"movies/edit?id={movie.Id}")">Edit</a> |
32+
<a href="@($"movies/details?id={movie.Id}")">Details</a> |
33+
<a href="@($"movies/delete?id={movie.Id}")">Delete</a>
34+
</TemplateColumn>
35+
</QuickGrid>
36+
</div>
3537

3638
<Paginator State="pagination" />
3739

3840
@code {
3941
private BlazorWebAppMoviesContext context = default!;
40-
private PaginationState pagination = new PaginationState { ItemsPerPage = 10 };
42+
private PaginationState pagination = new PaginationState { ItemsPerPage = 5 };
4143
private string titleFilter = string.Empty;
4244

4345
private IQueryable<Movie> FilteredMovies =>
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
::deep tr {
2+
height: 3em;
3+
}
4+
5+
::deep tr > td {
6+
vertical-align: middle;
7+
}

9.0/BlazorWebAppMovies/wwwroot/app.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,4 +57,4 @@ h1:focus {
5757

5858
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
5959
text-align: start;
60-
}
60+
}

0 commit comments

Comments
 (0)