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

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