91 lines
4.0 KiB
Plaintext
91 lines
4.0 KiB
Plaintext
@using Microsoft.AspNetCore.Authorization
|
|
@attribute [AllowAnonymous]
|
|
@page "/login"
|
|
|
|
@inject NavigationManager NavigationManager
|
|
@inject IRestWrapper RestWrapper
|
|
@inject ISnackbar Snackbar
|
|
@inject IUserUtility UserUtility
|
|
|
|
|
|
@* <style>
|
|
.mud-input-label {
|
|
background-color: #356859;
|
|
color: #eee !important;
|
|
}
|
|
|
|
.secondary-border > .mud-input-control-input-container > .mud-input.mud-input-outlined > input:focus ~ .mud-input-outlined-border {
|
|
border-color: rgba(253, 85, 35, 1);
|
|
color: white !important;
|
|
}
|
|
|
|
inpute {
|
|
color: white !important
|
|
}
|
|
</style> *@
|
|
<div class="w-screen h-screen bg-[#EEEEEE] p-0 flex flex-col-reverse md:flex-row overflow-hidden">
|
|
<div class="bg-white h-full basis-full md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl flex md:px-10 lg:px-20 py-8 px-4">
|
|
<MudStack class="my-auto mx-auto">
|
|
<div>
|
|
<MudText Typo="Typo.h5" class="text-lg text-center"><b>ورود با شماره تلفن همراه</b></MudText>
|
|
<MudText Typo="Typo.caption" Align="Align.Center">برای ورود به پنل ادمین شماره تلفن همراه خود را وارد کنید ، میتوانید با رمز عبور نیز وارد شوید</MudText>
|
|
</div>
|
|
@*<p class="text-lg sm:mt-6 mb-3 font-extrabold">شماره تلفن شما</p>
|
|
|
|
<input class="bg-transparent text-[1.8rem] sm:py-3 font-extrabold text-center border rounded-md shadow-sm focus:border-teal-500 focus:ring-teal-500"
|
|
type="text"
|
|
maxlength="11"
|
|
pattern="[0-9]"
|
|
inputmode="numeric"
|
|
autocomplete="one-time-code" required> *@
|
|
|
|
@if (@ViewModel.PhoneNumberConfirmed)
|
|
{
|
|
<MudTextField T="string" @bind-value="@ViewModel.VerifyCode" Label="کد ارسال شده" Variant="Variant.Outlined" />
|
|
}
|
|
else
|
|
{
|
|
<MudTextField T="string" @bind-Value="@ViewModel.PhoneNumber" Label="شماره تلفن همراه" Variant="Variant.Outlined" />
|
|
}
|
|
|
|
|
|
|
|
<BaseButtonUi Variant="Variant.Filled"
|
|
Icon="@Icons.Material.Outlined.Login"
|
|
OnClickCallback="@ViewModel.SubmitAsync"
|
|
Color="Color.Info"
|
|
IsProcessing="@ViewModel.IsProcessing"
|
|
class="text-xl py-3"
|
|
Content="تایید و ادامه"></BaseButtonUi>
|
|
<p class="mx-3 text-justify">
|
|
با تایید شماره تلفن همراه با همه شرایط <a class="text-blue-500">
|
|
حریم
|
|
خصوصی
|
|
</a> اپلیکیشن داکیومد موافقت می کنم
|
|
</p>
|
|
</MudStack>
|
|
|
|
</div>
|
|
<div class="h-full basis-full md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl flex md:px-10 lg:px-20 py-8 px-4">
|
|
|
|
<div class="mx-auto my-auto">
|
|
<dotlottie-player src="https://lottie.host/235bcb2d-0f2c-4f06-9c36-7e6677b82e00/9tGECPkU5J.json"
|
|
background="transparent" speed="1" class="mx-auto w-64 h-64 lg:w-96 lg:h-96" loop autoplay />
|
|
|
|
<MudText Typo="Typo.h5" Align="Align.Center"><b>داشبورد تخصصی وسمه</b></MudText>
|
|
<MudText Align="Align.Center">شما میتوانید با ورود به داشبورد تخصصی نتینا فروشگاه خود را مدیریت کنید </MudText>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@code {
|
|
|
|
public LoginPageViewModel ViewModel { get; set; }
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
ViewModel = new LoginPageViewModel(Snackbar,RestWrapper,NavigationManager,UserUtility);
|
|
await ViewModel.InitializeAsync();
|
|
await base.OnInitializedAsync();
|
|
}
|
|
}
|