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