admin/FrontOffice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
MeysamMoghaddam
2025-10-12 23:43:34 +03:30
parent 6585c8014a
commit 5211f7ce38
9 changed files with 37 additions and 686 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/FrontOffice.Main/App.razor.cs
View File

@@ -1,6 +1,30 @@
namespace FrontOffice.Main;
using Blazored.LocalStorage;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.WebUtilities;
namespace FrontOffice.Main;
public partial class App
{
[Inject] private ILocalStorageService LocalStorage { get; set; } = default!;
protected override async Task OnInitializedAsync()
{
await base.OnInitializedAsync();
// Check for referral code in URL query parameters
var uri = Navigation.ToAbsoluteUri(Navigation.Uri);
var query = QueryHelpers.ParseQuery(uri.Query);
if (query.TryGetValue("ref", out var refValues))
{
var referralCode = refValues.FirstOrDefault();
if (!string.IsNullOrWhiteSpace(referralCode))
{
// Store referral code in local storage
await LocalStorage.SetItemAsync("referral:code", referralCode);
}
}
}
}

48
src/FrontOffice.Main/Pages/Auth/Phone.razor
View File

@@ -1,48 +0,0 @@
@attribute [Route(RouteConstants.Auth.Phone)]
<PageTitle>ورود | تأیید شماره موبایل</PageTitle>
<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.body2" Class="mb-4" Align="Align.Center">لطفاً شماره موبایل خود را وارد کنید تا رمز پویا ارسال شود.</MudText>
<MudForm @ref="_form" Model="_request" Validation="@(_requestValidator.ValidateValue)">
<MudTextField @bind-Value="_request.Mobile"
For="@(() => _request.Mobile)"
Label="شماره موبایل"
InputType="InputType.Text"
Variant="Variant.Outlined"
Immediate="true"
Required="true"
RequiredError="وارد کردن شماره موبایل الزامی است."
HelperText="مثال: 09121234567"
Class="mb-2" />
<MudCheckBox T="bool"
Label="شرایط و قوانین را می‌پذیرم"
Class="mb-2" />
@if (!string.IsNullOrWhiteSpace(_errorMessage))
{
<MudAlert Severity="Severity.Error" Dense="true" Elevation="0" Class="mb-2">@_errorMessage</MudAlert>
}
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="SendOtpAsync"
Disabled="_isBusy"
FullWidth="true"
Class="mt-2">
ارسال رمز پویا
</MudButton>
</MudForm>
</MudCardContent>
<MudCardActions Class="justify-center">
<MudText Typo="Typo.body1" Align="Align.Center" Class="px-2">
با ورود، شرایط استفاده و سیاست حفظ حریم خصوصی را می‌پذیرید.
</MudText>
</MudCardActions>
</MudCard>
</MudStack>

160
src/FrontOffice.Main/Pages/Auth/Phone.razor.cs
View File

