1
0
mirror of synced 2024-12-04 19:07:58 +01:00
TaikoLocalServer/TaikoWebUI/Components/MainLayout.razor

92 lines
2.9 KiB
Plaintext
Raw Normal View History

2023-09-09 14:58:20 +02:00
@inherits LayoutComponentBase
@inject Blazored.LocalStorage.ILocalStorageService LocalStorage
2024-05-17 00:32:46 +02:00
@inject AuthService AuthService
2023-09-09 14:58:20 +02:00
<MudThemeProvider IsDarkMode="@isDarkMode" Theme="@taikoWebUiTheme" />
2024-03-09 00:42:56 +01:00
<MudDialogProvider />
<MudSnackbarProvider />
2023-09-09 14:58:20 +02:00
<MudLayout>
2024-03-14 05:44:15 +01:00
<MudAppBar Elevation="0">
2024-03-27 17:49:27 +01:00
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="DrawerToggle" Size="Size.Small" />
2024-03-09 00:42:56 +01:00
<MudSpacer />
<MudStack Spacing="3" Row="true">
2024-06-02 23:33:33 +02:00
<LanguageToggle />
2024-05-27 01:49:14 +02:00
<MudIconButton Icon="@DarkModeIcon" Size="Size.Small" Color="Color.Inherit" OnClick="ToggleDarkMode" />
2024-03-27 17:49:27 +01:00
</MudStack>
2023-09-09 14:58:20 +02:00
</MudAppBar>
<MudDrawer Elevation="0" Style="border-right:1px solid #ededf0" @bind-Open="drawerOpen">
2023-09-09 14:58:20 +02:00
<MudDrawerHeader>
<MudText Typo="Typo.h6">TaikoWebUI</MudText>
</MudDrawerHeader>
2024-03-09 00:42:56 +01:00
<NavMenu />
2023-09-09 14:58:20 +02:00
</MudDrawer>
<MudMainContent>
2024-03-27 19:02:12 +01:00
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="my-8 pb-8">
2023-09-09 14:58:20 +02:00
@Body
<MudScrollToTop>
2024-03-10 00:20:25 +01:00
<MudFab Color="Color.Secondary" StartIcon="@Icons.Material.Filled.ArrowCircleUp" />
2023-09-09 14:58:20 +02:00
</MudScrollToTop>
</MudContainer>
</MudMainContent>
</MudLayout>
@code {
bool drawerOpen = true;
bool isDarkMode = false;
2023-09-09 14:58:20 +02:00
protected override async Task OnInitializedAsync()
2023-09-09 14:58:20 +02:00
{
var hasDrawerOpenEntry = await LocalStorage.ContainKeyAsync("drawerOpen");
2024-03-27 19:02:12 +01:00
if (hasDrawerOpenEntry)
2024-03-27 17:49:27 +01:00
{
drawerOpen = await LocalStorage.GetItemAsync<bool>("drawerOpen");
2024-03-27 17:49:27 +01:00
}
var hasDarkModeEntry = await LocalStorage.ContainKeyAsync("isDarkMode");
2024-03-27 17:49:27 +01:00
2024-03-27 19:02:12 +01:00
if (hasDarkModeEntry)
2024-03-27 17:49:27 +01:00
{
isDarkMode = await LocalStorage.GetItemAsync<bool>("isDarkMode");
}
if (AuthService.LoginRequired && !AuthService.IsLoggedIn)
{
// If not logged in, attempt to use JwtToken from local storage to log in
2024-05-17 00:32:46 +02:00
await AuthService.LoginWithAuthToken();
2024-03-27 17:49:27 +01:00
}
2023-09-09 14:58:20 +02:00
}
private async Task DrawerToggle()
{
drawerOpen = !drawerOpen;
await LocalStorage.SetItemAsync("drawerOpen", drawerOpen);
}
2024-03-27 05:03:55 +01:00
2024-03-27 17:49:27 +01:00
private async Task ToggleDarkMode()
{
isDarkMode = !isDarkMode;
await LocalStorage.SetItemAsync("isDarkMode", isDarkMode);
2024-03-27 17:49:27 +01:00
}
private string DarkModeIcon => isDarkMode ? Icons.Material.Filled.BrightnessLow : Icons.Material.Filled.Brightness2;
2024-03-27 19:02:12 +01:00
readonly MudTheme taikoWebUiTheme = new()
2024-03-27 19:02:12 +01:00
{
Palette = new PaletteLight()
{
Primary = Colors.Indigo.Default,
PrimaryLighten = Colors.Indigo.Lighten2,
PrimaryDarken = Colors.Indigo.Darken2,
AppbarBackground = Colors.Indigo.Darken3,
},
PaletteDark = new PaletteDark()
{
Primary = Colors.Indigo.Accent1,
PrimaryLighten = Colors.Indigo.Lighten4,
PrimaryDarken = Colors.Indigo.Accent1,
},
};
2023-09-09 14:58:20 +02:00
}