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,75 @@
+@page "/teams"
+@using Microsoft.EntityFrameworkCore
+@using WebApp.Models
+@inject AppDbContext Context
+
+<PageTitle>Teams</PageTitle>
+
+<MudText Typo="Typo.h3">Teams</MudText>
+
+<MudButton StartIcon="@Icons.Material.Filled.Create" Href="teams/create">Create New</MudButton>
+<MudButton StartIcon="@Icons.Material.Filled.Assignment" Href="teams/assignment">Assignment</MudButton>
+
+<MudDataGrid T="Team" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="25">
+    <Columns>
+        <PropertyColumn Property="@(e => e.Name)" Title="Name" />
+        <PropertyColumn Property="@(e => e.Event.Name)" Title="Event" />
+        @* <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="@($"/teams/details?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Description">Details</MudIconButton>
+                        </MudTooltip>
+                        <MudTooltip Text="Edit">
+                            <MudIconButton Href="@($"/teams/edit?id={context.Item.Id}")" Icon="@Icons.Material.Filled.Edit">Edit</MudIconButton>
+                        </MudTooltip>
+                        <MudTooltip Text="Delete">
+                        <MudIconButton Href="@($"/teams/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<Team> _dataGrid = null!;
+
+    private async Task<GridData<Team>> ServerReload(GridState<Team> state)
+    {
+        var query 
+            = Context.Teams
+                .Include(e => e.Event)
+                .Include(e => e.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<Team>
+        {
+            TotalItems = totalItems,
+            Items = pagedData
+        };
+    }
+}