NetinaShop
/
AdminPanel
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat : add dark theme

release
Amir Hossein Khademi 2024-02-26 14:29:10 +03:30
parent acb8cfc638
commit 4ae2dcfb39
4 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
NetinaShop.AdminPanel.PWA/App.razor
View File

@ -13,7 +13,7 @@
</Found> </Found>
<NotFound> <NotFound>
<MudRTLProvider RightToLeft="true"> <MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="true" Theme="@MainTheme.MyCustomTheme" /> <MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />

50
NetinaShop.AdminPanel.PWA/Layout/MainLayout.razor
View File

@ -32,7 +32,7 @@
<AuthorizeView> <AuthorizeView>
<Authorized> <Authorized>
<MudRTLProvider RightToLeft="true"> <MudRTLProvider RightToLeft="true">
<MudThemeProvider IsDarkMode="false" Theme="@MainTheme.MyCustomTheme" /> <MudThemeProvider IsDarkMode="@MainTheme.IsDarkMode" Theme="@MainTheme.MyCustomTheme" />
<MudDialogProvider /> <MudDialogProvider />
<MudSnackbarProvider /> <MudSnackbarProvider />
<RadzenContextMenu /> <RadzenContextMenu />
@ -44,43 +44,45 @@
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" OnClick="@ToggleDrawer" Edge="Edge.Start" /> <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" OnClick="@ToggleDrawer" Edge="Edge.Start" />
</MudHidden> </MudHidden>
@* <MudAvatar Size="Size.Large" Variant="Variant.Outlined"> @* <MudAvatar Size="Size.Large" Variant="Variant.Outlined">
<MudImage Src="https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg?size=626&ext=jpg&ga=GA1.1.632798143.1705708800&semt=ais"></MudImage> <MudImage Src="https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg?size=626&ext=jpg&ga=GA1.1.632798143.1705708800&semt=ais"></MudImage>
</MudAvatar> *@ </MudAvatar> *@
<RadzenGravatar class="w-14 h-14" Email="@_user?.Email" /> <RadzenGravatar class="w-14 h-14" Email="@_user?.Email" />
<MudStack class="mr-2" Spacing="0"> <MudStack class="mr-2" Spacing="0">
<MudText Color="Color.Inherit" Typo="Typo.body1"><b>@_user?.FullName</b></MudText> <MudText Color="Color.Inherit" Typo="Typo.body1"><b>@_user?.FullName</b></MudText>
<MudText Color="Color.Inherit" Typo="Typo.caption">@_user?.PhoneNumber</MudText> <MudText Color="Color.Inherit" Typo="Typo.caption">@_user?.PhoneNumber</MudText>
</MudStack> </MudStack>
<MudSpacer /> <MudSpacer />
@* <MudIconButton Size="Size.Medium" Color="Color.Inherit" Icon="@Icons.Material.Outlined.Settings"/> *@ <MudToggleIconButton @bind-Toggled="@MainTheme.IsDarkMode"
<MudIconButton Size="Size.Medium" Color="Color.Error" OnClick="LogoutAsync" Icon="@Icons.Material.Outlined.ExitToApp" /> Icon="@Icons.Material.Outlined.DarkMode" Color="@Color.Default" Title="تاریک"
</MudAppBar> ToggledIcon="@Icons.Material.Filled.LightMode" ToggledColor="@Color.Default" ToggledTitle="روشن" />
<MudIconButton Size="Size.Medium" Color="Color.Error" OnClick="LogoutAsync" Icon="@Icons.Material.Outlined.ExitToApp" />
</MudAppBar>
<MudDrawer @bind-Open="@open" Breakpoint="Breakpoint.MdAndUp" Elevation="1" Variant="@DrawerVariant.Responsive"> <MudDrawer @bind-Open="@open" Breakpoint="Breakpoint.MdAndUp" Elevation="1" Variant="@DrawerVariant.Responsive">
<SideBarUi/> <SideBarUi />
</MudDrawer> </MudDrawer>
<MudGrid Spacing="0"> <MudGrid Spacing="0">
<MudItem md="3" lg="2"> <MudItem md="3" lg="2">
<MudHidden Breakpoint="Breakpoint.SmAndDown"> <MudHidden Breakpoint="Breakpoint.SmAndDown">
<SideBarUi/> <SideBarUi />
</MudHidden> </MudHidden>
</MudItem> </MudItem>
<MudItem sm="12" md="9" lg="10"> <MudItem sm="12" md="9" lg="10">
<div> <div>
@Body @Body
</div> </div>
</MudItem> </MudItem>
</MudGrid> </MudGrid>
</MudLayout> </MudLayout>
<div dir="ltr"> <div dir="ltr">
<PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید"/> <PWAUpdater Align="PWAUpdater.Aligns.Buttom" Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div> </div>
</MudRTLProvider> </MudRTLProvider>
</Authorized> </Authorized>
<NotAuthorized> <NotAuthorized>
<MudRTLProvider RightToLeft="true"> <MudRTLProvider RightToLeft="true">
@ -90,9 +92,9 @@
<MudLayout> <MudLayout>
<div> <div>
<LoginPage/> <LoginPage />
<div dir="ltr"> <div dir="ltr">
<PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید"/> <PWAUpdater Text="@_updateText" ButtonCaption="اپدیت کنید" />
</div> </div>
</div> </div>
</MudLayout> </MudLayout>
@ -110,7 +112,7 @@
private async Task LogoutAsync() private async Task LogoutAsync()
{ {
await UserUtility.LogoutAsync(); await UserUtility.LogoutAsync();
NavigationManager.NavigateTo("login",true,true); NavigationManager.NavigateTo("login", true, true);
} }
protected override void OnInitialized() protected override void OnInitialized()
{ {

4
NetinaShop.AdminPanel.PWA/Models/Address.cs
View File

@ -3,8 +3,8 @@
public static class Address public static class Address
{ {
#if DEBUG #if DEBUG
public static string BaseAddress = "http://localhost:32770/api"; //public static string BaseAddress = "http://localhost:32770/api";
//public static string BaseAddress = "https://api.vesmook.com/api"; public static string BaseAddress = "https://api.vesmook.com/api";
#else #else
public static string BaseAddress = "https://api.vesmook.com/api"; public static string BaseAddress = "https://api.vesmook.com/api";
#endif #endif

1
NetinaShop.AdminPanel.PWA/Models/MainTheme.cs
View File

@ -23,4 +23,5 @@ public static class MainTheme
Secondary = "#E59F2E", Secondary = "#E59F2E",
} }
}; };
public static bool IsDarkMode { get; set; } = true;
} }