masoodafar-web
bf0eb089bb
Build and Deploy to Kubernetes / build-and-deploy (push) Successful in 6m55s
- initScrollAnimations ran only on firstRender when data wasn't loaded yet - Items with fade-in-up class stayed invisible (opacity:0) after data render - Now tracks _dataLoaded/_animationsInitialized flags to re-init JS after data loads - Also fixes stat counter animations not running (stats were empty on firstRender)
324 lines
20 KiB
Plaintext
324 lines
20 KiB
Plaintext
@inherits LayoutComponentBase
|
|
|
|
<PageTitle>کارا بازار سلامت</PageTitle>
|
|
|
|
<MudRTLProvider RightToLeft="true">
|
|
<MudThemeProvider @ref="_mudThemeProvider" Theme="CustomMudTheme.CustomMudBlazorTheme" @bind-IsDarkMode="_isDark"/>
|
|
<MudPopoverProvider/>
|
|
<MudDialogProvider/>
|
|
<MudSnackbarProvider/>
|
|
<MudLayout>
|
|
<!-- AppBar -->
|
|
<MudAppBar Elevation="1" Color="Color.Surface" Dense="true" Class="py-2" id="top">
|
|
<MudContainer MaxWidth="MaxWidth.Large" Class="d-flex align-center justify-space-between w-100">
|
|
|
|
<MudHidden Breakpoint="Breakpoint.MdAndUp">
|
|
<MudIconButton Class="d-inline"
|
|
Icon="@Icons.Material.Filled.Menu"
|
|
OnClick="@ToggleDrawer"/>
|
|
</MudHidden>
|
|
|
|
<div class="d-flex align-center gap-2">
|
|
<MudLink Href="@(_isAuthenticated ? RouteConstants.Profile.Index : RouteConstants.Main.MainPage)" Underline="Underline.None">
|
|
<MudStack Row="true" Spacing="3" AlignItems="AlignItems.Center">
|
|
<MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
|
|
<MudImage ObjectFit="ObjectFit.Cover"
|
|
ObjectPosition="ObjectPosition.Center"
|
|
Width="32"
|
|
Height="32"
|
|
Class="rounded-circle"
|
|
Src="favicon.png"/>
|
|
</MudHidden>
|
|
<MudText Typo="Typo.h6">کارا بازار سلامت</MudText>
|
|
</MudStack>
|
|
</MudLink>
|
|
|
|
@* ── Store context badge (desktop) ── *@
|
|
@if (IsInRegularStore)
|
|
{
|
|
<MudChip T="string" Color="Color.Success" Variant="Variant.Filled" Size="Size.Small"
|
|
Class="d-none d-md-flex" Icon="@Icons.Material.Filled.Storefront">فروشگاه</MudChip>
|
|
}
|
|
else if (IsInDiscountStore)
|
|
{
|
|
<MudChip T="string" Color="Color.Error" Variant="Variant.Filled" Size="Size.Small"
|
|
Class="d-none d-md-flex" Icon="@Icons.Material.Filled.Loyalty">فروشگاه اعتباری</MudChip>
|
|
}
|
|
</div>
|
|
|
|
<div class="d-none d-md-flex align-center gap-10">
|
|
@if (IsInRegularStore && _isAuthenticated)
|
|
{
|
|
@* ── Regular store nav ── *@
|
|
<MudLink Href="@(RouteConstants.Store.Products)" Typo="Typo.subtitle1" Class="mud-link">محصولات</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Cart)" Typo="Typo.subtitle1" Class="mud-link">سبد خرید</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Orders)" Typo="Typo.subtitle1" Class="mud-link">سفارشات من</MudLink>
|
|
}
|
|
else if (IsInDiscountStore && _isAuthenticated)
|
|
{
|
|
@* ── Discount store nav ── *@
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Products)" Typo="Typo.subtitle1" Class="mud-link">محصولات اعتباری</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Cart)" Typo="Typo.subtitle1" Class="mud-link">سبد خرید</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Orders)" Typo="Typo.subtitle1" Class="mud-link">سفارشات من</MudLink>
|
|
}
|
|
else
|
|
{
|
|
@* ── Default global nav (not inside any store) ── *@
|
|
@if (_isAuthenticated)
|
|
{
|
|
<MudLink Href="@(RouteConstants.Gateway.StoreChooser)" Typo="Typo.subtitle1" Class="mud-link">فروشگاهها</MudLink>
|
|
}
|
|
}
|
|
<MudLink Href="@(RouteConstants.FAQ.Index)" Typo="Typo.subtitle1" Class="mud-link">سوالات متداول</MudLink>
|
|
<MudLink Href="@(RouteConstants.Blog.Index)" Typo="Typo.subtitle1" Class="mud-link">بلاگ</MudLink>
|
|
<MudLink Href="@(RouteConstants.Contact.Index)" Typo="Typo.subtitle1" Class="mud-link">ارتباط با ما</MudLink>
|
|
<MudLink Href="@(RouteConstants.About.Index)" Typo="Typo.subtitle1" Class="mud-link">درباره ما</MudLink>
|
|
<MudLink Href="@(RouteConstants.Licenses.Index)" Typo="Typo.subtitle1" Class="mud-link">مجوزها</MudLink>
|
|
</div>
|
|
|
|
<div class="d-flex align-center gap-2">
|
|
@if (_isAuthenticated)
|
|
{
|
|
@* ── Cart icon: only visible when inside a store ── *@
|
|
@if (IsInRegularStore)
|
|
{
|
|
<MudIconButton Icon="@Icons.Material.Filled.ShoppingCart"
|
|
Color="@(_cartCount > 0 ? Color.Success : Color.Inherit)"
|
|
Href="@(RouteConstants.Store.Cart)" />
|
|
}
|
|
else if (IsInDiscountStore)
|
|
{
|
|
<MudIconButton Icon="@Icons.Material.Filled.ShoppingCart"
|
|
Color="@(_discountCartCount > 0 ? Color.Error : Color.Inherit)"
|
|
Href="@(RouteConstants.DiscountStore.Cart)" />
|
|
}
|
|
|
|
@* دکمه بروزرسانی *@
|
|
@if (_hasUpdate)
|
|
{
|
|
<MudBadge Dot="true" Color="Color.Error" Overlap="true" Bordered="true">
|
|
<MudIconButton Icon="@Icons.Material.Filled.SystemUpdateAlt"
|
|
Color="Color.Warning"
|
|
OnClick="OpenUpdateDialog"
|
|
Title="بروزرسانی موجود است"/>
|
|
</MudBadge>
|
|
}
|
|
<MudMenu Icon="@Icons.Material.Filled.Person" Color="Color.Inherit" Size="Size.Medium">
|
|
<MudMenuItem OnClick="NavigateToProfile" Disabled="@(!_isCompleteRegister)" Icon="@Icons.Material.Outlined.Dashboard">
|
|
داشبورد
|
|
</MudMenuItem>
|
|
<MudMenuItem OnClick="NavigateToHub" Disabled="@(!_isCompleteRegister)" Icon="@Icons.Material.Outlined.Person">
|
|
پروفایل
|
|
</MudMenuItem>
|
|
<MudDivider/>
|
|
@if (_hasUpdate)
|
|
{
|
|
<MudMenuItem OnClick="OpenUpdateDialog" IconColor="Color.Warning" Icon="@Icons.Material.Filled.SystemUpdateAlt">
|
|
<MudText Color="Color.Warning">بروزرسانی (@_newVersion)</MudText>
|
|
</MudMenuItem>
|
|
<MudDivider/>
|
|
}
|
|
<MudMenuItem OnClick="ToggleTheme" Icon="@(_isDark ? Icons.Material.Filled.LightMode : Icons.Material.Filled.DarkMode)">
|
|
@(_isDark ? "حالت روشن" : "حالت تاریک")
|
|
</MudMenuItem>
|
|
<MudDivider/>
|
|
<MudMenuItem OnClick="Logout">خروج از حساب</MudMenuItem>
|
|
</MudMenu>
|
|
}
|
|
else
|
|
{
|
|
<MudIconButton Icon="@Icons.Material.Filled.Login" Color="Color.Inherit"
|
|
OnClick="OpenAuthDialog"/>
|
|
<MudIconButton OnClick="@ToggleTheme"
|
|
Icon="@(_isDark ? Icons.Material.Filled.LightMode : Icons.Material.Filled.DarkMode)"
|
|
Title="@(_isDark ? "حالت روشن" : "حالت تاریک")"/>
|
|
}
|
|
</div>
|
|
</MudContainer>
|
|
</MudAppBar>
|
|
|
|
<!-- Mobile Drawer -->
|
|
<MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.Right" Elevation="1" Variant="DrawerVariant.Temporary"
|
|
Class="pa-4">
|
|
<MudStack Spacing="2">
|
|
@if (_isAuthenticated)
|
|
{
|
|
@if (IsInRegularStore)
|
|
{
|
|
<MudText Typo="Typo.overline" Class="mud-text-secondary">فروشگاه</MudText>
|
|
<MudLink Href="@(RouteConstants.Store.Products)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">محصولات</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Cart)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">سبد خرید</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Orders)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">سفارشات من</MudLink>
|
|
<MudDivider Class="my-1" />
|
|
<MudLink Href="@(RouteConstants.Gateway.StoreChooser)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false" Class="mud-text-secondary">
|
|
← بازگشت به فروشگاهها
|
|
</MudLink>
|
|
}
|
|
else if (IsInDiscountStore)
|
|
{
|
|
<MudText Typo="Typo.overline" Style="color:var(--mud-palette-error);">فروشگاه اعتباری</MudText>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Products)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">محصولات اعتباری</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Cart)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">سبد خرید</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Orders)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">سفارشات من</MudLink>
|
|
<MudDivider Class="my-1" />
|
|
<MudLink Href="@(RouteConstants.Gateway.StoreChooser)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false" Class="mud-text-secondary">
|
|
← بازگشت به فروشگاهها
|
|
</MudLink>
|
|
}
|
|
else
|
|
{
|
|
<MudLink Href="@(RouteConstants.Gateway.StoreChooser)" Typo="Typo.subtitle1"
|
|
OnClick="() => _drawerOpen=false">فروشگاهها</MudLink>
|
|
}
|
|
<MudDivider Class="my-1" />
|
|
}
|
|
<MudLink Href="@(RouteConstants.FAQ.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">
|
|
سوالات متداول
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Blog.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">
|
|
بلاگ
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.About.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">
|
|
درباره ما
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Contact.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">
|
|
ارتباط با ما
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Licenses.Index)" Typo="Typo.subtitle1" OnClick="() => _drawerOpen=false">
|
|
مجوزها
|
|
</MudLink>
|
|
|
|
<MudDivider Class="my-2"/>
|
|
@if (_isAuthenticated)
|
|
{
|
|
<MudButton Href="/profile" Color="Color.Primary" OnClick="() => _drawerOpen=false">پروفایل
|
|
</MudButton>
|
|
@if (_hasUpdate)
|
|
{
|
|
<MudButton Variant="Variant.Filled" Color="Color.Warning"
|
|
StartIcon="@Icons.Material.Filled.SystemUpdateAlt"
|
|
OnClick="() => { _drawerOpen=false; OpenUpdateDialog(); }">
|
|
بروزرسانی (@_newVersion)
|
|
</MudButton>
|
|
}
|
|
<MudButton Variant="Variant.Text"
|
|
StartIcon="@(_isDark ? Icons.Material.Filled.LightMode : Icons.Material.Filled.DarkMode)"
|
|
OnClick="ToggleTheme">
|
|
@(_isDark ? "حالت روشن" : "حالت تاریک")
|
|
</MudButton>
|
|
<MudButton Variant="Variant.Text" Color="Color.Error"
|
|
OnClick="() => { _drawerOpen=false; Logout(); }">خروج از حساب
|
|
</MudButton>
|
|
}
|
|
else
|
|
{
|
|
<MudButton Color="Color.Primary" OnClick="() => { _drawerOpen=false; OpenAuthDialog(); }">ورود
|
|
</MudButton>
|
|
<MudButton Variant="Variant.Text"
|
|
StartIcon="@(_isDark ? Icons.Material.Filled.LightMode : Icons.Material.Filled.DarkMode)"
|
|
OnClick="ToggleTheme">
|
|
@(_isDark ? "حالت روشن" : "حالت تاریک")
|
|
</MudButton>
|
|
}
|
|
</MudStack>
|
|
</MudDrawer>
|
|
|
|
<MudMainContent Class="main-content-wrapper">
|
|
@Body
|
|
<MudHidden Breakpoint="Breakpoint.SmAndDown">
|
|
<Footer/>
|
|
</MudHidden>
|
|
</MudMainContent>
|
|
|
|
<!-- Mobile Bottom Navigation -->
|
|
<MudHidden Breakpoint="Breakpoint.MdAndUp">
|
|
<MudPaper Class="bottom-nav" Elevation="8">
|
|
<MudStack Row="true" Justify="Justify.SpaceAround" AlignItems="AlignItems.Center" Class="py-1">
|
|
@if (IsInRegularStore && _isAuthenticated)
|
|
{
|
|
@* ── Regular store bottom nav ── *@
|
|
<MudLink Href="@(RouteConstants.Store.Products)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Storefront" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">محصولات</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Cart)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.ShoppingCart" Size="Size.Medium" Color="@(_cartCount > 0 ? Color.Success : Color.Default)" />
|
|
<MudText Typo="Typo.caption">سبد خرید</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Store.Orders)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Receipt" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">سفارشات</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Profile.Index)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Home" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">داشبورد</MudText>
|
|
</MudLink>
|
|
}
|
|
else if (IsInDiscountStore && _isAuthenticated)
|
|
{
|
|
@* ── Discount store bottom nav ── *@
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Products)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Loyalty" Size="Size.Medium" Color="Color.Error" />
|
|
<MudText Typo="Typo.caption">محصولات</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Cart)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.ShoppingCart" Size="Size.Medium" Color="@(_discountCartCount > 0 ? Color.Error : Color.Default)" />
|
|
<MudText Typo="Typo.caption">سبد خرید</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.DiscountStore.Orders)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Receipt" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">سفارشات</MudText>
|
|
</MudLink>
|
|
<MudLink Href="@(RouteConstants.Profile.Index)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Home" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">داشبورد</MudText>
|
|
</MudLink>
|
|
}
|
|
else
|
|
{
|
|
@* ── Default bottom nav (outside stores) ── *@
|
|
<MudLink Href="@(_isAuthenticated ? RouteConstants.Profile.Index : RouteConstants.Main.MainPage)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Home" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">@(_isAuthenticated ? "داشبورد" : "خانه")</MudText>
|
|
</MudLink>
|
|
@if (_isAuthenticated)
|
|
{
|
|
<MudLink Href="@(RouteConstants.Gateway.StoreChooser)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Store" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">فروشگاهها</MudText>
|
|
</MudLink>
|
|
}
|
|
<MudLink Href="@(RouteConstants.Blog.Index)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Article" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">بلاگ</MudText>
|
|
</MudLink>
|
|
@if (_isAuthenticated)
|
|
{
|
|
<MudLink Href="@(RouteConstants.Profile.Hub)" Class="bottom-nav-item">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Person" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">پروفایل</MudText>
|
|
</MudLink>
|
|
}
|
|
else
|
|
{
|
|
<MudLink Class="bottom-nav-item" @onclick="OpenAuthDialog">
|
|
<MudIcon Icon="@Icons.Material.Outlined.Login" Size="Size.Medium" />
|
|
<MudText Typo="Typo.caption">ورود</MudText>
|
|
</MudLink>
|
|
}
|
|
}
|
|
</MudStack>
|
|
</MudPaper>
|
|
</MudHidden>
|
|
|
|
</MudLayout>
|
|
</MudRTLProvider>
|