Adding vibe hover effect

2026-07-18 16:23:21 -04:00
parent 74f065e0f5
commit 4ce33bdb36
17 changed files with 550 additions and 308 deletions
@@ -0,0 +1,105 @@
+@page "/syndicate-pairings"
+@namespace Shared.Pages
+
+<HeadContent>
+    <meta name="description" content="Explore all syndicate pairings 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>
+    </div>
+
+    <div class="pairings-grid">
+        @foreach (var doc in pairings)
+        {
+            var s1 = doc.Syndicates?[0] ?? "";
+            var s2 = doc.Syndicates?[1] ?? "";
+            <div class="pairing-card" @onclick="() => OpenPairing(doc)">
+                <div class="pairing-display">
+                    <div class="syndicate-item @s1.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>
+                    </div>
+                </div>
+                <div class="pairing-info">
+                    <span class="pairing-label">Dual-Syndicate Pairing</span>
+                </div>
+            </div>
+        }
+    </div>
+</div>
+
+<Shared.Components.SyndicatePairDialog Doc="selectedDoc" OnClose="ClosePairing" OnNavigate="HandleNavigate"/>
+<Shared.Components.CardDetailModal Card="selectedCard" IsVisible="@(selectedCard != null)" OnClose="CloseCard" />
+<Shared.Components.DocDetailModal Doc="selectedGenericDoc" OnClose="CloseGenericDoc"/>
+
+@code {
+    private List<DocData> pairings = [];
+    private DocData? selectedDoc;
+    private CardData? selectedCard;
+    private DocData? selectedGenericDoc;
+
+    protected override void OnInitialized()
+    {
+        pairings = DocDatabase.Docs
+            .Where(d => d.Category == "Syndicate Pairings")
+            .OrderBy(d => d.Title)
+            .ToList();
+    }
+
+    private void OpenPairing(DocData doc)
+    {
+        selectedDoc = doc;
+    }
+
+    private void ClosePairing()
+    {
+        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();
+        }
+    }
+
+}