| | | 1 | | @using Syki.Front.Features.Cross.GetUserNotifications |
| | | 2 | | |
| | | 3 | | @namespace Syki.Front.Shared |
| | | 4 | | |
| | | 5 | | @inherits LayoutComponentBase |
| | | 6 | | |
| | | 7 | | <MudPopoverProvider /> |
| | | 8 | | <MudSnackbarProvider /> |
| | | 9 | | <MudThemeProvider IsDarkMode="@_isDark" Theme="@SykiTheme" /> |
| | | 10 | | <MudDialogProvider CloseOnEscapeKey="true" CloseButton="true" /> |
| | | 11 | | |
| | | 12 | | <AuthorizeView> |
| | | 13 | | <Authorized> |
| | | 14 | | <MudLayout> |
| | | 15 | | <MudAppBar Elevation="0" Dense="true" ToolBarClass="pl-1 pr-1"> |
| | 0 | 16 | | @if (_breakpoint != Breakpoint.Xs) |
| | | 17 | | { |
| | | 18 | | <MudIconButton OnClick="@ToggleLeftOpen" Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" /> |
| | | 19 | | } |
| | | 20 | | <HomeButton /> |
| | | 21 | | <MudSpacer /> |
| | | 22 | | <AuthorizeView Roles="Teacher, Student" Context="authContext"> |
| | | 23 | | <NotificationsIconButton /> |
| | | 24 | | </AuthorizeView> |
| | | 25 | | <ThemeIconButton @bind-IsDark="@_isDark" OnClick="@ToggleTheme" /> |
| | | 26 | | <MudIconButton OnClick="@ToggleRightOpen" Icon="@Icons.Material.Filled.Settings" Color="Color.Inherit" / |
| | | 27 | | </MudAppBar> |
| | | 28 | | <MudDrawer @bind-Open="@_leftOpen" ClipMode="DrawerClipMode.Always" Elevation="2"> |
| | | 29 | | <NavMenu /> |
| | | 30 | | </MudDrawer> |
| | | 31 | | <MudDrawer Anchor="Anchor.Right" @bind-Open="@_rightOpen" ClipMode="DrawerClipMode.Always" Variant="DrawerVa |
| | | 32 | | <SettingsMenu OnLogoutClick="@Logout" /> |
| | | 33 | | </MudDrawer> |
| | | 34 | | <MudMainContent Class="pb-12"> |
| | 0 | 35 | | @Body |
| | 0 | 36 | | @if (_breakpoint == Breakpoint.Xs) |
| | | 37 | | { |
| | | 38 | | <MudFab OnClick="@ToggleLeftOpen" Size="@Size.Large" Style="position:fixed; bottom:15px; right:25px; |
| | | 39 | | } |
| | | 40 | | </MudMainContent> |
| | | 41 | | </MudLayout> |
| | | 42 | | </Authorized> |
| | | 43 | | <NotAuthorized> |
| | 0 | 44 | | @if (IsAnonymous()) |
| | | 45 | | { |
| | | 46 | | <MudAppBar Elevation="1" Dense="true"> |
| | | 47 | | <MudStack Row="true" Class="d-flex justify-space-around flex-grow-1"> |
| | | 48 | | <HomeButton /> |
| | | 49 | | <MudSpacer /> |
| | | 50 | | <ThemeIconButton @bind-IsDark="@_isDark" OnClick="@ToggleTheme" /> |
| | | 51 | | <LoginButton /> |
| | | 52 | | <MudButton |
| | | 53 | | Href="/register" |
| | | 54 | | Target="_self" |
| | | 55 | | IconSize="Size.Large" |
| | | 56 | | Variant="Variant.Text" |
| | | 57 | | Style="color: white; margin-left: -11px;" |
| | | 58 | | > |
| | | 59 | | Cadastro |
| | | 60 | | </MudButton> |
| | | 61 | | </MudStack> |
| | | 62 | | </MudAppBar> |
| | | 63 | | <CascadingValue Name="IsDarkTheme" Value="@_isDark"> |
| | | 64 | | <MudMainContent> |
| | 0 | 65 | | @Body |
| | | 66 | | </MudMainContent> |
| | | 67 | | </CascadingValue> |
| | | 68 | | } |
| | | 69 | | else |
| | | 70 | | { |
| | | 71 | | <SykiRedirect /> |
| | | 72 | | } |
| | | 73 | | </NotAuthorized> |
| | | 74 | | </AuthorizeView> |
| | | 75 | | |
| | | 76 | | @inject NavigationManager Nav |
| | | 77 | | @inject AuthManager AuthManager |
| | | 78 | | @inject LogoutClient LogoutClient |
| | | 79 | | @inject SignalRConnectionManager SignalR |
| | | 80 | | @inject ILocalStorageService LocalStorage |
| | | 81 | | @inject SykiAuthStateProvider AuthStateProvider |
| | | 82 | | @inject ApexCharts.IApexChartService ApexChartService |
| | | 83 | | @inject IBrowserViewportService BrowserViewportService |
| | | 84 | | |
| | | 85 | | @code |
| | | 86 | | { |
| | | 87 | | [CascadingParameter] |
| | 0 | 88 | | public Task<AuthenticationState> AuthState { get; set; } |
| | | 89 | | |
| | 0 | 90 | | private MudTheme SykiTheme = new MudTheme() |
| | 0 | 91 | | { |
| | 0 | 92 | | LayoutProperties = new LayoutProperties() |
| | 0 | 93 | | { |
| | 0 | 94 | | DrawerWidthLeft = "180px" |
| | 0 | 95 | | } |
| | 0 | 96 | | }; |
| | | 97 | | |
| | 0 | 98 | | private bool _isDark = true; |
| | 0 | 99 | | private bool _leftOpen = true; |
| | | 100 | | private bool _rightOpen = false; |
| | | 101 | | private Breakpoint _breakpoint; |
| | | 102 | | |
| | | 103 | | private bool IsAnonymous() |
| | | 104 | | { |
| | 0 | 105 | | var uri = Nav.Uri.ToLower(); |
| | 0 | 106 | | return uri.EndsWith("/") || uri.Contains("register") || uri.Contains("login") || uri.Contains("reset-password"); |
| | | 107 | | } |
| | | 108 | | |
| | | 109 | | private void ToggleLeftOpen() |
| | | 110 | | { |
| | 0 | 111 | | _leftOpen = !_leftOpen; |
| | 0 | 112 | | } |
| | | 113 | | |
| | | 114 | | private void ToggleRightOpen() |
| | | 115 | | { |
| | 0 | 116 | | _rightOpen = !_rightOpen; |
| | 0 | 117 | | } |
| | | 118 | | |
| | | 119 | | protected override async Task OnInitializedAsync() |
| | | 120 | | { |
| | 0 | 121 | | _breakpoint = await BrowserViewportService.GetCurrentBreakpointAsync(); |
| | 0 | 122 | | var isDark = await LocalStorage.GetItemAsync<string>("IsDark"); |
| | 0 | 123 | | _isDark = isDark == null || bool.Parse(isDark); |
| | 0 | 124 | | } |
| | | 125 | | |
| | | 126 | | protected override async Task OnParametersSetAsync() |
| | | 127 | | { |
| | 0 | 128 | | var user = await AuthManager.GetUser(); |
| | 0 | 129 | | if (user.Role.IsIn(UserRole.Teacher, UserRole.Student)) |
| | | 130 | | { |
| | 0 | 131 | | SykiTheme.LayoutProperties.DrawerWidthLeft = "260px"; |
| | | 132 | | } |
| | | 133 | | else |
| | | 134 | | { |
| | 0 | 135 | | SykiTheme.LayoutProperties.DrawerWidthLeft = "180px"; |
| | | 136 | | } |
| | 0 | 137 | | } |
| | | 138 | | |
| | | 139 | | protected override async Task OnAfterRenderAsync(bool firstRender) |
| | | 140 | | { |
| | 0 | 141 | | await base.OnAfterRenderAsync(firstRender); |
| | | 142 | | |
| | 0 | 143 | | await UpdateChartsTheme(); |
| | 0 | 144 | | } |
| | | 145 | | |
| | | 146 | | private async Task ToggleTheme() |
| | | 147 | | { |
| | 0 | 148 | | _isDark = !_isDark; |
| | | 149 | | |
| | 0 | 150 | | await UpdateChartsTheme(); |
| | | 151 | | |
| | 0 | 152 | | await LocalStorage.SetItemAsync("IsDark", _isDark.ToString()); |
| | 0 | 153 | | } |
| | | 154 | | |
| | | 155 | | private async Task UpdateChartsTheme() |
| | | 156 | | { |
| | 0 | 157 | | var options = new ApexCharts.ApexChartBaseOptions |
| | 0 | 158 | | { |
| | 0 | 159 | | Theme = new ApexCharts.Theme |
| | 0 | 160 | | { |
| | 0 | 161 | | Mode = _isDark ? ApexCharts.Mode.Dark : ApexCharts.Mode.Light |
| | 0 | 162 | | } |
| | 0 | 163 | | }; |
| | | 164 | | |
| | 0 | 165 | | await ApexChartService.SetGlobalOptionsAsync(options, true); |
| | 0 | 166 | | } |
| | | 167 | | |
| | | 168 | | private async Task Logout() |
| | | 169 | | { |
| | 0 | 170 | | _rightOpen = false; |
| | 0 | 171 | | await LogoutClient.Logout(); |
| | 0 | 172 | | await LocalStorage.RemoveItemAsync("User"); |
| | 0 | 173 | | await SignalR.StopAsync(); |
| | 0 | 174 | | AuthStateProvider.MarkUserAsLoggedOut(); |
| | 0 | 175 | | Nav.NavigateTo("/"); |
| | 0 | 176 | | } |
| | | 177 | | } |