Add a login page as a demo for the challenge

damienbod · Dec 3, 2024 · 9c19c20 · 9c19c20
1 parent 70d13df
commit 9c19c20
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 4 deletions.
diff --git a/ui/Pages/Login.cshtml b/ui/Pages/Login.cshtml
@@ -0,0 +1,4 @@
+@page
+@model WebCodeFlowPkceClient.Pages.LoginModel
+@{
+}
diff --git a/ui/Pages/Login.cshtml.cs b/ui/Pages/Login.cshtml.cs
@@ -0,0 +1,40 @@
+using Microsoft.AspNetCore.Authentication;
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace WebCodeFlowPkceClient.Pages;
+
+[AllowAnonymous]
+public class LoginModel : PageModel
+{
+    [BindProperty(SupportsGet = true)]
+    public string? ReturnUrl { get; set; }
+
+    public async Task OnGetAsync()
+    {
+        var properties = GetAuthProperties(ReturnUrl);
+        await HttpContext.ChallengeAsync(properties);
+    }
+
+    private static AuthenticationProperties GetAuthProperties(string? returnUrl)
+    {
+        const string pathBase = "/";
+
+        // Prevent open redirects.
+        if (string.IsNullOrEmpty(returnUrl))
+        {
+            returnUrl = pathBase;
+        }
+        else if (!Uri.IsWellFormedUriString(returnUrl, UriKind.Relative))
+        {
+            returnUrl = new Uri(returnUrl, UriKind.Absolute).PathAndQuery;
+        }
+        else if (returnUrl[0] != '/')
+        {
+            returnUrl = $"{pathBase}{returnUrl}";
+        }
+
+        return new AuthenticationProperties { RedirectUri = returnUrl };
+    }
+}
diff --git a/ui/Pages/Shared/_Layout.cshtml b/ui/Pages/Shared/_Layout.cshtml
@@ -17,14 +17,26 @@
                         aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
+                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                     <ul class="navbar-nav flex-grow-1">
                         <li class="nav-item">
                             <a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
                         </li>
-                        <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-page="/Logout">Logout</a>
-                        </li>
+                        @if (Context.User.Identity!.IsAuthenticated)
+                        {
+                            <li class="nav-item">
+                                <a class="nav-link text-dark" asp-area="" asp-page="/Logout">Logout</a>
+                            </li>
+
+                            <span class="nav-link text-dark">Hi @Context.User.Identity.Name</span>
+                        }
+                        else
+                        {
+                            <li class="nav-item">
+                                <a class="nav-link text-dark" asp-area="" asp-page="/Index">Login</a>
+                            </li>
+                        }
+
                     </ul>
                 </div>
             </div>