@@ -1,160 +0,0 @@
using Blazored.LocalStorage;
using FrontOffice.BFF.User.Protobuf.Protos.User;
using FrontOffice.BFF.User.Protobuf.Validator;
using FrontOffice.Main.Utilities;
using Grpc.Core;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.WebUtilities;
using MudBlazor;
namespace FrontOffice.Main.Pages.Auth;
public partial class Phone : IDisposable
{
private const string PhoneStorageKey = "auth:phone-number";
private const string RedirectStorageKey = "auth:redirect";
private const string TokenStorageKey = "auth:token";
private const string OtpPurpose = "Login";
private CreateNewOtpTokenRequestValidator _requestValidator = new();
private CreateNewOtpTokenRequest _request = new();
private MudForm? _form;
private bool _isBusy;
private string? _errorMessage;
private string? _redirect;
private CancellationTokenSource? _sendCts;
[Inject] private ILocalStorageService LocalStorage { get; set; } = default!;
[Inject] private UserContract.UserContractClient UserClient { get; set; } = default!;
protected override async Task OnInitializedAsync()
{
_request.Purpose = OtpPurpose;
var uri = Navigation.ToAbsoluteUri(Navigation.Uri);
var query = QueryHelpers.ParseQuery(uri.Query);
if (query.TryGetValue("redirect", out var redirectValues))
{
_redirect = redirectValues.LastOrDefault();
}
var storedPhone = await LocalStorage.GetItemAsync<string>(PhoneStorageKey);
if (!string.IsNullOrWhiteSpace(storedPhone))
{
_request.Mobile = storedPhone;
}
if (string.IsNullOrWhiteSpace(_redirect))
{
var storedRedirect = await LocalStorage.GetItemAsync<string>(RedirectStorageKey);
if (!string.IsNullOrWhiteSpace(storedRedirect))
{
_redirect = storedRedirect;
}
}
}
private async Task SendOtpAsync()
{
_errorMessage = null;
if (_form is null)
return;
await _form.Validate();
if (!_form.IsValid)
return;
_isBusy = true;
_sendCts?.Cancel();
_sendCts?.Dispose();
_sendCts = new CancellationTokenSource();
try
{
var validationResult = _requestValidator.Validate(_request);
if (!validationResult.IsValid)
{
_errorMessage = string.Join(" ", validationResult.Errors.Select(e => e.ErrorMessage).Distinct());
return;
}
var metadata = await BuildAuthMetadataAsync();
CreateNewOtpTokenResponse response;
if (metadata is not null)
{
response = await UserClient.CreateNewOtpTokenAsync(_request, metadata, cancellationToken: _sendCts.Token);
}
else
{
response = await UserClient.CreateNewOtpTokenAsync(_request, cancellationToken: _sendCts.Token);
}
if (response?.Success != true)
{
_errorMessage = string.IsNullOrWhiteSpace(response?.Message)
? "ارسال رمز پویا با خطا مواجه شد. لطفاً دوباره تلاش کنید."
: response!.Message;
return;
}
await LocalStorage.SetItemAsync(PhoneStorageKey, _request.Mobile);
if (!string.IsNullOrWhiteSpace(_redirect))
{
await LocalStorage.SetItemAsync(RedirectStorageKey, _redirect);
}
else
{
await LocalStorage.RemoveItemAsync(RedirectStorageKey);
}
var target = $"{RouteConstants.Auth.Verify}?phone={Uri.EscapeDataString(_request.Mobile)}";
if (!string.IsNullOrEmpty(_redirect))
{
target += "&redirect=" + Uri.EscapeDataString(_redirect);
}
Navigation.NavigateTo(target, forceLoad: false);
}
catch (RpcException rpcEx)
{
_errorMessage = !string.IsNullOrWhiteSpace(rpcEx.Status.Detail)
? rpcEx.Status.Detail
: "ارسال رمز پویا با خطا مواجه شد. لطفاً دوباره تلاش کنید.";
}
catch (OperationCanceledException)
{
}
catch (Exception ex)
{
_errorMessage = ex.Message;
}
finally
{
_isBusy = false;
_sendCts?.Dispose();
_sendCts = null;
await InvokeAsync(StateHasChanged);
}
}
private async Task<Metadata?> BuildAuthMetadataAsync()
{
var token = await LocalStorage.GetItemAsync<string>(TokenStorageKey);
if (string.IsNullOrWhiteSpace(token))
{
return null;
}
return new Metadata
{
{ "Authorization", $"Bearer {token}" }
};
}
public void Dispose()
{
_sendCts?.Cancel();
_sendCts?.Dispose();
_sendCts = null;
}
}

84
src/FrontOffice.Main/Pages/Auth/Verify.razor
View File

@@ -1,84 +0,0 @@
@attribute [Route(RouteConstants.Auth.Verify)]
<PageTitle>تأیید رمز پویا</PageTitle>
<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>
@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="_request" Validation="@(_requestValidator.ValidateValue)">
<MudTextField @bind-Value="_request.Code"
For="@(() => _request.Code)"
Label="رمز پویا"
InputType="InputType.Text"
Variant="Variant.Outlined"
Immediate="true"
Required="true"
RequiredError="وارد کردن رمز پویا الزامی است."
HelperText="کد ۶ رقمی"
Class="mb-2"
MaxLength="6" />
<MudText Typo="Typo.body1" 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.body1" Align="Align.Center">
امکان ارسال مجدد تا @_resendRemaining ثانیه دیگر
</MudText>
}
else
{
<MudButton Variant="Variant.Text"
Color="Color.Primary"
Disabled="_isBusy"
OnClick="ResendOtpAsync">
ارسال مجدد رمز پویا
</MudButton>
}
</MudForm>
</MudCardContent>
</MudCard>
</MudStack>

385
src/FrontOffice.Main/Pages/Auth/Verify.razor.cs
View File

