120 lines
3.5 KiB
Plaintext
120 lines
3.5 KiB
Plaintext
@using PlaylistShared.Pwa.Components.Global
|
|
@inherits LayoutComponentBase
|
|
@inject PwaUpdateService PwaUpdateService
|
|
@inject IJSRuntime JSRuntime
|
|
|
|
<MudThemeProvider Theme="@_theme" IsDarkMode="_isDarkMode" />
|
|
<MudPopoverProvider />
|
|
<MudDialogProvider />
|
|
<MudSnackbarProvider />
|
|
|
|
<MudLayout>
|
|
<MudAppBar Elevation="1">
|
|
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@DrawerToggle" />
|
|
<MudSpacer />
|
|
<LoginDisplay />
|
|
<MudIconButton Icon="@(DarkLightModeButtonIcon)" Color="Color.Inherit" OnClick="@DarkModeToggle" Class="ml-2" />
|
|
<MudLink Href="https://git.frigat.duckdns.org/FrigaT/PlaylistShared" Target="_blank" Color="Color.Inherit" Underline="Underline.None" Class="ml-4">
|
|
<MudIcon Icon="@Icons.Custom.Brands.GitHub" Size="Size.Small" Class="mr-1" /> Git
|
|
</MudLink>
|
|
</MudAppBar>
|
|
|
|
<MudDrawer @bind-Open="_drawerOpen" ClipMode="DrawerClipMode.Always" Elevation="2">
|
|
<NavMenu />
|
|
</MudDrawer>
|
|
|
|
<MudMainContent Class="pt-16 d-flex flex-column" Style="height: 100vh;">
|
|
<MudItem Class="flex-grow-1 overflow-y-auto">
|
|
@Body
|
|
</MudItem>
|
|
|
|
<MudItem>
|
|
<AudioPlayer />
|
|
</MudItem>
|
|
</MudMainContent>
|
|
</MudLayout>
|
|
|
|
@code {
|
|
private bool _drawerOpen = true;
|
|
private bool _isDarkMode = true;
|
|
private MudTheme? _theme;
|
|
|
|
private DotNetObjectReference<PwaUpdateService>? _dotNetRef;
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
base.OnInitialized();
|
|
|
|
_theme = new()
|
|
{
|
|
PaletteLight = _lightPalette,
|
|
PaletteDark = _darkPalette,
|
|
LayoutProperties = new LayoutProperties()
|
|
};
|
|
}
|
|
|
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
{
|
|
if (firstRender)
|
|
{
|
|
_dotNetRef = DotNetObjectReference.Create(PwaUpdateService);
|
|
await JSRuntime.InvokeVoidAsync("registerSWMessageHandler", _dotNetRef);
|
|
}
|
|
}
|
|
|
|
private void DrawerToggle()
|
|
{
|
|
_drawerOpen = !_drawerOpen;
|
|
}
|
|
|
|
private void DarkModeToggle()
|
|
{
|
|
_isDarkMode = !_isDarkMode;
|
|
}
|
|
|
|
private readonly PaletteLight _lightPalette = new()
|
|
{
|
|
Black = "#110e2d",
|
|
AppbarText = "#424242",
|
|
AppbarBackground = "rgba(255,255,255,0.8)",
|
|
DrawerBackground = "#ffffff",
|
|
GrayLight = "#e8e8e8",
|
|
GrayLighter = "#f9f9f9",
|
|
};
|
|
|
|
private readonly PaletteDark _darkPalette = new()
|
|
{
|
|
Primary = "#7e6fff",
|
|
Surface = "#1e1e2d",
|
|
Background = "#1a1a27",
|
|
BackgroundGray = "#151521",
|
|
AppbarText = "#92929f",
|
|
AppbarBackground = "rgba(26,26,39,0.8)",
|
|
DrawerBackground = "#1a1a27",
|
|
ActionDefault = "#74718e",
|
|
ActionDisabled = "#9999994d",
|
|
ActionDisabledBackground = "#605f6d4d",
|
|
TextPrimary = "#b2b0bf",
|
|
TextSecondary = "#92929f",
|
|
TextDisabled = "#ffffff33",
|
|
DrawerIcon = "#92929f",
|
|
DrawerText = "#92929f",
|
|
GrayLight = "#2a2833",
|
|
GrayLighter = "#1e1e2d",
|
|
Info = "#4a86ff",
|
|
Success = "#3dcb6c",
|
|
Warning = "#ffb545",
|
|
Error = "#ff3f5f",
|
|
LinesDefault = "#33323e",
|
|
TableLines = "#33323e",
|
|
Divider = "#292838",
|
|
OverlayLight = "#1e1e2d80",
|
|
};
|
|
|
|
public string DarkLightModeButtonIcon => _isDarkMode switch
|
|
{
|
|
true => Icons.Material.Rounded.AutoMode,
|
|
false => Icons.Material.Outlined.DarkMode,
|
|
};
|
|
}
|