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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<div class="row">
  <div class="content-padding">
    <h3>Friends list</h3>

    <p-dataTable [value]="friends">
      <p-column field="id" header="ID"></p-column>
      <p-column field="host" header="Host"></p-column>
      <p-column field="email" header="Email"></p-column>
      <p-column field="score" header="Score"></p-column>
      <p-column field="createdAt" header="Created date"></p-column>
      <p-column header="Delete" styleClass="action-cell">
        <ng-template pTemplate="body" let-pod="rowData">
          <span (click)="removeFriend(pod)" class="glyphicon glyphicon-remove glyphicon-black" title="Remove this pod"></span>
        </ng-template>
      </p-column>
    </p-dataTable>

    <a *ngIf="hasFriends()" class="btn btn-danger pull-left" (click)="quitFriends()">
      Quit friends
    </a>

    <a *ngIf="!hasFriends()" class="btn btn-success pull-right" [routerLink]="[ '/admin/friends/add' ]">
      Make friends
    </a>
  </div>
</div>