QuantEngine MudBlazor UI: Complete Phase 1-8 Implementation #14
@@ -1,14 +1,11 @@
|
|||||||
@inherits LayoutComponentBase
|
@inherits LayoutComponentBase
|
||||||
@inject MudThemeProvider MudThemeProvider
|
|
||||||
|
|
||||||
<MudThemeProvider @ref="mudThemeProvider" @bind-IsDarkMode="@isDarkMode" />
|
|
||||||
|
|
||||||
<div class="auth-container">
|
<div class="auth-container">
|
||||||
<!-- Left Panel - Branding -->
|
<!-- Left Panel - Branding -->
|
||||||
<MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true" Class="auth-left-panel">
|
<MudHidden Breakpoint="Breakpoint.SmAndDown" Invert="true" Class="auth-left-panel">
|
||||||
<div class="auth-branding">
|
<div class="auth-branding">
|
||||||
<div class="auth-logo">
|
<div class="auth-logo">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.AnalyticsFill" Size="Size.Large" />
|
<MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Large" />
|
||||||
</div>
|
</div>
|
||||||
<MudText Typo="Typo.h3" Class="auth-title">
|
<MudText Typo="Typo.h3" Class="auth-title">
|
||||||
QuantEngine
|
QuantEngine
|
||||||
@@ -32,14 +29,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Dark Mode Toggle -->
|
|
||||||
<div class="auth-theme-toggle">
|
|
||||||
<MudIconButton Icon="@(isDarkMode ? Icons.Material.Filled.Brightness4 : Icons.Material.Filled.Brightness7)"
|
|
||||||
Color="Color.Inherit"
|
|
||||||
OnClick="ToggleDarkMode"
|
|
||||||
Title="@(isDarkMode ? "라이트 모드" : "다크 모드")"
|
|
||||||
Size="Size.Large" />
|
|
||||||
</div>
|
|
||||||
</MudHidden>
|
</MudHidden>
|
||||||
|
|
||||||
<!-- Right Panel - Auth Content -->
|
<!-- Right Panel - Auth Content -->
|
||||||
@@ -48,13 +37,9 @@
|
|||||||
<MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
|
<MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
|
||||||
<div class="auth-mobile-header">
|
<div class="auth-mobile-header">
|
||||||
<MudText Typo="Typo.h5" Class="d-flex align-center">
|
<MudText Typo="Typo.h5" Class="d-flex align-center">
|
||||||
<MudIcon Icon="@Icons.Material.Filled.AnalyticsFill" Size="Size.Medium" Class="mr-2" />
|
<MudIcon Icon="@Icons.Material.Filled.Dashboard" Size="Size.Medium" Class="mr-2" />
|
||||||
QuantEngine
|
QuantEngine
|
||||||
</MudText>
|
</MudText>
|
||||||
<MudIconButton Icon="@(isDarkMode ? Icons.Material.Filled.Brightness4 : Icons.Material.Filled.Brightness7)"
|
|
||||||
Color="Color.Inherit"
|
|
||||||
OnClick="ToggleDarkMode"
|
|
||||||
Title="@(isDarkMode ? "라이트 모드" : "다크 모드")" />
|
|
||||||
</div>
|
</div>
|
||||||
</MudHidden>
|
</MudHidden>
|
||||||
|
|
||||||
@@ -78,21 +63,4 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
private MudThemeProvider mudThemeProvider = default!;
|
|
||||||
private bool isDarkMode = false;
|
|
||||||
|
|
||||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
||||||
{
|
|
||||||
if (firstRender)
|
|
||||||
{
|
|
||||||
isDarkMode = await mudThemeProvider.GetDarkModeAsync() ?? false;
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private async Task ToggleDarkMode()
|
|
||||||
{
|
|
||||||
isDarkMode = !isDarkMode;
|
|
||||||
await mudThemeProvider.SetDarkModeAsync(isDarkMode);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,6 @@
|
|||||||
@inject HttpClient Http
|
@inject HttpClient Http
|
||||||
@inject AuthenticationStateProvider AuthStateProvider
|
@inject AuthenticationStateProvider AuthStateProvider
|
||||||
@inject NavigationManager NavigationManager
|
@inject NavigationManager NavigationManager
|
||||||
@inject MudThemeProvider MudThemeProvider
|
|
||||||
|
|
||||||
<MudLayout>
|
<MudLayout>
|
||||||
<!-- Top Navigation Bar -->
|
<!-- Top Navigation Bar -->
|
||||||
@@ -18,12 +17,6 @@
|
|||||||
|
|
||||||
<MudSpacer />
|
<MudSpacer />
|
||||||
|
|
||||||
<!-- Theme Toggle -->
|
|
||||||
<MudIconButton Icon="@(isDarkMode ? Icons.Material.Filled.Brightness4 : Icons.Material.Filled.Brightness7)"
|
|
||||||
Color="Color.Inherit"
|
|
||||||
OnClick="ToggleDarkMode"
|
|
||||||
Title="@(isDarkMode ? "라이트 모드" : "다크 모드")" />
|
|
||||||
|
|
||||||
<!-- User Menu -->
|
<!-- User Menu -->
|
||||||
<AuthorizeView>
|
<AuthorizeView>
|
||||||
<Authorized>
|
<Authorized>
|
||||||
@@ -102,19 +95,8 @@
|
|||||||
@code {
|
@code {
|
||||||
private bool navOpen = true;
|
private bool navOpen = true;
|
||||||
private bool fixedOpen = true;
|
private bool fixedOpen = true;
|
||||||
private bool isDarkMode = false;
|
|
||||||
private string appVersion = "Local Debug";
|
private string appVersion = "Local Debug";
|
||||||
private string buildTime = "N/A";
|
private string buildTime = "N/A";
|
||||||
private MudTheme currentTheme = default!;
|
|
||||||
|
|
||||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
|
||||||
{
|
|
||||||
if (firstRender)
|
|
||||||
{
|
|
||||||
isDarkMode = await MudThemeProvider.GetDarkModeAsync() ?? false;
|
|
||||||
StateHasChanged();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
protected override async Task OnInitializedAsync()
|
protected override async Task OnInitializedAsync()
|
||||||
{
|
{
|
||||||
@@ -134,12 +116,6 @@
|
|||||||
await base.OnInitializedAsync();
|
await base.OnInitializedAsync();
|
||||||
}
|
}
|
||||||
|
|
||||||
private async Task ToggleDarkMode()
|
|
||||||
{
|
|
||||||
isDarkMode = !isDarkMode;
|
|
||||||
await MudThemeProvider.SetDarkModeAsync(isDarkMode);
|
|
||||||
}
|
|
||||||
|
|
||||||
private void ToggleDrawer()
|
private void ToggleDrawer()
|
||||||
{
|
{
|
||||||
navOpen = !navOpen;
|
navOpen = !navOpen;
|
||||||
|
|||||||
Reference in New Issue
Block a user