102 lines
4.4 KiB
Plaintext
102 lines
4.4 KiB
Plaintext
@using Microsoft.AspNetCore.Authorization
|
|
@using Netina.AdminPanel.PWA.Services.RestServices
|
|
@using Netina.AdminPanel.PWA.Utilities
|
|
@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="bg-[#EEEEEE] flex h-screen w-screen flex-col-reverse overflow-hidden p-0 md:flex-row">
|
|
<div class="flex h-full basis-full bg-white px-4 py-8 md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl md:px-10 lg:px-20">
|
|
<MudStack class="mx-auto my-auto">
|
|
<div>
|
|
<MudText Typo="Typo.h5" class="text-center text-lg"><b>ورود با شماره تلفن همراه</b></MudText>
|
|
<MudText Typo="Typo.caption" Align="Align.Center">برای ورود به پنل ادمین شماره تلفن همراه خود را وارد کنید ، میتوانید با رمز عبور نیز وارد شوید</MudText>
|
|
</div>
|
|
@*<p class="mb-3 text-lg font-extrabold sm:mt-6">شماره تلفن شما</p>
|
|
|
|
<input class="text-[1.8rem] rounded-md border bg-transparent text-center font-extrabold shadow-sm focus:border-teal-500 focus:ring-teal-500 sm:py-3"
|
|
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="py-3 text-xl"
|
|
Content="تایید و ادامه"></BaseButtonUi>
|
|
</MudStack>
|
|
|
|
</div>
|
|
<div class="flex h-full basis-full px-4 py-8 md:basis-1/2 md:rounded-tr-none md:rounded-bl-xl md:rounded-tl-xl md:px-10 lg:px-20">
|
|
@if (StatConfigs.IsShop)
|
|
{
|
|
<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 h-64 w-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>
|
|
}
|
|
else
|
|
{
|
|
|
|
<div class="mx-auto my-auto">
|
|
<dotlottie-player src="https://s3.ir-thr-at1.arvanstorage.ir/amir-content/Lotties/SEO-strategy-animation_management.json"
|
|
background="transparent" speed="1" class="mx-auto h-64 w-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();
|
|
}
|
|
}
|