client/src/app/menu/menu.component.html

   1 <div class="menu-wrapper">
   2   <menu>
   3     <div class="top-menu">
   4       <div *ngIf="isLoggedIn" class="logged-in-block">
   5         <a routerLink="/my-account/settings">
   6           <img [src]="user.accountAvatarUrl" alt="Avatar" />
   7         </a>
   8
   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>
  12         </div>
  13
  14         <div class="logged-in-more" ngbDropdown placement="bottom-right">
  15           <span class="glyphicon glyphicon-option-vertical" ngbDropdownToggle role="button"></span>
  16
  17           <div ngbDropdownMenu>
  18             <a *ngIf="user.account" i18n [routerLink]="[ '/accounts', user.account.nameWithHost ]" class="dropdown-item">
  19              My public profile
  20             </a>
  21
  22             <a i18n routerLink="/my-account" class="dropdown-item">
  23               My account
  24             </a>
  25
  26             <a i18n (click)="logout($event)" class="dropdown-item" href="#">
  27               Log out
  28             </a>
  29           </div>
  30         </div>
  31       </div>
  32
  33       <div *ngIf="!isLoggedIn" class="button-block">
  34         <a i18n routerLink="/login" class="login-button">Login</a>
  35         <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
  36       </div>
  37
  38       <div class="panel-block">
  39         <div i18n class="block-title">Videos</div>
  40
  41         <a routerLink="/videos/trending" routerLinkActive="active">
  42           <span class="icon icon-videos-trending"></span>
  43           <ng-container i18n>Trending</ng-container>
  44         </a>
  45
  46         <a routerLink="/videos/recently-added" routerLinkActive="active">
  47           <span class="icon icon-videos-recently-added"></span>
  48           <ng-container i18n>Recently added</ng-container>
  49         </a>
  50
  51         <a routerLink="/videos/local" routerLinkActive="active">
  52           <span class="icon icon-videos-local"></span>
  53           <ng-container i18n>Local</ng-container>
  54         </a>
  55       </div>
  56
  57       <div class="panel-block">
  58         <div class="block-title" i18n>More</div>
  59
  60         <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
  61           <span class="icon icon-administration"></span>
  62           <ng-container i18n>Administration</ng-container>
  63         </a>
  64
  65         <a routerLink="/about" routerLinkActive="active">
  66           <span class="icon icon-about"></span>
  67           <ng-container i18n>About</ng-container>
  68         </a>
  69       </div>
  70     </div>
  71
  72     <div class="footer">
  73       <span class="language">
  74         <span (click)="openLanguageChooser()" i18n-title title="Change the language" class="icon icon-language"></span>
  75       </span>
  76     </div>
  77   </menu>
  78 </div>
  79
  80 <my-language-chooser #languageChooserModal></my-language-chooser>