@@ -1,385 +0,0 @@
using Blazored.LocalStorage;
using FrontOffice.BFF.User.Protobuf.Protos.User;
using FrontOffice.BFF.User.Protobuf.Validator;
using FrontOffice.Main.Utilities;
using Grpc.Core;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.WebUtilities;
using MudBlazor;
namespace FrontOffice.Main.Pages.Auth;
public partial class Verify : IDisposable
{
private const int DefaultResendCooldown = 120;
public const int MaxVerificationAttempts = 5;
private const string OtpPurpose = "Login";
private const string PhoneStorageKey = "auth:phone-number";
private const string RedirectStorageKey = "auth:redirect";
private const string TokenStorageKey = "auth:token";
private VerifyOtpTokenRequestValidator _requestValidator = new();
private VerifyOtpTokenRequest _request = new();
private MudForm? _form;
private bool _isBusy;
private string? _phoneNumber;
private string? _redirect;
private string? _errorMessage;
private string? _infoMessage;
private Timer? _resendTimer;
private int _resendRemaining;
private int _attemptsLeft = MaxVerificationAttempts;
private CancellationTokenSource? _operationCts;
[Inject] private ILocalStorageService LocalStorage { get; set; } = default!;
[Inject] private UserContract.UserContractClient UserClient { get; set; } = default!;
private bool IsVerificationLocked => _attemptsLeft <= 0;
protected override async Task OnInitializedAsync()
{
_request.Purpose = OtpPurpose;
var uri = Navigation.ToAbsoluteUri(Navigation.Uri);
var query = QueryHelpers.ParseQuery(uri.Query);
if (query.TryGetValue("redirect", out var redirectValues))
{
_redirect = redirectValues.LastOrDefault();
}
if (query.TryGetValue("phone", out var phoneValues))
{
_phoneNumber = phoneValues.LastOrDefault();
}
if (string.IsNullOrWhiteSpace(_phoneNumber))
{
_phoneNumber = await LocalStorage.GetItemAsync<string>(PhoneStorageKey);
}
if (string.IsNullOrWhiteSpace(_phoneNumber))
{
await ResetAuthenticationAsync();
Navigation.NavigateTo(RouteConstants.Auth.Phone, forceLoad: true);
return;
}
await LocalStorage.SetItemAsync(PhoneStorageKey, _phoneNumber);
if (string.IsNullOrWhiteSpace(_redirect))
{
var storedRedirect = await LocalStorage.GetItemAsync<string>(RedirectStorageKey);
if (!string.IsNullOrWhiteSpace(storedRedirect))
{
_redirect = storedRedirect;
}
}
StartResendCountdown();
}
private async Task VerifyOtpAsync()
{
_errorMessage = null;
_infoMessage = null;
if (_form is null)
return;
await _form.Validate();
if (!_form.IsValid)
return;
if (IsVerificationLocked)
{
_errorMessage = "تعداد تلاش‌های مجاز به پایان رسیده است. لطفاً رمز جدید دریافت کنید.";
return;
}
if (string.IsNullOrWhiteSpace(_phoneNumber))
{
await ResetAuthenticationAsync();
Navigation.NavigateTo(RouteConstants.Auth.Phone, forceLoad: true);
return;
}
_isBusy = true;
var cancellationToken = PrepareOperationToken();
try
{
_request.Mobile = _phoneNumber;
var validationResult = _requestValidator.Validate(_request);
if (!validationResult.IsValid)
{
_errorMessage = string.Join(" ", validationResult.Errors.Select(e => e.ErrorMessage).Distinct());
return;
}
var metadata = await BuildAuthMetadataAsync();
VerifyOtpTokenResponse response;
if (metadata is not null)
{
response = await UserClient.VerifyOtpTokenAsync(_request, metadata, cancellationToken: cancellationToken);
}
else
{
response = await UserClient.VerifyOtpTokenAsync(_request, cancellationToken: cancellationToken);
}
if (response is null)
{
_errorMessage = "تأیید رمز پویا انجام نشد. لطفاً دوباره تلاش کنید.";
return;
}
if (response.Success)
{
if (!string.IsNullOrWhiteSpace(response.Token))
{
await LocalStorage.SetItemAsync(TokenStorageKey, response.Token);
}
else
{
await LocalStorage.RemoveItemAsync(TokenStorageKey);
}
await LocalStorage.RemoveItemAsync(PhoneStorageKey);
await LocalStorage.RemoveItemAsync(RedirectStorageKey);
_attemptsLeft = MaxVerificationAttempts;
_request.Code = string.Empty;
var target = !string.IsNullOrWhiteSpace(_redirect) ? _redirect : RouteConstants.Main.MainPage;
if (!string.IsNullOrWhiteSpace(target))
{
Navigation.NavigateTo(target, forceLoad: true);
}
return;
}
RegisterFailedAttempt(string.IsNullOrWhiteSpace(response.Message) ? "کد نادرست است." : response.Message);
}
catch (RpcException rpcEx)
{
await HandleVerificationFailureAsync(rpcEx);
}
catch (OperationCanceledException)
{
}
catch (Exception ex)
{
_errorMessage = ex.Message;
}
finally
{
_isBusy = false;
ClearOperationToken();
await InvokeAsync(StateHasChanged);
}
}
private async Task HandleVerificationFailureAsync(RpcException rpcEx)
{
switch (rpcEx.Status.StatusCode)
{
case StatusCode.PermissionDenied:
case StatusCode.InvalidArgument:
RegisterFailedAttempt(!string.IsNullOrWhiteSpace(rpcEx.Status.Detail)
? rpcEx.Status.Detail
: "کد نادرست است.");
break;
case StatusCode.Unauthenticated:
await ResetAuthenticationAsync();
_errorMessage = "نشست کاربری منقضی شده است. لطفاً دوباره وارد شوید.";
Navigation.NavigateTo(RouteConstants.Auth.Phone, forceLoad: true);
break;
case StatusCode.DeadlineExceeded:
case StatusCode.NotFound:
_errorMessage = "کد منقضی شده است. لطفاً رمز جدید دریافت کنید.";
break;
default:
_errorMessage = !string.IsNullOrWhiteSpace(rpcEx.Status.Detail)
? rpcEx.Status.Detail
: "تأیید رمز پویا انجام نشد. لطفاً دوباره تلاش کنید.";
break;
}
}
private void RegisterFailedAttempt(string baseMessage)
{
_attemptsLeft = Math.Max(0, _attemptsLeft - 1);
if (_attemptsLeft > 0)
{
_errorMessage = $"{baseMessage} {_attemptsLeft} تلاش باقی مانده است.";
}
else
{
_errorMessage = $"{baseMessage} تلاش‌های مجاز شما به پایان رسیده است. لطفاً رمز جدید دریافت کنید.";
}
}
private async Task ResendOtpAsync()
{
if (_resendRemaining > 0 || _isBusy || string.IsNullOrWhiteSpace(_phoneNumber))
{
return;
}
_errorMessage = null;
_infoMessage = null;
_isBusy = true;
var cancellationToken = PrepareOperationToken();
try
{
var request = new CreateNewOtpTokenRequest
{
Mobile = _phoneNumber,
Purpose = OtpPurpose
};
var metadata = await BuildAuthMetadataAsync();
CreateNewOtpTokenResponse response;
if (metadata is not null)
{
response = await UserClient.CreateNewOtpTokenAsync(request, metadata, cancellationToken: cancellationToken);
}
else
{
response = await UserClient.CreateNewOtpTokenAsync(request, cancellationToken: cancellationToken);
}
if (response?.Success != true)
{
_errorMessage = string.IsNullOrWhiteSpace(response?.Message)
? "ارسال مجدد رمز پویا با خطا مواجه شد."
: response!.Message;
return;
}
_infoMessage = string.IsNullOrWhiteSpace(response.Message)
? "کد جدید ارسال شد."
: response.Message;
_attemptsLeft = MaxVerificationAttempts;
_request.Code = string.Empty;
StartResendCountdown();
}
catch (RpcException rpcEx)
{
await HandleResendFailureAsync(rpcEx);
}
catch (OperationCanceledException)
{
}
catch (Exception ex)
{
_errorMessage = ex.Message;
}
finally
{
_isBusy = false;
ClearOperationToken();
await InvokeAsync(StateHasChanged);
}
}
private async Task HandleResendFailureAsync(RpcException rpcEx)
{
switch (rpcEx.Status.StatusCode)
{
case StatusCode.Unauthenticated:
await ResetAuthenticationAsync();
_errorMessage = "نشست کاربری منقضی شده است. لطفاً دوباره وارد شوید.";
Navigation.NavigateTo(RouteConstants.Auth.Phone, forceLoad: true);
break;
default:
_errorMessage = !string.IsNullOrWhiteSpace(rpcEx.Status.Detail)
? rpcEx.Status.Detail
: "ارسال مجدد رمز پویا با خطا مواجه شد.";
break;
}
}
private async Task ChangePhoneAsync()
{
await LocalStorage.RemoveItemAsync(PhoneStorageKey);
NavigateBackToPhone();
}
private void NavigateBackToPhone()
{
var target = RouteConstants.Auth.Phone;
if (!string.IsNullOrWhiteSpace(_redirect))
{
target += "?redirect=" + Uri.EscapeDataString(_redirect);
}
Navigation.NavigateTo(target, forceLoad: false);
}
private void StartResendCountdown(int seconds = DefaultResendCooldown)
{
_resendRemaining = seconds;
_resendTimer?.Dispose();
_resendTimer = new Timer(_ =>
{
var remaining = Interlocked.Add(ref _resendRemaining, -1);
if (remaining <= 0)
{
Interlocked.Exchange(ref _resendRemaining, 0);
_resendTimer?.Dispose();
_resendTimer = null;
}
_ = InvokeAsync(StateHasChanged);
}, null, 1000, 1000);
}
private async Task<Metadata?> BuildAuthMetadataAsync()
{
var token = await LocalStorage.GetItemAsync<string>(TokenStorageKey);
if (string.IsNullOrWhiteSpace(token))
{
return null;
}
return new Metadata
{
{ "Authorization", $"Bearer {token}" }
};
}
private async Task ResetAuthenticationAsync()
{
await LocalStorage.RemoveItemAsync(TokenStorageKey);
await LocalStorage.RemoveItemAsync(PhoneStorageKey);
await LocalStorage.RemoveItemAsync(RedirectStorageKey);
}
private CancellationToken PrepareOperationToken()
{
_operationCts?.Cancel();
_operationCts?.Dispose();
_operationCts = new CancellationTokenSource();
return _operationCts.Token;
}
private void ClearOperationToken()
{
_operationCts?.Dispose();
_operationCts = null;
}
public void Dispose()
{
_operationCts?.Cancel();
_operationCts?.Dispose();
_operationCts = null;
_resendTimer?.Dispose();
_resendTimer = null;
}
}

