| | | 1 | | @inject Services.UserService userService |
| | | 2 | | |
| | | 3 | | <AuthorizeView> |
| | | 4 | | <Authorized> |
| | 0 | 5 | | <div class="menu-profile @((IsExpanded) ? "active" : null)" @onclick="() => ToggleExpand()"> |
| | | 6 | | <a class="menu-profile-link"> |
| | | 7 | | <div class="menu-profile-cover with-shadow"></div> |
| | | 8 | | <div class="menu-profile-image"> |
| | | 9 | | <img src="../assets/img/user/user-13.jpg" alt="" /> |
| | | 10 | | </div> |
| | | 11 | | <div class="menu-profile-info"> |
| | | 12 | | <div class="d-flex align-items-center"> |
| | | 13 | | <div class="flex-grow-1"> |
| | | 14 | | |
| | | 15 | | </div> |
| | | 16 | | <div class="menu-caret ms-auto"></div> |
| | | 17 | | </div> |
| | 0 | 18 | | <small>@@@context.User.Identity.Name</small> |
| | | 19 | | </div> |
| | | 20 | | </a> |
| | | 21 | | </div> |
| | | 22 | | <div id="appSidebarProfileMenu" class="collapse @((IsExpanded) ? "expand" : "closed")" |
| | | 23 | | style="@((IsExpanded) ? expandedStyle : null)"> |
| | | 24 | | <div class="menu-item pt-5px"> |
| | | 25 | | <a href="javascript:;" class="menu-link"> |
| | | 26 | | <div class="menu-icon"><i class="oi oi-cog"></i></div> |
| | | 27 | | <div class="menu-text">Settings</div> |
| | | 28 | | </a> |
| | | 29 | | </div> |
| | | 30 | | <div class="menu-item"> |
| | | 31 | | <a href="javascript:;" class="menu-link"> |
| | | 32 | | <div class="menu-icon"><i class="oi oi-pencil"></i></div> |
| | | 33 | | <div class="menu-text"> Send Feedback</div> |
| | | 34 | | </a> |
| | | 35 | | </div> |
| | | 36 | | <div class="menu-item pb-5px"> |
| | | 37 | | <a href="javascript:;" class="menu-link"> |
| | | 38 | | <div class="menu-icon"><i class="oi oi-question-mark"></i></div> |
| | | 39 | | <div class="menu-text"> Helps</div> |
| | | 40 | | </a> |
| | | 41 | | </div> |
| | | 42 | | <div class="menu-divider m-0"></div> |
| | | 43 | | </div> |
| | | 44 | | </Authorized> |
| | | 45 | | </AuthorizeView> |
| | | 46 | | |
| | | 47 | | |
| | | 48 | | |
| | | 49 | | @code { |
| | 0 | 50 | | [CascadingParameter] public Task<AuthenticationState> AuthStateTask { get; set; } |
| | | 51 | | |
| | 0 | 52 | | string userForeAndLastName = ""; |
| | | 53 | | |
| | 0 | 54 | | public bool IsExpanded { get; set; } |
| | | 55 | | |
| | 0 | 56 | | private string expandedStyle = "display: block;"; |
| | | 57 | | |
| | | 58 | | private void ToggleExpand() |
| | 0 | 59 | | { |
| | 0 | 60 | | this.IsExpanded = !IsExpanded; |
| | 0 | 61 | | } |
| | | 62 | | |
| | | 63 | | |
| | | 64 | | |
| | | 65 | | protected override async Task OnInitializedAsync() |
| | 0 | 66 | | { |
| | 0 | 67 | | var claim = (await AuthStateTask).User; |
| | 0 | 68 | | userForeAndLastName = await userService.GetForeAndLastNameAsync(claim); |
| | 0 | 69 | | base.OnInitialized(); |
| | 0 | 70 | | } |
| | | 71 | | |
| | | 72 | | } |