Use PageHeader throughout the system

This commit is contained in:
2025-12-25 21:53:15 -05:00
parent 1e36a5661b
commit 023e6c289a
19 changed files with 199 additions and 164 deletions
+12 -9
View File
@@ -1,16 +1,21 @@
@page "/events/create"
@attribute [Authorize]
@using WebApp.Components.Shared.Components
@inject AppDbContext context
@inject NavigationManager NavigationManager
<PageTitle>Create Event - TSA Chapter Organizer</PageTitle>
<PageHeader
Title="Create"
Subtitle="Event"
ShowBackButton="true"
BackButtonUrl="/events">
<ActionButtons>
<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Form="create-event-form">Create</MudButton>
<MudButton Href="/events" Variant="Variant.Text">Cancel</MudButton>
</ActionButtons>
</PageHeader>
<MudText Typo="Typo.h3">Create</MudText>
<MudText Typo="Typo.h4">Event</MudText>
<MudDivider />
<EditForm Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
<EditForm id="create-event-form" Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
<AntiforgeryToken />
<DataAnnotationsValidator />
<MudGrid>
@@ -44,8 +49,6 @@
</MudPaper>
</MudItem>
</MudGrid>
<MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="events">Back</MudButton>
<MudButton ButtonType="ButtonType.Submit" StartIcon="@Icons.Material.Filled.Save">Save</MudButton>
</EditForm>
+16 -16
View File
@@ -1,22 +1,28 @@
@page "/events/details"
@attribute [Authorize]
@using Microsoft.EntityFrameworkCore
@using WebApp.Components.Shared.Components
@inject AppDbContext context
@inject NavigationManager NavigationManager
<PageTitle>Event Details - TSA Chapter Organizer</PageTitle>
<MudText Typo="Typo.h3">Details</MudText>
<MudText Typo="Typo.h4">Event Definition</MudText>
<MudDivider />
@if (eventdefinition is null)
{
<MudText><em>Loading...</em></MudText>
return;
}
else
{
<MudPaper Class="pa-4 mt-4">
<PageHeader
Title="Details"
Subtitle="Event Definition"
ShowBackButton="true"
BackButtonUrl="/events">
<ActionButtons>
<MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/events/edit?id={eventdefinition.Id}")" Variant="Variant.Outlined">Edit</MudButton>
<MudButton Href="/events" Variant="Variant.Text">Back to List</MudButton>
</ActionButtons>
</PageHeader>
<MudPaper Class="pa-4 mt-4">
<MudGrid>
<MudItem xs="12" sm="6" md="4">
<MudText Typo="Typo.subtitle2">Name</MudText>
@@ -79,13 +85,7 @@ else
<MudText>@eventdefinition.Description</MudText>
</MudItem>
</MudGrid>
</MudPaper>
<div class="mt-4">
<MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/events/edit?id={eventdefinition.Id}")" Variant="Variant.Filled" Color="Color.Primary">Edit</MudButton>
<MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="/events" Variant="Variant.Text">Back to List</MudButton>
</div>
}
</MudPaper>
@code {
private EventDefinition? eventdefinition;
+17 -9
View File
@@ -1,17 +1,28 @@
@page "/events/edit"
@attribute [Authorize]
@using Microsoft.EntityFrameworkCore
@using WebApp.Components.Shared.Components
@inject AppDbContext context
@inject NavigationManager NavigationManager
<PageTitle>Edit Event - TSA Chapter Organizer</PageTitle>
@if (EventDefinition is null)
{
<p><em>Loading...</em></p>
return;
}
<MudText Typo="Typo.h3">Edit</MudText>
<MudText Typo="Typo.h4">Event</MudText>
<MudDivider />
<PageHeader
Title="Edit"
Subtitle="Event"
ShowBackButton="true"
BackButtonUrl="/events">
<ActionButtons>
<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Form="edit-event-form">Save</MudButton>
<MudButton Href="/events" Variant="Variant.Text">Cancel</MudButton>
</ActionButtons>
</PageHeader>
<EditForm Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
<EditForm id="edit-event-form" Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
<AntiforgeryToken />
<DataAnnotationsValidator />
<MudGrid>
@@ -45,11 +56,8 @@
</MudPaper>
</MudItem>
</MudGrid>
<MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="events">Back</MudButton>
<MudButton ButtonType="ButtonType.Submit" StartIcon="@Icons.Material.Filled.Save">Save</MudButton>
</EditForm>
@code {
[SupplyParameterFromQuery]
private int Id { get; set; }
@@ -1,13 +1,13 @@
@using Microsoft.EntityFrameworkCore
@using WebApp.Components.Shared.Components
@attribute [Authorize]
@page "/events/printout"
@inject IConfiguration Configuration
@inject AppDbContext Context
<PageTitle>TSA Events @Configuration["ChapterSettings:CompetitionYear"]</PageTitle>
<MudText Typo="Typo.h3">TSA Events @Configuration["ChapterSettings:CompetitionYear"]</MudText>
<MudText Typo="Typo.h5" Class="mb-4">Yearly theme: Unity Through Community</MudText>
<PageHeader
Title="@($"TSA Events {Configuration["ChapterSettings:CompetitionYear"]}")"
Description="Yearly theme: Unity Through Community" />
@if (_events == null)
{