5fdc89dbf3
- Added MainHubLayout with glassmorphism sidebar - Implemented Profile dashboard with learn metrics - Added request deduplication and caching to IdentityService - Fixed infinite redirect loop on /profile page - Added dashboard navigation from reader - Closes #26, Closes #27
107 lines
4.1 KiB
Plaintext
107 lines
4.1 KiB
Plaintext
@inherits LayoutComponentBase
|
|
@using NexusReader.UI.Shared.Components.Molecules
|
|
@using NexusReader.UI.Shared.Components.Atoms
|
|
@using NexusReader.Application.Abstractions.Services
|
|
@using NexusReader.UI.Shared.Services
|
|
|
|
<div class="hub-container">
|
|
<AuthorizeView>
|
|
<Authorized>
|
|
<aside class="hub-sidebar">
|
|
<div class="sidebar-header">
|
|
<div class="logo">
|
|
<NexusIcon Name="diamond" Size="24" Class="logo-icon" />
|
|
<span class="logo-text">Nexus</span>
|
|
</div>
|
|
</div>
|
|
|
|
<nav class="sidebar-nav">
|
|
<NavLink class="nav-item" href="/" Match="NavLinkMatch.All">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="home" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Dashboard</span>
|
|
</NavLink>
|
|
<NavLink class="nav-item" href="/library">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="book-open" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Library</span>
|
|
</NavLink>
|
|
<NavLink class="nav-item" href="/concepts-map">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="map" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Concepts Map</span>
|
|
</NavLink>
|
|
<NavLink class="nav-item" href="/profile">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="message-square" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Profile</span>
|
|
</NavLink>
|
|
<NavLink class="nav-item" href="/settings">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="settings" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Settings</span>
|
|
</NavLink>
|
|
<NavLink class="nav-item" href="/concenters">
|
|
<div class="nav-icon">
|
|
<NexusIcon Name="target" Size="18" />
|
|
</div>
|
|
<span class="nav-text">Concenters</span>
|
|
</NavLink>
|
|
</nav>
|
|
|
|
<div class="sidebar-footer">
|
|
<div class="user-brief">
|
|
<div class="user-avatar">
|
|
@context.User.Identity?.Name?[0].ToString().ToUpper()
|
|
</div>
|
|
<div class="user-details">
|
|
<span class="user-name">@context.User.Identity?.Name</span>
|
|
</div>
|
|
</div>
|
|
<button class="logout-btn" @onclick="HandleLogout" title="Logout">
|
|
<NexusIcon Name="log-out" Size="18" />
|
|
</button>
|
|
</div>
|
|
</aside>
|
|
</Authorized>
|
|
</AuthorizeView>
|
|
|
|
<main class="hub-main">
|
|
<div class="hub-content">
|
|
@Body
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
@code {
|
|
[Inject] private AuthenticationStateProvider AuthStateProvider { get; set; } = default!;
|
|
[Inject] private IIdentityService IdentityService { get; set; } = default!;
|
|
[Inject] private NavigationManager NavigationManager { get; set; } = default!;
|
|
|
|
private bool _isSyncing = false;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
if (_isSyncing) return;
|
|
|
|
var authState = await AuthStateProvider.GetAuthenticationStateAsync();
|
|
if (!authState.User.Identity?.IsAuthenticated ?? true)
|
|
{
|
|
_isSyncing = true;
|
|
// Try to sync with server cookie
|
|
await IdentityService.GetProfileAsync();
|
|
}
|
|
}
|
|
|
|
private async Task HandleLogout()
|
|
{
|
|
await IdentityService.LogoutAsync();
|
|
NavigationManager.NavigateTo("/", true);
|
|
}
|
|
}
|