Merge pull request #1216 from leigh-pointer/dev.fork

Added Keypress event to catch Enter key on Login page #1198
oqtane · Apr 2, 2021 · 9995066 · 9995066
2 parents 6d44384 + 60a1f4e
commit 9995066
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/Oqtane.Client/Modules/Admin/Login/Index.razor b/Oqtane.Client/Modules/Admin/Login/Index.razor
@@ -11,10 +11,10 @@
 }
 <AuthorizeView>
     <NotAuthorized>
-        <div class="container Oqtane-Modules-Admin-Login">
+        <div class="container Oqtane-Modules-Admin-Login" @onkeypress="@(e => KeyPressed(e))">
             <div class="form-group">
                 <label for="Username" class="control-label">@Localizer["Username:"] </label>
-                <input type="text" name="Username" class="form-control username" placeholder="Username" @bind="@_username" id="Username" />
+                <input type="text" @ref="username" name="Username" class="form-control username" placeholder="Username" @bind="@_username" id="Username" />
             </div>
             <div class="form-group">
                 <label for="Password" class="control-label">@Localizer["Password:"] </label>
@@ -41,6 +41,7 @@
     private string _username = string.Empty;
     private string _password = string.Empty;
     private bool _remember = false;
+    private ElementReference username;
 
     public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Anonymous;
 
@@ -80,6 +81,14 @@
         }
     }
 
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await username.FocusAsync();
+        }
+    }
+
     private async Task Login()
     {
         if (PageState.Runtime == Oqtane.Shared.Runtime.Server)
@@ -157,4 +166,12 @@
 
         StateHasChanged();
     }
+
+    private async Task KeyPressed(KeyboardEventArgs e)
+    {
+        if (e.Code == "Enter" || e.Code == "NumpadEnter")
+        {
+            await Login();
+        }
+    }
 }