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

   1 <menu>
   2   <div *ngIf="isLoggedIn" class="logged-in-block">
   3     <img [src]="getUserAvatarUrl()" 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 routerLink="/account/settings" class="dropdown-item" title="My account">
  16             My account
  17           </a>
  18
  19           <a (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
  20             Log out
  21           </a>
  22         </li>
  23       </ul>
  24     </div>
  25   </div>
  26
  27   <div *ngIf="!isLoggedIn" class="button-block">
  28     <a routerLink="/login" class="login-button">Login</a>
  29     <a *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
  30   </div>
  31
  32   <div class="panel-block">
  33     <div class="block-title">Videos</div>
  34
  35     <a routerLink="/videos/trending" routerLinkActive="active">
  36       <span class="icon icon-videos-trending"></span>
  37       Trending
  38     </a>
  39
  40     <a routerLink="/videos/recently-added" routerLinkActive="active">
  41       <span class="icon icon-videos-recently-added"></span>
  42       Recently added
  43     </a>
  44   </div>
  45
  46   <div *ngIf="userHasAdminAccess" class="panel-block">
  47     <div class="block-title">More</div>
  48
  49     <a [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
  50       <span class="icon icon-administration"></span>
  51       Administration
  52     </a>
  53   </div>
  54 </menu>