Adding Syndicate Pages
This commit is contained in:
@@ -1,66 +1,97 @@
|
||||
@page "/syndicates"
|
||||
@page "/syndicates"
|
||||
@using Model
|
||||
@using Chrono.Components
|
||||
@inject NavigationManager Navigation
|
||||
|
||||
<HeadContent>
|
||||
<meta name="description" content="Explore all syndicate pairings in Chrono CCG."/>
|
||||
<meta name="description" content="Explore each syndicate in Chrono CCG."/>
|
||||
</HeadContent>
|
||||
|
||||
<div class="syndicates-container">
|
||||
<div class="syndicates-header">
|
||||
<h1>Syndicate Pairings</h1>
|
||||
<p class="text-secondary">Explore all @pairings.Count combinations of syndicates</p>
|
||||
<h1>Syndicates</h1>
|
||||
<p class="text-secondary">Explore the @syndicates.Count core syndicates of Chrono CCG</p>
|
||||
</div>
|
||||
|
||||
<div class="pairings-grid">
|
||||
@foreach (var doc in pairings)
|
||||
@foreach (var doc in syndicates)
|
||||
{
|
||||
var s1 = doc.Syndicates?[0] ?? "";
|
||||
var s2 = doc.Syndicates?[1] ?? "";
|
||||
<div class="pairing-card" @onclick="() => OpenPairing(doc)">
|
||||
var s = doc.Title;
|
||||
<div class="pairing-card" @onclick="() => OpenSyndicate(doc)">
|
||||
<div class="pairing-display">
|
||||
<div class="syndicate-item @s1.ToLowerInvariant()">
|
||||
<div class="syndicate-item @s.ToLowerInvariant()">
|
||||
<span class="syn-icon"></span>
|
||||
<span class="syn-name">@s1</span>
|
||||
</div>
|
||||
<div class="pairing-separator">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</div>
|
||||
<div class="syndicate-item @s2.ToLowerInvariant()">
|
||||
<span class="syn-icon"></span>
|
||||
<span class="syn-name">@s2</span>
|
||||
<span class="syn-name">@s</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pairing-info">
|
||||
<span class="pairing-label">Dual-Syndicate</span>
|
||||
<span class="pairing-label">Syndicate</span>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<SyndicatePairDialog Doc="selectedDoc" OnClose="ClosePairing" />
|
||||
<SyndicateDialog Doc="selectedDoc" OnClose="CloseSyndicate" OnNavigate="HandleNavigate" />
|
||||
<CardDialog Card="selectedCard" OnClose="CloseCard" OnNavigate="HandleNavigate" />
|
||||
<GenericDocDialog Doc="selectedGenericDoc" OnClose="CloseGenericDoc" />
|
||||
|
||||
@code {
|
||||
private List<DocData> pairings = [];
|
||||
private List<DocData> syndicates = [];
|
||||
private DocData? selectedDoc;
|
||||
private CardData? selectedCard;
|
||||
private DocData? selectedGenericDoc;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
pairings = DocDatabase.Docs
|
||||
.Where(d => d.Category == "Syndicate Pairings")
|
||||
syndicates = DocDatabase.Docs
|
||||
.Where(d => d.Category == "Syndicate")
|
||||
.OrderBy(d => d.Title)
|
||||
.ToList();
|
||||
}
|
||||
|
||||
private void OpenPairing(DocData doc)
|
||||
private void OpenSyndicate(DocData doc)
|
||||
{
|
||||
selectedDoc = doc;
|
||||
}
|
||||
|
||||
private void ClosePairing()
|
||||
private void CloseSyndicate()
|
||||
{
|
||||
selectedDoc = null;
|
||||
}
|
||||
|
||||
private void CloseCard()
|
||||
{
|
||||
selectedCard = null;
|
||||
}
|
||||
|
||||
private void CloseGenericDoc()
|
||||
{
|
||||
selectedGenericDoc = null;
|
||||
}
|
||||
|
||||
private void HandleNavigate(string name)
|
||||
{
|
||||
var card = CardDatabase.Cards.FirstOrDefault(c => string.Equals(c.Name, name, StringComparison.OrdinalIgnoreCase));
|
||||
if (card != null)
|
||||
{
|
||||
if (card.Category is "Agent" or "Spell")
|
||||
{
|
||||
selectedCard = card;
|
||||
}
|
||||
else
|
||||
{
|
||||
selectedGenericDoc = new DocData { Title = card.Name, Content = card.Description ?? "", Category = card.Category };
|
||||
}
|
||||
StateHasChanged();
|
||||
return;
|
||||
}
|
||||
|
||||
var doc = DocDatabase.Docs.FirstOrDefault(d => string.Equals(d.Title, name, StringComparison.OrdinalIgnoreCase));
|
||||
if (doc != null)
|
||||
{
|
||||
selectedGenericDoc = doc;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user