Added functionality, when the EnterKey is press the login command is run.

This commit is contained in:
Leigh Pointer
2021-04-02 07:01:27 +02:00
parent 59e5eabeb8
commit 60a1f4ed15

View File

@ -11,10 +11,10 @@
} }
<AuthorizeView> <AuthorizeView>
<NotAuthorized> <NotAuthorized>
<div class="container Oqtane-Modules-Admin-Login"> <div class="container Oqtane-Modules-Admin-Login" @onkeypress="@(e => KeyPressed(e))">
<div class="form-group"> <div class="form-group">
<label for="Username" class="control-label">@Localizer["Username:"] </label> <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>
<div class="form-group"> <div class="form-group">
<label for="Password" class="control-label">@Localizer["Password:"] </label> <label for="Password" class="control-label">@Localizer["Password:"] </label>
@ -41,6 +41,7 @@
private string _username = string.Empty; private string _username = string.Empty;
private string _password = string.Empty; private string _password = string.Empty;
private bool _remember = false; private bool _remember = false;
private ElementReference username;
public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.Anonymous; 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() private async Task Login()
{ {
if (PageState.Runtime == Oqtane.Shared.Runtime.Server) if (PageState.Runtime == Oqtane.Shared.Runtime.Server)
@ -157,4 +166,12 @@
StateHasChanged(); StateHasChanged();
} }
private async Task KeyPressed(KeyboardEventArgs e)
{
if (e.Code == "Enter" || e.Code == "NumpadEnter")
{
await Login();
}
}
} }