Users: get current user, onboard current user features
This commit is contained in:
32
src/app/shared/components/navbar/navbar.html
Normal file
32
src/app/shared/components/navbar/navbar.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<nav class="navbar is-fixed-top">
|
||||
<div class="navbar-brand"></div>
|
||||
<div class="navbar-menu">
|
||||
<div class="navbar-start"></div>
|
||||
<div class="navbar-end">
|
||||
<!-- User menu dropdown -->
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<a href="" class="navbar-link is-arrowless">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<div class="image is-24x24" [class.is-skeleton]="!sharedStore.isCurrentUserLoaded()">
|
||||
<img
|
||||
class="is-rounded"
|
||||
[src]="sharedStore.getCurrentUserAvatarUrl()"
|
||||
[alt]="sharedStore.getCurrentUserName()">
|
||||
</div>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<p [class.is-skeleton]="!sharedStore.isCurrentUserLoaded()">
|
||||
{{sharedStore.getCurrentUserName()}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="navbar-dropdown">
|
||||
<a (click)="logout()" class="navbar-item">Log out</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End of user menu dropdown -->
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user