TourIAm/TIAMSharedUI/Pages/Components/LoginStep1.razor

65 lines
1.9 KiB
Plaintext

@using AyCode.Core.Consts
@using TIAM.Core.Consts
@using TIAMWebApp.Shared.Application.Models.PageModels;
<EditForm Model="@LoginModel" OnValidSubmit="GoToNextStep">
@* <DataAnnotationsValidator /> *@
<div class="form-field d-flex align-items-center">
<DxMaskedInput @bind-Value="@LoginModel.Email"
Id="Email"
CssClass="cw-320"
Mask="@EmailMask"
MaskMode="MaskMode.RegEx">
<DxRegExMaskProperties MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
Placeholder="Placeholder"
PlaceholdersVisible="PlaceholderVisible" />
</DxMaskedInput>
</div>
<ValidationMessage For="@(() => LoginModel.Email)" />
<button class="btn btn-primary mt-3" type="submit">
<span class="@spinnerClass"></span>
Next
</button>
</EditForm>
@code {
[Parameter]
public LoginModel LoginModel { get; set; }
//[Parameter]
//public string Email { get; set; }
[Parameter]
public EventCallback<string> onLoginNext { get; set; }
[Parameter]
public EventCallback<LoginModel> LoginModelChanged { get; set; }
IEnumerable<char> PredefinedPlaceholders { get; set; } = new List<char>() { '_', '#' };
string EmailMask { get; set; } = AcRegExpression.EmailMask;
MaskAutoCompleteMode AutoCompleteMode { get; set; } = MaskAutoCompleteMode.Strong;
char Placeholder { get; set; } = '_';
bool PlaceholderVisible { get; set; } = false;
private string spinnerClass = "";
private async Task GoToNextStep()
{
spinnerClass = "spinner-border spinner-border-sm";
await Task.Delay(500);
spinnerClass = "";
await LoginModelChanged.InvokeAsync(LoginModel);
await onLoginNext.InvokeAsync();
}
}