- <td class="job-id" [title]="job.id">{{ job.id }}</td>
- <td class="job-type">{{ job.type }}</td>
- <td class="job-date">{{ job.createdAt }}</td>
- <td class="job-state" *ngIf="job.state === 'delayed'" class="text-muted"><span class="glyphicon glyphicon-repeat"></span> <span i18n>Delayed.</span></td>
- <td class="job-state" *ngIf="job.state === 'waiting'" class="text-warning"><span class="glyphicon glyphicon-hourglass"></span> <span i18n>Will start soon...</span></td>
- <td class="job-state" *ngIf="job.state === 'active'" class="text-warning"><span class="glyphicon glyphicon-cog"></span> <span i18n>Running...</span></td>
- <td class="job-state" *ngIf="job.state === 'completed'" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span i18n>Finished</span></td>
- <td class="job-state" *ngIf="job.state === 'failed'" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span i18n>Failed</span></td>
+ <td class="job-id c-hand" [pRowToggler]="job" [title]="job.id">{{ job.id }}</td>
+ <td class="job-type c-hand" [pRowToggler]="job">{{ job.type }}</td>
+ <td class="job-type c-hand" [pRowToggler]="job" *ngIf="jobState === 'all'">
+ <span class="badge" [ngClass]="getJobStateClass(job.state)">{{ job.state }}</span>
+ </td>
+ <td class="job-date c-hand" [pRowToggler]="job">{{ job.createdAt | date: 'short' }}</td>