Add Blazor WebApp and rework data handling to utilize Entity Framework

2025-09-11 11:49:48 -04:00
parent 5220e61c79
commit 3daa3b81b3
111 changed files with 6039 additions and 946 deletions
@@ -0,0 +1,70 @@
+@page "/students"
+@using Microsoft.EntityFrameworkCore
+@using WebApp.Models
+@inject AppDbContext Context
+
+<PageTitle>Students - TSA Chapter Organizer</PageTitle>
+
+<MudText Typo="Typo.h3">Students</MudText>
+
+<MudButton StartIcon="@Icons.Material.Filled.Create" Href="students/create">Create New</MudButton>
+<MudButton StartIcon="@Icons.Material.Filled.AddChart" Href="students/event-ranking">Event Rankings</MudButton>
+
+<MudDataGrid T="Student" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="25">
+    <Columns>
+        @* <PropertyColumn Property="@(e => e.Name)" Title="First Name" SortBy="e => e.FirstName" /> *@
+        <TemplateColumn Title="Name" SortBy="e => e.FirstName" Sortable="true">
+            <CellTemplate>
+                @context.Item.Name 
+                @if (context.Item.OfficerRole != null)
+                {
+                    <MudChip T="string" Icon="@(AppIcons.OfficerRoleIcon(context.Item.OfficerRole.Value))">@context.Item.OfficerRole</MudChip>
+                }
+            </CellTemplate>
+        </TemplateColumn>
+        <TemplateColumn Title="Grade (TSA Year)" SortBy="e => e.Grade" Sortable="true">
+            <CellTemplate>
+                @context.Item.Grade (@context.Item.TsaYear)
+            </CellTemplate>
+        </TemplateColumn>
+        <TemplateColumn>
+            <CellTemplate>
+                <MudStack Row>
+                    <MudButtonGroup Size="Size.Small">
+                        <MudTooltip Text="Details">
+                            <MudIconButton Href="@($"/students/details?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Description">Details</MudIconButton>
+                        </MudTooltip>
+                        <MudTooltip Text="Edit">
+                            <MudIconButton Href="@($"/students/edit?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Edit">Edit</MudIconButton>
+                        </MudTooltip>
+                        <MudTooltip Text="Delete">
+                        <MudIconButton Href="@($"/students/delete?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Delete" Color="@Color.Warning">Delete</MudIconButton>
+                        </MudTooltip>
+                    </MudButtonGroup>
+                </MudStack>
+            </CellTemplate>
+        </TemplateColumn>
+    </Columns>
+    <PagerContent>
+        <MudDataGridPager T="Student"></MudDataGridPager>
+    </PagerContent>
+</MudDataGrid>
+
+@code {
+    MudDataGrid<Student> _dataGrid = null!;
+
+    private async Task<GridData<Student>> ServerReload(GridState<Student> state)
+    {
+
+        var query = Context.Students.Where(state.FilterDefinitions).OrderBy(state.SortDefinitions);
+
+        var totalItems = await query.CountAsync();
+        var pagedData = await query.Skip(state.Page * state.PageSize).Take(state.PageSize).ToArrayAsync();
+
+        return new GridData<Student>
+        {
+            TotalItems = totalItems,
+            Items = pagedData
+        };
+    }
+}