86 lines
1.7 KiB
Plaintext
86 lines
1.7 KiB
Plaintext
@page "/login"
|
|
|
|
@using JSMR.UI.Blazor.Services
|
|
|
|
@inject SessionState Session
|
|
@inject NavigationManager Nav
|
|
|
|
<h3>Login</h3>
|
|
|
|
@if (Session.IsAuthenticated)
|
|
{
|
|
<p>You're already logged in as <b>@Session.Me?.name</b>.</p>
|
|
<button @onclick="Logout">Logout</button>
|
|
}
|
|
else
|
|
{
|
|
<div style="max-width: 360px;">
|
|
<div>
|
|
<label>Username</label><br />
|
|
<input @bind="username" />
|
|
</div>
|
|
<div style="margin-top: 8px;">
|
|
<label>Password</label><br />
|
|
<input type="password" @bind="password" />
|
|
</div>
|
|
|
|
<div style="margin-top: 12px;">
|
|
<button @onclick="LoginAsync" disabled="@busy">Login</button>
|
|
</div>
|
|
|
|
@if (!string.IsNullOrWhiteSpace(error))
|
|
{
|
|
<p style="color: crimson; margin-top: 8px;">@error</p>
|
|
}
|
|
</div>
|
|
}
|
|
|
|
@code {
|
|
private string username = "";
|
|
private string password = "";
|
|
private bool busy;
|
|
private string? error;
|
|
|
|
private async Task LoginAsync()
|
|
{
|
|
busy = true;
|
|
error = null;
|
|
try
|
|
{
|
|
var ok = await Session.LoginAsync(username, password);
|
|
if (!ok)
|
|
{
|
|
error = "Invalid username or password.";
|
|
return;
|
|
}
|
|
|
|
Nav.NavigateTo("/");
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
error = ex.Message;
|
|
}
|
|
finally
|
|
{
|
|
busy = false;
|
|
}
|
|
}
|
|
|
|
private async Task Logout()
|
|
{
|
|
busy = true;
|
|
error = null;
|
|
try
|
|
{
|
|
await Session.LogoutAsync();
|
|
}
|
|
catch (Exception ex)
|
|
{
|
|
error = ex.Message;
|
|
}
|
|
finally
|
|
{
|
|
busy = false;
|
|
}
|
|
}
|
|
} |