2 <div *
ngIf=
"isLoggedIn" class=
"logged-in-block">
3 <a routerLink=
"/my-account/settings">
4 <img [src]=
"user.accountAvatarUrl" alt=
"Avatar" />
7 <div class=
"logged-in-info">
8 <a routerLink=
"/my-account/settings" class=
"logged-in-username">{{ user.account?.displayName }}
</a>
9 <div class=
"logged-in-email">{{ user.email }}
</div>
12 <div class=
"logged-in-more" dropdown
placement=
"right" container=
"body">
13 <span class=
"glyphicon glyphicon-option-vertical" dropdownToggle
></span>
15 <ul *dropdownMenu
class=
"dropdown-menu">
17 <a i18n [routerLink]=
"[ '/accounts', user.account?.id ]" class=
"dropdown-item" title=
"My public profile">
21 <a routerLink=
"/my-account/settings" class=
"dropdown-item" title=
"My settings">
25 <a (click)=
"logout($event)" class=
"dropdown-item" title=
"Log out" href=
"#">
33 <div *
ngIf=
"!isLoggedIn" class=
"button-block">
34 <a routerLink=
"/login" class=
"login-button">Login
</a>
35 <a *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
38 <div class=
"panel-block">
39 <div class=
"block-title">Videos
</div>
41 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
42 <span class=
"icon icon-videos-trending"></span>
46 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
47 <span class=
"icon icon-videos-recently-added"></span>
51 <a routerLink=
"/videos/local" routerLinkActive=
"active">
52 <span class=
"icon icon-videos-local"></span>
57 <div class=
"panel-block">
58 <div class=
"block-title">More
</div>
60 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
61 <span class=
"icon icon-administration"></span>
65 <a routerLink=
"/about" routerLinkActive=
"active">
66 <span class=
"icon icon-about"></span>