99 lines
4.0 KiB
Plaintext
99 lines
4.0 KiB
Plaintext
@using System.Diagnostics.CodeAnalysis
|
|
@using RpgRoller.Components
|
|
@using RpgRoller.Components.Pages
|
|
@using RpgRoller.Contracts
|
|
|
|
<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="SubmitCreateCampaignAsync" @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 || IsCreatingCampaign)">@(IsCreatingCampaign ? "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 || IsCreatingCampaign || 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 || IsCreatingCampaign || !CanEditCharacter(character))" @onclick="() => EditCharacterRequested.InvokeAsync(character)">Edit</button>
|
|
</div>
|
|
</li>
|
|
}
|
|
</ul>
|
|
}
|
|
</section>
|
|
</main>
|