More tests and WIP vibe work

2026-07-18 15:07:21 -04:00
parent c8d10c19de
commit 6062d5b60c
25 changed files with 323 additions and 45 deletions
@@ -1,5 +1,7 @@
@namespace Shared.Pages
@page "/agents"
+@rendermode @(new InteractiveServerRenderMode(prerender: false))
+@using Shared.Components

 <PageTitle>Chrono CCG - Agents</PageTitle>

@@ -0,0 +1,98 @@
+@page "/syndicates"
+@rendermode @(new InteractiveServerRenderMode(prerender: false))
+@using Model
+@using Shared.Components
+@inject NavigationManager Navigation
+
+<HeadContent>
+    <meta name="description" content="Explore each syndicate in Chrono CCG."/>
+</HeadContent>
+
+<div class="syndicates-container">
+    <div class="syndicates-header">
+        <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 syndicates)
+        {
+            var s = doc.Title;
+            <div class="pairing-card" @onclick="() => OpenSyndicate(doc)">
+                <div class="pairing-display">
+                    <div class="syndicate-item @s.ToLowerInvariant()">
+                        <span class="syn-icon"></span>
+                        <span class="syn-name">@s</span>
+                    </div>
+                </div>
+                <div class="pairing-info">
+                    <span class="pairing-label">Syndicate</span>
+                </div>
+            </div>
+        }
+    </div>
+</div>
+
+<SyndicateDialog Doc="selectedDoc" OnClose="CloseSyndicate" OnNavigate="HandleNavigate" />
+<CardDialog Card="selectedCard" OnClose="CloseCard" OnNavigate="HandleNavigate" />
+<GenericDocDialog Doc="selectedGenericDoc" OnClose="CloseGenericDoc" />
+
+@code {
+    private List<DocData> syndicates = [];
+    private DocData? selectedDoc;
+    private CardData? selectedCard;
+    private DocData? selectedGenericDoc;
+
+    protected override void OnInitialized()
+    {
+        syndicates = DocDatabase.Docs
+            .Where(d => d.Category == "Syndicate")
+            .OrderBy(d => d.Title)
+            .ToList();
+    }
+
+    private void OpenSyndicate(DocData doc)
+    {
+        selectedDoc = doc;
+    }
+
+    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();
+        }
+    }
+}
@@ -0,0 +1,99 @@
+.syndicates-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+.syndicates-header {
+    margin-bottom: 2rem;
+    text-align: center;
+}
+
+.pairings-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    gap: 1.5rem;
+}
+
+.pairing-card {
+    background: var(--bg-surface);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    transition: transform var(--transition), box-shadow var(--transition);
+    cursor: pointer;
+}
+
+.pairing-card:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow);
+    border-color: var(--accent);
+}
+
+.pairing-display {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1rem;
+    width: 100%;
+    justify-content: center;
+}
+
+.syndicate-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+    flex: 1;
+}
+
+.syn-icon {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background: currentColor;
+    box-shadow: 0 0 10px currentColor;
+    display: inline-block;
+}
+
+.syn-name {
+    font-size: 0.9rem;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.pairing-info {
+    border-top: 1px solid var(--border);
+    padding-top: 0.75rem;
+    width: 100%;
+    text-align: center;
+}
+
+.pairing-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-muted);
+}
+
+/* Syndicate Colors */
+.singularity { color: #ffffff; }
+.phasetide { color: #2196f3; }
+.silence { color: #9c27b0; }
+.lifeblood { color: #4caf50; }
+.sungrace { color: #ff9800; }
+.splintergleam { color: #f44336; }
+
+@media (max-width: 600px) {
+    .pairings-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .syndicates-container {
+        padding: 1rem;
+    }
+}