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

   1 <menu class="col-md-2 col-sm-3 col-xs-3">
   2   <div class="panel-block">
   3     <div id="panel-user-login" class="panel-button">
   4       <span *ngIf="!isLoggedIn" >
   5         <span class="hidden-xs glyphicon glyphicon-log-in"></span>
   6         <a [routerLink]="['/login']">Login</a>
   7       </span>
   8
   9       <span *ngIf="isLoggedIn">
  10         <span class="hidden-xs glyphicon glyphicon-log-out"></span>
  11         <a *ngIf="isLoggedIn" (click)="logout()">Logout</a>
  12       </span>
  13     </div>
  14
  15     <div *ngIf="isLoggedIn" id="panel-user-account" class="panel-button">
  16       <span class="hidden-xs glyphicon glyphicon-user"></span>
  17       <a [routerLink]="['/account']">My account</a>
  18     </div>
  19   </div>
  20
  21   <div class="panel-block">
  22     <div id="panel-get-videos" class="panel-button">
  23       <span class="hidden-xs glyphicon glyphicon-list"></span>
  24       <a [routerLink]="['/videos/list']">See videos</a>
  25     </div>
  26
  27     <div id="panel-upload-video" class="panel-button" *ngIf="isLoggedIn">
  28       <span class="hidden-xs glyphicon glyphicon-cloud-upload"></span>
  29       <a [routerLink]="['/videos/add']">Upload a video</a>
  30     </div>
  31   </div>
  32
  33   <div class="panel-block" *ngIf="isUserAdmin()">
  34     <div id="panel-get-videos" class="panel-button">
  35       <span class="hidden-xs glyphicon glyphicon-cog"></span>
  36       <a [routerLink]="['/admin']">Administration</a>
  37     </div>
  38   </div>
  39 </menu>