This commit is contained in:
MeysamMoghaddam
2025-09-28 08:38:13 +03:30
parent 63338dbb79
commit d2cd305581
4 changed files with 267 additions and 150 deletions

View File

@@ -5,14 +5,14 @@
<MudStack AlignItems="AlignItems.Center">
<MudCard Class="pa-6" Style="max-width:420px;width:100%;">
<MudCardContent>
<MudText Typo="Typo.h5" Class="mb-1" Align="Align.Center">تأیید رمز پویا</MudText>
<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>
<MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسال‌شده به @_phoneNumber را وارد نمایید.</MudText>
}
else
{
<MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد ارسال‌شده را وارد کنید.</MudText>
<MudText Typo="Typo.body2" Class="mb-4" Align="Align.Center">کد پیامک شده را وارد نمایید.</MudText>
}
<MudForm @ref="_form" Model="_request" Validation="@(_requestValidator.ValidateValue)">
@@ -24,17 +24,19 @@
Immediate="true"
Required="true"
RequiredError="وارد کردن رمز پویا الزامی است."
HelperText="کد ۶ رقمی"
HelperText="کد ۵ یا ۶ رقمی"
Class="mb-2"
MaxLength="6" />
<MudText Typo="Typo.body1" Align="Align.Center" Class="mb-2">
تلاش باقی‌مانده: @_attemptsLeft از @MaxVerificationAttempts
<MudText Typo="Typo.caption" Align="Align.Center" Class="mb-1">
تلاش‌های باقی‌مانده: @_attemptsLeft
</MudText>
@if (!string.IsNullOrWhiteSpace(_errorMessage))
@if (_resendSeconds > 0)
{
<MudAlert Severity="Severity.Error" Dense="true" Elevation="0" Class="mb-2">@_errorMessage</MudAlert>
<MudText Typo="Typo.caption" Align="Align.Center" Class="mb-1">
امکان ارسال مجدد تا @_resendSeconds ثانیه دیگر فعال می‌شود.
</MudText>
}
@if (!string.IsNullOrWhiteSpace(_infoMessage))
@@ -42,13 +44,19 @@
<MudAlert Severity="Severity.Success" Dense="true" Elevation="0" Class="mb-2">@_infoMessage</MudAlert>
}
@if (!string.IsNullOrWhiteSpace(_errorMessage))
{
<MudAlert Severity="Severity.Error" Dense="true" Elevation="0" Class="mb-2">@_errorMessage</MudAlert>
}
<MudStack Spacing="2" Class="mt-2">
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="VerifyOtpAsync"
Disabled="_isBusy || IsVerificationLocked"
Loading="_isBusy"
FullWidth="true">
تأیید و ورود
تأیید و ادامه
</MudButton>
<MudButton Variant="Variant.Text"
Color="Color.Secondary"
@@ -60,25 +68,13 @@
<MudDivider Class="my-2" />
@if (_resendRemaining > 0)
{
<MudText Typo="Typo.body1" Align="Align.Center">
امکان ارسال مجدد تا @_resendRemaining ثانیه دیگر
</MudText>
}
else
{
<MudButton Variant="Variant.Text"
Color="Color.Primary"
Disabled="_isBusy"
OnClick="ResendOtpAsync">
ارسال مجدد رمز پویا
</MudButton>
}
<MudButton Variant="Variant.Text"
Color="Color.Primary"
Disabled="_isBusy || _resendSeconds > 0"
OnClick="ResendOtpAsync">
ارسال دوباره رمز
</MudButton>
</MudForm>
</MudCardContent>
</MudCard>
</MudStack>