BlazorStart/Start/Client/Components/Sidebar.razor
2021-12-07 17:34:47 -08:00

88 lines
2.8 KiB
Plaintext

@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.WebAssembly.Authentication
@using Start.Client.Store.Features.Sidebar
@using Start.Client.Store.State
@using Fluxor
@inherits Fluxor.Blazor.Web.Components.FluxorComponent
@inject IState<RootState> state
@inject IDispatcher dispatch
@inject NavigationManager Navigation
@inject SignOutSessionStateManager SignOutManager
<div class="off-canvas">
@* No off-canvas-toggle - add something that dispatches ShowSidebarAction *@
<div id="sidebar" class="off-canvas-sidebar @(this.state.Value.ShowSidebar ? "active" : "")">
<div id="sidebarHeading">
<h1>Start</h1>
<button class="btn btn-link" @onclick="this.OnSidebarHideClicked">
<i class="icon icon-cross icon-2x"></i>
</button>
</div>
<ul id="sidebarItems" class="nav">
<li class="nav-item">
<div class="form-group">
<label class="form-switch">
<input type="checkbox" @onclick="this.OnToggleEditMode" />
<i class="form-icon"></i>
Edit Mode
</label>
</div>
</li>
</ul>
<ul class="nav accountActions">
<AuthorizeView>
<Authorized>
<li class="nav-item accountName">
<figure class="avatar mr-1">
<i class="icon icon-people ml-2 mt-2"></i>
</figure>
@context.User.Identity?.Name
</li>
<li class="nav-item">
<a href="authentication/profile">Account</a>
</li>
<li class="nav-item">
<button class="nav-link btn btn-link" @onclick="BeginSignOut">Log out</button>
</li>
</Authorized>
<NotAuthorized>
<a href="authentication/login">Log in</a>
</NotAuthorized>
</AuthorizeView>
</ul>
</div>
<a class="off-canvas-overlay" @onclick="this.OnSidebarHideClicked"></a>
<div class="off-canvas-content">
@this.ChildContent
</div>
</div>
@code {
[Parameter]
public RenderFragment ChildContent { get; set; } = null!;
protected void OnSidebarHideClicked()
{
dispatch.Dispatch(new HideSidebarAction());
}
protected void OnToggleEditMode()
{
dispatch.Dispatch(new ToggleEditModeAction());
}
private async Task BeginSignOut(MouseEventArgs args)
{
await SignOutManager.SetSignOutState();
Navigation.NavigateTo("authentication/logout");
}
}