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
   6         [value]="friends" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   7         sortField="id" (onLazyLoad)="loadLazy($event)"
   8     >
   9       <p-column field="id" header="ID" [sortable]="true"></p-column>
  10       <p-column field="host" header="Host" [sortable]="true"></p-column>
  11       <p-column field="email" header="Email"></p-column>
  12       <p-column field="score" header="Score" [sortable]="true"></p-column>
  13       <p-column field="createdAt" header="Created date" [sortable]="true"></p-column>
  14       <p-column header="Delete" styleClass="action-cell">
  15         <ng-template pTemplate="body" let-pod="rowData">
  16           <span (click)="removeFriend(pod)" class="glyphicon glyphicon-remove glyphicon-black" title="Remove this pod"></span>
  17         </ng-template>
  18       </p-column>
  19     </p-dataTable>
  20
  21     <a *ngIf="hasFriends()" class="btn btn-danger pull-left" (click)="quitFriends()">
  22       Quit friends
  23     </a>
  24
  25     <a *ngIf="!hasFriends()" class="btn btn-success pull-right" [routerLink]="[ '/admin/friends/add' ]">
  26       Make friends
  27     </a>
  28   </div>
  29 </div>