2017-12-01 08:20:19 +00:00
|
|
|
<menu>
|
|
|
|
<div *ngIf="isLoggedIn" class="logged-in-block">
|
2017-12-29 18:10:13 +00:00
|
|
|
<img [src]="getUserAvatarUrl()" alt="Avatar" />
|
2017-12-04 09:34:40 +00:00
|
|
|
|
2017-12-01 08:20:19 +00:00
|
|
|
<div class="logged-in-info">
|
2017-12-12 13:08:48 +00:00
|
|
|
<a routerLink="/account/settings" class="logged-in-username">{{ user.username }}</a>
|
2017-12-01 08:20:19 +00:00
|
|
|
<div class="logged-in-email">{{ user.email }}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="logged-in-more" dropdown placement="right" container="body">
|
|
|
|
<span class="glyphicon glyphicon-option-vertical" dropdownToggle></span>
|
|
|
|
|
|
|
|
<ul *dropdownMenu class="dropdown-menu">
|
|
|
|
<li>
|
2017-12-12 13:41:59 +00:00
|
|
|
<a routerLink="/account/settings" class="dropdown-item" title="My account">
|
|
|
|
My account
|
|
|
|
</a>
|
|
|
|
|
2017-12-01 08:20:19 +00:00
|
|
|
<a (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
|
|
|
|
Log out
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div *ngIf="!isLoggedIn" class="button-block">
|
2017-12-01 12:08:46 +00:00
|
|
|
<a routerLink="/login" class="login-button">Login</a>
|
2017-12-01 08:20:19 +00:00
|
|
|
<a *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="panel-block">
|
|
|
|
<div class="block-title">Videos</div>
|
|
|
|
|
2017-12-01 13:46:22 +00:00
|
|
|
<a routerLink="/videos/trending" routerLinkActive="active">
|
2017-12-01 08:20:19 +00:00
|
|
|
<span class="icon icon-videos-trending"></span>
|
|
|
|
Trending
|
|
|
|
</a>
|
|
|
|
|
2017-12-01 13:46:22 +00:00
|
|
|
<a routerLink="/videos/recently-added" routerLinkActive="active">
|
2017-12-01 08:20:19 +00:00
|
|
|
<span class="icon icon-videos-recently-added"></span>
|
|
|
|
Recently added
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div *ngIf="userHasAdminAccess" class="panel-block">
|
|
|
|
<div class="block-title">More</div>
|
|
|
|
|
|
|
|
<a [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
|
|
|
|
<span class="icon icon-administration"></span>
|
|
|
|
Administration
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</menu>
|