leon.hoppe/HopFrame
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Redesigned admin login page

Browse Source
This commit is contained in:
Leon Hoppe
2024-11-14 16:20:09 +01:00
parent 94e7a41e59
commit 61323f089d
2 changed files with 53 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/HopFrame.Web/Pages/Administration/AdminLogin.razor
View File

@@ -12,7 +12,7 @@
<PageTitle>Login</PageTitle>
<div class="login-wrapper">
<EditForm Model="UserLogin" OnValidSubmit="Login" FormName="login-form">
@*<EditForm Model="UserLogin" OnValidSubmit="Login" FormName="login-form">
<div class="field-wrapper">
<h3>Login</h3>
<div class="mb-3">
@@ -29,7 +29,29 @@
<BSAlert Color="BSColor.Danger" style="margin-top: 16px; margin-bottom: 0">Email or password does not match any account!</BSAlert>
}
</div>
</EditForm>
</EditForm>*@
<div id="login-card">
<span id="login-title">HopFrame Administration</span>
<span id="login-subtitle">Login to proceed</span>
<EditForm Model="UserLogin" OnInvalidSubmit="Login" FormName="login-form" style="display: flex; flex-grow: 1; flex-direction: column">
<div class="mb-3">
<BSLabel>E-Mail address</BSLabel>
<InputText type="email" class="form-control" required @bind-Value="UserLogin.Email"/>
</div>
<div class="mb-3">
<BSLabel>Password</BSLabel>
<InputText type="password" class="form-control" required @bind-Value="UserLogin.Password"/>
</div>
@if (_hasError) {
<BSAlert Color="BSColor.Danger" style="margin-top: 16px; margin-bottom: 0">Email or password does not match any account!</BSAlert>
}
<BSButton Color="BSColor.Primary" IsSubmit="true" MarginTop="Margins.Auto" MarginLeftAndRight="Margins.Auto" style="width: 100px">Login</BSButton>
</EditForm>
</div>
</div>
@inject IAuthService Auth
@@ -44,7 +66,7 @@
private const string DefaultRedirect = "/administration";
private bool _hasError = false;
private bool _hasError;
protected override async Task OnInitializedAsync() {
UserLogin ??= new();
@@ -54,7 +76,7 @@
}
}
private async Task Login() {
private async Task Login() { //TODO: Login does not work
var result = await Auth.Login(UserLogin);
if (!result) {