@page "/"
|
@page "/pages/authentication/login"
|
@layout LoginLayout
|
|
|
|
|
<MudText Typo="Typo.h4" GutterBottom="true">ホテルシステム</MudText>
|
<MudText>Don't have an account? <MudLink Href="pages/authentication/register">Sign Up</MudLink></MudText>
|
<MudTextField T="string" Value="@("staff@mudblazor.com")" Label="アカウント" Variant="Variant.Outlined" Class="my-6"></MudTextField>
|
<MudTextField @bind-Value="@Password" Label="パスワード" Variant="Variant.Outlined" InputType="@PasswordInput" Adornment="Adornment.End" AdornmentIcon="@PasswordInputIcon" OnAdornmentClick="TogglePasswordVisibility" />
|
<div Class="d-flex justify-space-between align-center">
|
<MudCheckBox T="bool" Label="Remember me?" Color="MudBlazor.Color.Primary" Class="ml-n1 my-3"></MudCheckBox>
|
<MudLink Href="pages/authentication/forgot-password">Forgot pwd?</MudLink>
|
</div>
|
<MudButton Variant="Variant.Filled" Color="MudBlazor.Color.Primary" Link="@($"{EnvironmentSetting.SiteSubDir}roomview/list")" Size="Size.Large" FullWidth="true">ログイン</MudButton>
|
|
@code {
|
string Password { get; set; } = "BMWvBPJXZu";
|
|
bool PasswordVisibility;
|
InputType PasswordInput = InputType.Password;
|
string PasswordInputIcon = Icons.Material.Filled.VisibilityOff;
|
|
void TogglePasswordVisibility()
|
{
|
@if (PasswordVisibility)
|
{
|
PasswordVisibility = false;
|
PasswordInputIcon = Icons.Material.Filled.VisibilityOff;
|
PasswordInput = InputType.Password;
|
}
|
else
|
{
|
PasswordVisibility = true;
|
PasswordInputIcon = Icons.Material.Filled.Visibility;
|
PasswordInput = InputType.Text;
|
}
|
}
|
}
|
