feat(ui): Blazor WebAssembly 마이그레이션 및 API-First 로그인 구현

2026-07-01 11:22:09 +09:00
parent bdb9262f4e
commit 4de9339163
21 changed files with 246 additions and 80 deletions
@@ -0,0 +1,109 @@
+@inherits LayoutComponentBase
+@inject HttpClient Http
+@inject AuthenticationStateProvider AuthStateProvider
+@inject NavigationManager NavigationManager
+@using System.Net.Http.Json
+@using Microsoft.FluentUI.AspNetCore.Components
+@using QuantEngine.Web.Client.Infrastructure
+
+<FluentStack Orientation="Orientation.Vertical" Class="h-100 w-100">
+    <!-- Header -->
+    <FluentHeader>
+        <FluentStack Orientation="Orientation.Horizontal" VerticalAlignment="VerticalAlignment.Center"
+                     Style="width: 100%; padding: 8px 16px; gap: 16px;">
+            <FluentButton OnClick="@(() => navOpen = !navOpen)"
+                         Title="Toggle Navigation"
+                         Style="background: transparent; border: none; cursor: pointer;">
+                ☰
+            </FluentButton>
+            <h1 style="margin: 0; font-size: 20px; font-weight: 600;">QuantEngine v@appVersion</h1>
+            <AuthorizeView>
+                <Authorized>
+                    <div style="margin-left: auto; display: flex; align-items: center; gap: 12px;">
+                        <span style="font-size: 13px; color: var(--neutral-foreground-hint);">관리자 (@context.User.Identity?.Name)</span>
+                        <FluentButton OnClick="HandleLogoutAsync" Style="color: #ff5252; background: transparent; border: 1px solid rgba(255, 82, 82, 0.2); cursor: pointer; padding: 4px 12px; border-radius: 4px;">
+                            로그아웃
+                        </FluentButton>
+                    </div>
+                </Authorized>
+            </AuthorizeView>
+        </FluentStack>
+    </FluentHeader>
+
+    <!-- Main Content Area -->
+    <FluentStack Orientation="Orientation.Horizontal" Class="flex-1" Style="overflow: hidden;">
+        <!-- Navigation Sidebar -->
+        @if (navOpen)
+        {
+            <nav style="width: 240px; background: var(--neutral-layer-1); border-right: 1px solid var(--neutral-stroke-1); padding: 12px; overflow-y: auto;">
+                <NavMenu />
+                <div style="margin-top: auto; padding-top: 12px; border-top: 1px solid var(--neutral-stroke-1); margin-top: 12px; font-size: 11px; color: var(--neutral-foreground-3); line-height: 1.5;">
+                    <div style="font-weight: 500; margin-bottom: 2px;">QuantEngine v@appVersion</div>
+                    <div style="font-size: 10px; opacity: 0.85;">배포: @buildTime</div>
+                </div>
+            </nav>
+        }
+
+        <!-- Page Content -->
+        <FluentStack Orientation="Orientation.Vertical" Class="flex-1" Style="overflow-y: auto; padding: 24px;">
+            @Body
+        </FluentStack>
+    </FluentStack>
+</FluentStack>
+
+<div id="blazor-error-ui" data-nosnippet>
+    <div class="alert alert-danger" role="alert">
+        <p>An unhandled error has occurred.</p>
+        <a href="." class="btn btn-primary">Reload</a>
+    </div>
+</div>
+
+<style>
+    .h-100 {
+        height: 100%;
+    }
+    .w-100 {
+        width: 100%;
+    }
+    .flex-1 {
+        flex: 1;
+        display: flex;
+    }
+</style>
+
+@code {
+    private bool navOpen = true;
+    private string appVersion = "Local Debug";
+    private string buildTime = "N/A";
+
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            var versionInfo = await Http.GetFromJsonAsync<VersionInfo>("version.json");
+            if (versionInfo != null)
+            {
+                appVersion = versionInfo.Version ?? "Local Debug";
+                buildTime = versionInfo.Built ?? "N/A";
+            }
+        }
+        catch
+        {
+            // Fail-safe default fallback values
+        }
+    }
+
+    private async Task HandleLogoutAsync()
+    {
+        var customProvider = (CustomAuthenticationStateProvider)AuthStateProvider;
+        await customProvider.MarkUserAsLoggedOutAsync();
+        NavigationManager.NavigateTo("login");
+    }
+
+    private class VersionInfo
+    {
+        public string? Version { get; set; }
+        public string? Built { get; set; }
+    }
+}
+