client/src/app/admin/friends/friend-list/friend-list.component.html

   1 <h3>Friends list</h3>
   2
   3 <table class="table table-hover">
   4   <thead>
   5     <tr>
   6       <th class="table-column-id">ID</th>
   7       <th>Host</th>
   8       <th>Score</th>
   9       <th>Created Date</th>
  10     </tr>
  11   </thead>
  12
  13   <tbody>
  14     <tr *ngFor="let friend of friends">
  15       <td>{{ friend.id }}</td>
  16       <td>{{ friend.host }}</td>
  17       <td>{{ friend.score }}</td>
  18       <td>{{ friend.createdDate | date: 'medium' }}</td>
  19     </tr>
  20   </tbody>
  21 </table>
  22
  23 <a *ngIf="friends && friends.length !== 0" class="add-user btn btn-danger pull-left" (click)="quitFriends()">
  24   Quit friends
  25 </a>
  26
  27 <a *ngIf="friends?.length === 0" class="add-user btn btn-success pull-right" [routerLink]="['/admin/friends/add']">
  28   Make friends
  29 </a>