128 lines
5.1 KiB
Plaintext
128 lines
5.1 KiB
Plaintext
<main class="management-screen">
|
|
<section class="card">
|
|
<div class="section-head">
|
|
<h2>Campaign</h2>
|
|
</div>
|
|
@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>
|
|
}
|
|
|
|
@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>
|
|
}
|
|
|
|
<button type="button"
|
|
class="add-row-button"
|
|
disabled="@(IsMutating || IsCreatingCampaign)"
|
|
@onclick="OpenCreateCampaignModal">
|
|
<span class="add-row-icon" aria-hidden="true">+</span>
|
|
<span>Add campaign</span>
|
|
</button>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="section-head">
|
|
<h2>Character Management</h2>
|
|
</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>
|
|
<button type="button"
|
|
class="chip-button"
|
|
title="Edit character"
|
|
disabled="@(IsMutating || IsCreatingCampaign || !CanEditCharacter(character))"
|
|
@onclick="() => EditCharacterRequested.InvokeAsync(character)">
|
|
<span aria-hidden="true">✎</span>
|
|
<span class="sr-only">Edit @character.Name</span>
|
|
</button>
|
|
</li>
|
|
}
|
|
</ul>
|
|
}
|
|
|
|
<button type="button"
|
|
class="add-row-button"
|
|
disabled="@(IsMutating || IsCreatingCampaign)"
|
|
@onclick="CreateCharacterRequested">
|
|
<span class="add-row-icon" aria-hidden="true">+</span>
|
|
<span>Add character</span>
|
|
</button>
|
|
}
|
|
</section>
|
|
</main>
|
|
|
|
@if (ShowCreateCampaignModal)
|
|
{
|
|
<div class="modal-overlay" role="presentation">
|
|
<section class="modal-card" role="dialog" aria-modal="true" aria-label="Create Campaign">
|
|
<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>
|
|
}
|
|
|
|
<div class="inline-actions">
|
|
<button type="submit" disabled="@(IsMutating || IsCreatingCampaign)">@(IsCreatingCampaign ? "Creating..." : "Create Campaign")</button>
|
|
<button type="button" class="ghost" disabled="@(IsMutating || IsCreatingCampaign)" @onclick="CloseCreateCampaignModal">Cancel</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
}
|