1 <div class="menu-wrapper">
4 <div *ngIf="isLoggedIn" class="logged-in-block">
5 <a routerLink="/my-account/settings">
6 <img [src]="user.accountAvatarUrl" alt="Avatar" />
9 <div class="logged-in-info">
10 <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a>
11 <div class="logged-in-email">{{ user.username }}</div>
14 <div class="logged-in-more" ngbDropdown placement="bottom-right">
15 <span class="glyphicon glyphicon-option-vertical" ngbDropdownToggle role="button"></span>
18 <a *ngIf="user.account" i18n [routerLink]="[ '/accounts', user.account.nameWithHost ]" class="dropdown-item">
22 <a i18n routerLink="/my-account" class="dropdown-item">
26 <a i18n routerLink="/my-account/videos" class="dropdown-item">
30 <a i18n (click)="logout($event)" class="dropdown-item" href="#">
37 <div *ngIf="!isLoggedIn" class="button-block">
38 <a i18n routerLink="/login" class="login-button">Login</a>
39 <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
42 <div class="panel-block">
43 <div i18n class="block-title">Videos</div>
45 <a *ngIf="isLoggedIn" routerLink="/videos/subscriptions" routerLinkActive="active">
46 <span class="icon icon-videos-subscriptions"></span>
47 <ng-container i18n>Subscriptions</ng-container>
50 <a routerLink="/videos/trending" routerLinkActive="active">
51 <span class="icon icon-videos-trending"></span>
52 <ng-container i18n>Trending</ng-container>
55 <a routerLink="/videos/recently-added" routerLinkActive="active">
56 <span class="icon icon-videos-recently-added"></span>
57 <ng-container i18n>Recently added</ng-container>
60 <a routerLink="/videos/local" routerLinkActive="active">
61 <span class="icon icon-videos-local"></span>
62 <ng-container i18n>Local</ng-container>
66 <div class="panel-block">
67 <div class="block-title" i18n>More</div>
69 <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
70 <span class="icon icon-administration"></span>
71 <ng-container i18n>Administration</ng-container>
74 <a routerLink="/about" routerLinkActive="active">
75 <span class="icon icon-about"></span>
76 <ng-container i18n>About</ng-container>
82 <span class="language">
83 <span (click)="openLanguageChooser()" i18n-title title="Change the language" class="icon icon-language"></span>
89 <my-language-chooser #languageChooserModal></my-language-chooser>