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

   1 <div class="row">
   2   <div class="content-padding">
   3     <h3>Friends list</h3>
   4
   5     <p-dataTable [value]="friends">
   6       <p-column field="id" header="ID"></p-column>
   7       <p-column field="host" header="Host"></p-column>
   8       <p-column field="email" header="Email"></p-column>
   9       <p-column field="score" header="Score"></p-column>
  10       <p-column field="createdAt" header="Created date"></p-column>
  11       <p-column header="Delete" styleClass="action-cell">
  12         <ng-template pTemplate="body" let-pod="rowData">
  13           <span (click)="removeFriend(pod)" class="glyphicon glyphicon-remove glyphicon-black" title="Remove this pod"></span>
  14         </ng-template>
  15       </p-column>
  16     </p-dataTable>
  17
  18     <a *ngIf="hasFriends()" class="btn btn-danger pull-left" (click)="quitFriends()">
  19       Quit friends
  20     </a>
  21
  22     <a *ngIf="!hasFriends()" class="btn btn-success pull-right" [routerLink]="[ '/admin/friends/add' ]">
  23       Make friends
  24     </a>
  25   </div>
  26 </div>