2
src/FrontOffice.Main/Pages/PackageDetail.razor
View File

@@ -172,7 +172,7 @@ else
<MudIcon Icon="@Icons.Material.Filled.Lock" Size="Size.Medium" Color="Color.Default" />
<MudText Typo="Typo.body2" Class="mud-text-secondary">
برای ثبت نظر ابتدا
<MudLink Href="javascript:void(0)" OnClick="() => Navigation.NavigateTo(RouteConstants.Auth.Phone)" Class="text-primary">وارد حساب کاربری</MudLink>
@* <MudLink Href="javascript:void(0)" OnClick="() => Navigation.NavigateTo(RouteConstants.Auth.Phone)" Class="text-primary">وارد حساب کاربری</MudLink> *@
شوید.
</MudText>
</MudStack>

11
src/FrontOffice.Main/Shared/AuthDialog.razor.cs
View File

@@ -158,6 +158,14 @@ public partial class AuthDialog : IDisposable
try
{
_verifyRequest.Mobile = _phoneNumber;
// Check for stored referral code and add it to the request
var storedReferralCode = await LocalStorage.GetItemAsync<string>("referral:code");
if (!string.IsNullOrWhiteSpace(storedReferralCode))
{
_verifyRequest.ParentReferralCode = storedReferralCode;
}
var validationResult = _verifyRequestValidator.Validate(_verifyRequest);
if (!validationResult.IsValid)
{
@@ -196,6 +204,9 @@ public partial class AuthDialog : IDisposable
await LocalStorage.RemoveItemAsync(PhoneStorageKey);
await LocalStorage.RemoveItemAsync(RedirectStorageKey);
// Clear referral code after successful registration/login
await LocalStorage.RemoveItemAsync("referral:code");
_attemptsLeft = MaxVerificationAttempts;
_verifyRequest.Code = string.Empty;

1
src/FrontOffice.Main/Shared/MainLayout.razor
View File

@@ -49,7 +49,6 @@
else
{
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" OnClick="OpenAuthDialog">ورود</MudButton>
<MudButton Color="Color.Primary">شروع کنید</MudButton>
}
</MudHidden>

6
src/FrontOffice.Main/Utilities/RouteConstants.cs
View File

@@ -7,12 +7,6 @@ public static class RouteConstants
public const string MainPage = "/";
}
public static class Auth
{
public const string Phone = "/auth/phone";
public const string Verify = "/auth/verify";
}
public static class Profile
{
public const string Index = "/profile";