- <td class="job-id" [pRowToggler]="job" [title]="job.id">{{ job.id }}</td>
- <td class="job-type" [pRowToggler]="job">{{ job.type }}</td>
- <td class="job-date" [pRowToggler]="job">{{ job.createdAt | date: 'short' }}</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-priority c-hand" [pRowToggler]="job">{{ job.priority }}</td>
+
+ <td class="job-state c-hand" [pRowToggler]="job" *ngIf="jobState === 'all'">
+ <span class="badge" [ngClass]="getJobStateClass(job.state)">{{ job.state }}</span>
+ </td>
+
+ <td class="job-progress c-hand" [pRowToggler]="job">
+ <ng-container *ngIf="hasProgress(job)">{{ getProgress(job) }}</ng-container>
+ </td>
+
+ <td class="job-date c-hand" [pRowToggler]="job">{{ job.createdAt | date: 'short' }}</td>