85 lines
3.5 KiB
Plaintext
85 lines
3.5 KiB
Plaintext
|
@page "/auth/verify"
|
|||
|
|
|
|||
|
|
<PageTitle>تأیید رمز پویا</PageTitle>
|
|||
|
|
|
|||
|
|
<MudPaper Class="d-flex flex-column align-center justify-center min-vh-100 pa-4">
|
|||
|
|
<MudCard Class="pa-6" Style="max-width:420px;width:100%;">
|
|||
|
|
<MudCardContent>
|
|||
|
|
<MudText Typo="Typo.h5" Class="mb-1" Align="Align.Center">تأیید رمز پویا</MudText>
|
|||
|
|
@if (!string.IsNullOrWhiteSpace(_phoneNumber))
|
|||
|
|
{
|
|||
|
|
<MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسالشده به @_phoneNumber را وارد کنید.</MudText>
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
<MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسالشده را وارد کنید.</MudText>
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
<MudForm @ref="_form" Model="_model">
|
|||
|
|
<MudTextField @bind-Value="_model.Code"
|
|||
|
|
For="@(() => _model.Code)"
|
|||
|
|
Label="رمز پویا"
|
|||
|
|
InputType="InputType.Text"
|
|||
|
|
Variant="Variant.Outlined"
|
|||
|
|
Immediate="true"
|
|||
|
|
Required="true"
|
|||
|
|
RequiredError="وارد کردن رمز پویا الزامی است."
|
|||
|
|
HelperText="کد ۵ یا ۶ رقمی"
|
|||
|
|
Class="mb-2"
|
|||
|
|
MaxLength="6" />
|
|||
|
|
|
|||
|
|
<MudText Typo="Typo.caption" Align="Align.Center" Class="mb-2">
|
|||
|
|
تلاش باقیمانده: @_attemptsLeft از @MaxVerificationAttempts
|
|||
|
|
</MudText>
|
|||
|
|
|
|||
|
|
@if (!string.IsNullOrWhiteSpace(_errorMessage))
|
|||
|
|
{
|
|||
|
|
<MudAlert Severity="Severity.Error" Dense="true" Elevation="0" Class="mb-2">@_errorMessage</MudAlert>
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@if (!string.IsNullOrWhiteSpace(_infoMessage))
|
|||
|
|
{
|
|||
|
|
<MudAlert Severity="Severity.Success" Dense="true" Elevation="0" Class="mb-2">@_infoMessage</MudAlert>
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
<MudStack Spacing="2" Class="mt-2">
|
|||
|
|
<MudButton Variant="Variant.Filled"
|
|||
|
|
Color="Color.Primary"
|
|||
|
|
OnClick="VerifyOtpAsync"
|
|||
|
|
Disabled="_isBusy || IsVerificationLocked"
|
|||
|
|
FullWidth="true">
|
|||
|
|
تأیید و ورود
|
|||
|
|
</MudButton>
|
|||
|
|
<MudButton Variant="Variant.Text"
|
|||
|
|
Color="Color.Secondary"
|
|||
|
|
Disabled="_isBusy"
|
|||
|
|
OnClick="ChangePhoneAsync">
|
|||
|
|
تغییر شماره
|
|||
|
|
</MudButton>
|
|||
|
|
</MudStack>
|
|||
|
|
|
|||
|
|
<MudDivider Class="my-2" />
|
|||
|
|
|
|||
|
|
@if (_resendRemaining > 0)
|
|||
|
|
{
|
|||
|
|
<MudText Typo="Typo.caption" Align="Align.Center">
|
|||
|
|
امکان ارسال مجدد تا @_resendRemaining ثانیه دیگر
|
|||
|
|
</MudText>
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
<MudButton Variant="Variant.Text"
|
|||
|
|
Color="Color.Primary"
|
|||
|
|
Disabled="_isBusy"
|
|||
|
|
OnClick="ResendOtpAsync">
|
|||
|
|
ارسال مجدد رمز پویا
|
|||
|
|
</MudButton>
|
|||
|
|
}
|
|||
|
|
</MudForm>
|
|||
|
|
</MudCardContent>
|
|||
|
|
</MudCard>
|
|||
|
|
</MudPaper>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|