224 lines
9.1 KiB
Plaintext
224 lines
9.1 KiB
Plaintext
@page "/decks/{Name}"
|
|
|
|
<PageTitle>@deck?.Name</PageTitle>
|
|
|
|
<div class="deck-detail-page">
|
|
<a class="back-link" href="/decks"><i class="bi bi-arrow-left"></i> Back to Decks</a>
|
|
|
|
@if (deck == null)
|
|
{
|
|
<div class="empty-state">
|
|
<i class="bi bi-exclamation-circle"></i>
|
|
<p>Deck not found.</p>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<article class="deck-article">
|
|
<header class="deck-header">
|
|
<h1>@deck.Name</h1>
|
|
@if (deck.Factions.Count > 0)
|
|
{
|
|
<div class="deck-factions">
|
|
@foreach (var f in deck.Factions)
|
|
{
|
|
<span class="faction-badge">@f</span>
|
|
}
|
|
</div>
|
|
}
|
|
<p class="deck-card-count">@deck.Cards.Count cards</p>
|
|
</header>
|
|
|
|
@if (deck.Keycards.Count > 0)
|
|
{
|
|
<section class="deck-section">
|
|
<h2><i class="bi bi-star-fill" style="color: var(--gold);"></i> Keycards</h2>
|
|
<div class="deck-card-row">
|
|
@foreach (var cardName in deck.Keycards)
|
|
{
|
|
var card = LookupCard(cardName);
|
|
<button class="mini-card-btn" @onclick="() => SelectCard(card)">
|
|
<div class="mini-card">
|
|
<div class="mini-card-img">
|
|
<img src="@(card?.ImagePath ?? "cards/placeholder.png")" alt="@cardName" loading="lazy"/>
|
|
</div>
|
|
<div class="mini-card-name">@cardName</div>
|
|
</div>
|
|
</button>
|
|
}
|
|
</div>
|
|
</section>
|
|
}
|
|
|
|
@if (deck.Divers.Count > 0)
|
|
{
|
|
<section class="deck-section">
|
|
<h2><i class="bi bi-shuffle"></i> Divers</h2>
|
|
<div class="deck-card-row">
|
|
@foreach (var cardName in deck.Divers)
|
|
{
|
|
var card = LookupCard(cardName);
|
|
<button class="mini-card-btn" @onclick="() => SelectCard(card)">
|
|
<div class="mini-card">
|
|
<div class="mini-card-img">
|
|
<img src="@(card?.ImagePath ?? "cards/placeholder.png")" alt="@cardName" loading="lazy"/>
|
|
</div>
|
|
<div class="mini-card-name">@cardName</div>
|
|
</div>
|
|
</button>
|
|
}
|
|
</div>
|
|
</section>
|
|
}
|
|
|
|
<section class="deck-section">
|
|
<h2><i class="bi bi-collection-fill"></i> Cards</h2>
|
|
<div class="deck-card-row">
|
|
@foreach (var cardName in deck.Cards)
|
|
{
|
|
var card = LookupCard(cardName);
|
|
<button class="mini-card-btn" @onclick="() => SelectCard(card)">
|
|
<div class="mini-card">
|
|
<div class="mini-card-img">
|
|
<img src="@(card?.ImagePath ?? "cards/placeholder.png")" alt="@cardName" loading="lazy"/>
|
|
</div>
|
|
<div class="mini-card-name">@cardName</div>
|
|
</div>
|
|
</button>
|
|
}
|
|
</div>
|
|
</section>
|
|
|
|
@if (deck.Description != null)
|
|
{
|
|
<section class="deck-section description">
|
|
<h2><i class="bi bi-chat-quote-fill"></i> Description</h2>
|
|
<div class="deck-description">
|
|
@foreach (var paragraph in deck.Description.Split('\n', StringSplitOptions.RemoveEmptyEntries))
|
|
{
|
|
<p>@paragraph</p>
|
|
}
|
|
</div>
|
|
</section>
|
|
}
|
|
</article>
|
|
}
|
|
</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>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
@code {
|
|
[Parameter]
|
|
public string Name { get; set; } = "";
|
|
|
|
private DeckData? deck;
|
|
private CardData? selectedCard;
|
|
|
|
protected override void OnParametersSet()
|
|
{
|
|
var decoded = Uri.UnescapeDataString(Name);
|
|
deck = DeckDatabase.Decks.FirstOrDefault(d => d.IsVisible && d.Name == decoded);
|
|
}
|
|
|
|
private CardData? LookupCard(string cardName)
|
|
{
|
|
return CardDatabase.Cards.FirstOrDefault(c =>
|
|
string.Equals(c.Name, cardName, StringComparison.OrdinalIgnoreCase));
|
|
}
|
|
|
|
private void SelectCard(CardData? card)
|
|
{
|
|
selectedCard = card;
|
|
}
|
|
|
|
private void CloseDetail()
|
|
{
|
|
selectedCard = null;
|
|
}
|
|
}
|