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

   1 <menu>
   2   <div *ngIf="isLoggedIn" class="logged-in-block">
   3     <img [src]="getUserAvatarPath()" alt="Avatar" />
   4
   5     <div class="logged-in-info">
   6       <a routerLink="/account/settings" class="logged-in-username">{{ user.username  }}</a>
   7       <div class="logged-in-email">{{ user.email }}</div>
   8     </div>
   9
  10     <div class="logged-in-more" dropdown placement="right" container="body">
  11       <span class="glyphicon glyphicon-option-vertical" dropdownToggle></span>
  12
  13       <ul *dropdownMenu class="dropdown-menu">
  14         <li>
  15           <a (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
  16             Log out
  17           </a>
  18         </li>
  19       </ul>
  20     </div>
  21   </div>
  22
  23   <div *ngIf="!isLoggedIn" class="button-block">
  24     <a routerLink="/login" class="login-button">Login</a>
  25     <a *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
  26   </div>
  27
  28   <div class="panel-block">
  29     <div class="block-title">Videos</div>
  30
  31     <a routerLink="/videos/trending" routerLinkActive="active">
  32       <span class="icon icon-videos-trending"></span>
  33       Trending
  34     </a>
  35
  36     <a routerLink="/videos/recently-added" routerLinkActive="active">
  37       <span class="icon icon-videos-recently-added"></span>
  38       Recently added
  39     </a>
  40   </div>
  41
  42   <div *ngIf="userHasAdminAccess" class="panel-block">
  43     <div class="block-title">More</div>
  44
  45     <a [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
  46       <span class="icon icon-administration"></span>
  47       Administration
  48     </a>
  49   </div>
  50 </menu>