<tr *ngFor="let device of devices | async">
      <td ><a [routerLink]="['/device/edit/' + device.id ]">{{device.authenticationKey}}</a></td>
      <td>{{device.description}}</td>
      <td><span class="label" [class.label-success]="device.activated" [class.label-danger]="!device.activated">{{device.activated}}</span></td>
      <td><a [routerLink]="['/device-type/edit/' + device.pageId ]">{{this.getDeviceTypeTextByID(device.pageId)}}</a></td>
      <td align="right">
        <button class="btn btn-primary" [routerLink]="['/device/edit/' + device.id ]">
          <span class="icon icon-edit">{{"lists.edit"|translate}}</span>
        </button>
        <button class="btn btn-primary" (click)="modal.showModal('Are you sure?', 'Delete ' + device.authenticationKey + ' device', true, device)">
          <span class="icon icon-erase">{{"lists.delete"|translate}}</span>
        </button>
      </td>
    </tr>