From aadbf49678c2728295fef819cb59f58a66aa8cc0 Mon Sep 17 00:00:00 2001
From: Joseph Doherty <dohejw01@gmail.com>
Date: Wed, 3 Jun 2026 03:13:23 -0400
Subject: [PATCH] feat(adminui): LoginCard sign-in; remove dead StatusBadge

---
 .../Components/Pages/Login.razor              | 37 +++----------------
 .../Components/Shared/StatusBadge.razor       |  7 ----
 2 files changed, 6 insertions(+), 38 deletions(-)
 delete mode 100644 src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Shared/StatusBadge.razor

diff --git a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Pages/Login.razor b/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Pages/Login.razor
index e82b2828..84834dd0 100644
--- a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Pages/Login.razor
+++ b/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Pages/Login.razor
@@ -5,39 +5,14 @@
    the form POSTs to /auth/login while ASP.NET still owns an unstarted HTTP response.
    Calling SignInAsync from an interactive circuit would be too late.
 
-   Uses LoginLayout (no side rail) so the page renders as a clean centred card. *@
+   Uses LoginLayout (no side rail) so the page renders as a clean centred card.
+   The card itself is the shared kit's <LoginCard> — it owns the .login-wrap centring
+   wrapper, the .panel shell, and the static form-POST (username/password/returnUrl). *@
 @attribute [Microsoft.AspNetCore.Authorization.AllowAnonymous]
 
-<div class="login-wrap rise" style="animation-delay:.02s">
-    <section class="panel">
-        <div style="padding:1.4rem 1.1rem 1.25rem">
-            <h1 class="login-title">OtOpcUa Admin &mdash; sign in</h1>
-            <form method="post" action="/auth/login" data-enhance="false">
-                @if (ReturnUrl is not null)
-                {
-                    <input type="hidden" name="returnUrl" value="@ReturnUrl"/>
-                }
-                <div class="mb-3">
-                    <label class="form-label" for="username">Username</label>
-                    <input id="username" name="username" type="text"
-                           class="form-control form-control-sm" autocomplete="username"/>
-                </div>
-                <div class="mb-3">
-                    <label class="form-label" for="password">Password</label>
-                    <input id="password" name="password" type="password"
-                           class="form-control form-control-sm" autocomplete="current-password"/>
-                </div>
-
-                @if (!string.IsNullOrWhiteSpace(Error))
-                {
-                    <div class="panel notice" style="margin-bottom:.85rem">@Error</div>
-                }
-
-                <button class="btn btn-primary w-100" type="submit">Sign in</button>
-            </form>
-        </div>
-    </section>
-</div>
+<LoginCard Product="OtOpcUa Admin" Action="/auth/login" ReturnUrl="@ReturnUrl" Error="@Error">
+    <AntiforgeryToken />
+</LoginCard>
 
 @code {
     /// <summary>Error message surfaced by /auth/login after a failed bind.</summary>
diff --git a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Shared/StatusBadge.razor b/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Shared/StatusBadge.razor
deleted file mode 100644
index 55096fa2..00000000
--- a/src/Server/ZB.MOM.WW.OtOpcUa.AdminUI/Components/Shared/StatusBadge.razor
+++ /dev/null
@@ -1,7 +0,0 @@
-@* Status chip — wraps the theme.css .chip / .chip-ok / .chip-warn / .chip-bad / .chip-idle classes. *@
-<span class="chip @CssClass">@Text</span>
-
-@code {
-    [Parameter] public string Text { get; set; } = "";
-    [Parameter] public string CssClass { get; set; } = "chip-idle";
-}