Refactor Home page into concern-based components and partials

RpgRoller/Components/Pages/HomeControls/CampaignManagementPanel.razor

@@ -0,0 +1,139 @@
+@using System.Diagnostics.CodeAnalysis
+@using RpgRoller.Components.Pages
+@using RpgRoller.Contracts
+@attribute [ExcludeFromCodeCoverage]
+
+<main class="management-screen">
+    <section class="card">
+        <h2>Campaign Selector</h2>
+        @if (Campaigns.Count == 0)
+        {
+            <p class="empty">No campaigns yet.</p>
+        }
+        else
+        {
+            <label for="campaign-select">Campaign</label>
+            <select id="campaign-select" @onchange="CampaignSelectionChanged">
+                @foreach (var campaign in Campaigns)
+                {
+                    <option value="@campaign.Id" selected="@(campaign.Id == SelectedCampaignId)">@campaign.Name (@campaign.RulesetId)</option>
+                }
+            </select>
+        }
+        <p class="muted">Current campaign in this tab: <strong>@(SelectedCampaignName ?? "None selected")</strong></p>
+    </section>
+
+    <section class="card">
+        <h2>Create Campaign</h2>
+        @if (!string.IsNullOrWhiteSpace(CampaignState.ErrorMessage))
+        {
+            <p class="form-error">@CampaignState.ErrorMessage</p>
+        }
+        <form class="form-grid" @onsubmit="CreateCampaignSubmitted" @onsubmit:preventDefault>
+            <label for="campaign-name">Campaign name</label>
+            <input id="campaign-name" @bind="CampaignState.Model.Name" @bind:event="oninput" />
+            @if (CampaignState.Errors.TryGetValue("name", out var campaignNameError))
+            {
+                <p class="field-error">@campaignNameError</p>
+            }
+            <label for="campaign-ruleset">Ruleset</label>
+            <select id="campaign-ruleset" @bind="CampaignState.Model.RulesetId">
+                <option value="">Select ruleset</option>
+                @foreach (var ruleset in Rulesets)
+                {
+                    <option value="@ruleset.Id">@ruleset.Name</option>
+                }
+            </select>
+            @if (CampaignState.Errors.TryGetValue("rulesetId", out var campaignRulesetError))
+            {
+                <p class="field-error">@campaignRulesetError</p>
+            }
+            <button type="submit" disabled="@IsMutating">@(IsMutating ? "Creating..." : "Create Campaign")</button>
+        </form>
+    </section>
+
+    <section class="card">
+        <h2>Campaign Details</h2>
+        @if (SelectedCampaign is null)
+        {
+            <p class="empty">No campaign selected.</p>
+        }
+        else
+        {
+            <p>Name: <strong>@SelectedCampaign.Name</strong></p>
+            <p>Ruleset: <strong>@SelectedCampaign.RulesetId</strong></p>
+            <p>GM: <strong>@SelectedCampaign.Gm.DisplayName</strong> <span class="muted">(@SelectedCampaign.Gm.Username)</span></p>
+            <p>Characters visible: <strong>@SelectedCampaign.Characters.Count</strong></p>
+        }
+    </section>
+
+    <section class="card">
+        <div class="section-head">
+            <h2>Character Management</h2>
+            <button type="button" disabled="@(IsMutating || SelectedCampaign is null)" @onclick="CreateCharacterRequested">Create Character</button>
+        </div>
+        @if (SelectedCampaign is null)
+        {
+            <p class="empty">Select a campaign first.</p>
+        }
+        else if (SelectedCampaign.Characters.Count == 0)
+        {
+            <p class="empty">No characters in this campaign yet.</p>
+        }
+        else
+        {
+            <ul class="management-list">
+                @foreach (var character in SelectedCampaign.Characters)
+                {
+                    <li>
+                        <div><strong>@character.Name</strong><p class="muted">Owner: @OwnerLabel(character.OwnerUserId)</p></div>
+                        <div class="inline-actions">
+                            <button type="button" disabled="@(IsMutating || !CanEditCharacter(character))" @onclick="() => EditCharacterRequested.InvokeAsync(character)">Edit</button>
+                        </div>
+                    </li>
+                }
+            </ul>
+        }
+    </section>
+</main>
+
+@code {
+    [Parameter]
+    public IReadOnlyList<CampaignSummary> Campaigns { get; set; } = [];
+
+    [Parameter]
+    public Guid? SelectedCampaignId { get; set; }
+
+    [Parameter]
+    public string? SelectedCampaignName { get; set; }
+
+    [Parameter]
+    public CampaignDetails? SelectedCampaign { get; set; }
+
+    [Parameter]
+    public FormState<CampaignFormModel> CampaignState { get; set; } = new();
+
+    [Parameter]
+    public IReadOnlyList<RulesetDefinition> Rulesets { get; set; } = [];
+
+    [Parameter]
+    public bool IsMutating { get; set; }
+
+    [Parameter]
+    public Func<Guid, string> OwnerLabel { get; set; } = _ => string.Empty;
+
+    [Parameter]
+    public Func<CharacterSummary, bool> CanEditCharacter { get; set; } = _ => false;
+
+    [Parameter]
+    public EventCallback<ChangeEventArgs> CampaignSelectionChanged { get; set; }
+
+    [Parameter]
+    public EventCallback CreateCampaignSubmitted { get; set; }
+
+    [Parameter]
+    public EventCallback CreateCharacterRequested { get; set; }
+
+    [Parameter]
+    public EventCallback<CharacterSummary> EditCharacterRequested { get; set; }
+}