JonathanMcCaffrey/ChronoCCG
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adding info links to dialogs

Browse Source
This commit is contained in:
Jonathan McCaffrey
2026-06-21 02:00:21 -04:00
parent be34a0bd4a
commit 2553e98649
7 changed files with 527 additions and 680 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Chrono/Web/Pages/Cards.razor
+4 -133
View File
@@ -163,105 +163,11 @@
}
</div>
}
@if (selectedCard != null)
{
<div class="modal-backdrop" @onclick="CloseDetail"></div>
<div class="card-detail">
<button class="detail-close" @onclick="CloseDetail"><i class="bi bi-x-lg"></i></button>
<div class="detail-layout">
<div class="detail-image">
<img src="@selectedCard.ImagePath" alt="@selectedCard.Name"/>
</div>
<div class="detail-info">
<div class="detail-header">
<h2>@selectedCard.Name</h2>
<div class="detail-meta">
<span
class="meta-badge category @selectedCard.Category?.ToLowerInvariant()">@selectedCard.Category</span>
@if (selectedCard.Cost.HasValue)
{
<span class="meta-badge cost"><i class="bi bi-lightning-fill"></i> @selectedCard.Cost</span>
}
@if (selectedCard.Attack.HasValue)
{
<span class="meta-badge attack"><i class="bi bi-crosshair"></i> @selectedCard.Attack</span>
}
@if (selectedCard.Health.HasValue)
{
<span class="meta-badge health"><i class="bi bi-heart-fill"></i> @selectedCard.Health</span>
}
@if (selectedCard.Speed != null)
{
<span class="meta-badge speed"><i class="bi bi-wind"></i> @selectedCard.Speed</span>
}
</div>
</div>
@if (selectedCard.Faction != null)
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-flag-fill"></i> Faction</span>
<span class="field-value">@selectedCard.Faction</span>
</div>
}
@if (selectedCard.Description != null)
{
<div class="detail-field description">
<span class="field-label"><i class="bi bi-chat-quote-fill"></i></span>
<span class="field-value">@selectedCard.Description</span>
</div>
}
@if (selectedCard.Set != null)
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-collection"></i> Set</span>
<span class="field-value">@selectedCard.Set</span>
</div>
}
@if (selectedCard.Archetypes is { Count: > 0 })
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-layers-fill"></i> Archetypes</span>
<span class="field-value">@string.Join(", ", selectedCard.Archetypes)</span>
</div>
}
@if (selectedCard.ImmortalizeWhen != null)
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-star-fill"></i> Immortalize When</span>
<span class="field-value">@selectedCard.ImmortalizeWhen</span>
</div>
}
@if (selectedCard.HasImmortalize)
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-arrow-right-circle-fill"></i> Immortalizes To</span>
<span class="field-value">@string.Join(", ", selectedCard.ImmortalizeTo!)</span>
</div>
}
@if (selectedCard.ImmortalizeFrom != null)
{
<div class="detail-field">
<span class="field-label"><i class="bi bi-arrow-left-circle-fill"></i> Immortalizes From</span>
<span class="field-value">@selectedCard.ImmortalizeFrom</span>
</div>
}
@if (selectedCard.IsAgent && false) // Server-only feature. Redesign project structure
{
<div class="detail-field note">
<span class="field-label"><i class="bi bi-pencil-fill"></i> Personal Note</span>
<textarea class="form-control note-input" @bind="currentNote" @onblur="SaveNote"
placeholder="Add a private note about this agent..."></textarea>
@if (isSaving)
{
<span class="saving-indicator">Saving...</span>
}
</div>
}
</div>
</div>
</div>
<CardDialog Card="selectedCard" OnClose="CloseDetail" OnNavigate="SelectCard" />
}
@code {
@@ -270,7 +176,6 @@
private string search = "";
private string categoryFilter = "";
private string immortalFilter = "";
private bool agentOnly = true;
private bool agentLink = true;
private string factionFilter = "";
private string costFilter = "";
@@ -279,8 +184,6 @@
private bool showDetailedView;
private CardData? selectedCard;
private List<string> factions = [];
private string currentNote = "";
private bool isSaving;
private bool HasActiveFilters => categoryFilter != "" || factionFilter != "" || costFilter != "" || immortalFilter != "";
@@ -354,41 +257,9 @@
search = "";
}
private async Task SelectCard(CardData card)
private void SelectCard(CardData card)
{
selectedCard = card;
if (card.IsAgent)
{
currentNote = "";
try
{
var note = await Http.GetFromJsonAsync<CardNote>($"api/notes/{Uri.EscapeDataString(card.Name)}");
currentNote = note?.Note ?? "";
}
catch
{
currentNote = "";
}
}
}
private async Task SaveNote()
{
if (selectedCard == null || !selectedCard.IsAgent) return;
isSaving = true;
try
{
await Http.PostAsJsonAsync("api/notes", new CardNote { CardName = selectedCard.Name, Note = currentNote });
}
catch
{
// Error handling
}
finally
{
isSaving = false;
}
}
private void CloseDetail()