fix: implement Blazor-native login form to properly update authentication state

Problem: JavaScript login form saved tokens to localStorage but didn't notify CustomAuthenticationStateProvider, causing [Authorize] pages to remain in 'loading' state indefinitely. The provider only reads tokens when: 1. GetAuthenticationStateAsync() is called (page load) 2. NotifyAuthenticationStateChanged() is triggered (UI updates) But JavaScript login didn't trigger either, leaving the authentication state stale. Solution: Convert AdminLoginForm from HTML+JavaScript to pure Blazor component. Now the login flow is: 1. User enters credentials in Blazor form 2. HttpClient POST to /api/auth/login 3. Save tokens to localStorage 4. Call CustomAuthenticationStateProvider.LoginAsync() directly 5. Blazor detects auth state change and re-evaluates [Authorize] pages 6. Dashboard [Authorize] page renders successfully Result: Immediate authentication state update, no loading timeout on protected pages. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-07-03 13:03:53 +09:00
parent 041d3cae96
commit 40cffb3beb
326 changed files with 327714 additions and 47 deletions
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="light" class="set-nav-dark">
+
+
+<!-- Mirrored from getwebora.com/smartadmin/demo/error-500.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 30 Jun 2026 04:28:04 GMT -->
+<head>
+    <meta charset="utf-8">
+    <title> SmartAdmin v5 - Modern Admin Dashboard | SmartAdmin - Enterprise Admin Dashboard by Webora</title>
+    <meta name="description" content="Page Description">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=5">
+
+    <!-- Standard favicon for browsers -->
+    <link rel="icon" href="img/favicon-32x32.png" type="image/png" sizes="32x32">
+    <link rel="icon" href="img/favicon-16x16.png" type="image/png" sizes="16x16">
+
+    <!-- Apple Touch Icon (iOS) -->
+    <link rel="apple-touch-icon" href="img/apple-touch-icon.png" sizes="180x180">
+
+    <!-- Android/Chrome (Progressive Web App) -->
+    <link rel="icon" href="img/favicon-192x192.png" type="image/png" sizes="192x192">
+
+    <!-- Call App Mode on ios devices -->
+    <meta name="mobile-web-app-capable" content="yes">
+
+    <!-- Remove Tap Highlight on Windows Phone IE -->
+    <meta name="msapplication-tap-highlight" content="no">
+
+    <!-- Vendor css -->
+    <link rel="stylesheet" media="screen, print" href="plugins/waves/waves.min.css">
+
+    <!-- Base css -->
+    <link rel="stylesheet" media="screen, print" href="css/smartapp.min.css">
+
+    <!-- Icons css-->
+    <link rel="stylesheet" media="screen, print" href="webfonts/smartadmin/sa-icons.css">
+    <link rel="stylesheet" media="screen, print" href="webfonts/fontawesome/fontawesome.css">
+
+    <!-- Save/Load functionality JavaScript -->
+    <script src="scripts/core/saveloadscript.js"></script>
+</head>
+
+<body>
+
+    <!-- Error Page -->
+    <section class="hero-section position-relative overflow-hidden">
+        <div class="container" style="position: relative; z-index: 1;">
+            <div class="row justify-content-center">
+                <div class="col-11 col-md-8 col-lg-6 col-xl-4">
+
+                    <div class="login-card p-4 p-md-6 bg-dark bg-opacity-50 translucent-dark rounded-4 text-center">
+                        <h1 class="display-1 fw-bold text-white mb-3">5 0 0</h1>
+                        <h4 class="text-white mb-2">Internal Server Error</h4>
+                        <p class="text-white opacity-50 mb-4">
+                            Oops! Something went wrong on our end. Please try again later.
+                        </p>
+
+                        <div class="mb-4">
+                            <a href="index.html" class="btn btn-primary me-2">Back to Home</a>
+                            <a href="#!" class="btn btn-warning">Report Issue</a>
+                        </div>
+
+                        <div class="opacity-50 text-white small">
+                            We’re working to fix the problem. Thank you for your patience.
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <div id="net"></div>
+
+    </section>
+
+    <!-- Animation Plugin -->
+    <script src="plugins/three/three.min.js"></script>
+    <script src="plugins/vanta/vanta.halo.min.js"></script>
+    <script src="plugins/vanta/vanta.net.min.js"></script>
+    <script src="scripts/pages/auth-animation.js"></script>
+
+</body>
+
+
+<!-- Mirrored from getwebora.com/smartadmin/demo/error-500.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 30 Jun 2026 04:28:04 GMT -->
+</html>