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

   1 <menu>
   2   <div class="panel-block">
   3     <div class="block-title">Account</div>
   4
   5     <div id="panel-user-login" class="panel-button">
   6       <a *ngIf="!isLoggedIn" routerLink="/login" routerLinkActive="active">
   7         <span class="hidden-xs glyphicon glyphicon-log-in"></span>
   8         Login
   9       </a>
  10
  11       <a *ngIf="isLoggedIn" (click)="logout()">
  12         <span class="hidden-xs glyphicon glyphicon-log-out"></span>
  13         Logout
  14       </a>
  15     </div>
  16
  17     <a *ngIf="!isLoggedIn && isRegistrationAllowed()" routerLink="/signup" routerLinkActive="active">
  18       <span class="hidden-xs glyphicon glyphicon-user"></span>
  19       Signup
  20     </a>
  21
  22     <a *ngIf="isLoggedIn" routerLink="/account" routerLinkActive="active">
  23       <span class="hidden-xs glyphicon glyphicon-user"></span>
  24       My account
  25     </a>
  26   </div>
  27
  28   <div class="panel-block">
  29     <div class="block-title">Videos</div>
  30
  31     <a routerLink="/videos/list" routerLinkActive="active">
  32       <span class="hidden-xs glyphicon glyphicon-list"></span>
  33       See videos
  34     </a>
  35
  36     <a *ngIf="isLoggedIn" routerLink="/videos/add" routerLinkActive="active">
  37       <span class="hidden-xs glyphicon glyphicon-cloud-upload"></span>
  38       Upload a video
  39     </a>
  40   </div>
  41
  42   <div *ngIf="isUserAdmin()" class="panel-block">
  43     <div class="block-title">Other</div>
  44
  45     <a routerLink="/admin" routerLinkActive="active">
  46       <span class="hidden-xs glyphicon glyphicon-cog"></span>
  47       Administration
  48     </a>
  49   </div>
  50 </menu>