33 lines
1.1 KiB
HTML
33 lines
1.1 KiB
HTML
<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>
|