diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-01-06 14:28:29 +0100 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-01-06 15:10:20 +0100 |
commit | eb1c46e9a8be665912e671cacf351d15a0f63f9d (patch) | |
tree | 7357c6d58e191baf6b75952d07355a77de499713 /client/src/app/+admin/system/jobs/jobs.component.html | |
parent | 4271212172ebd3ff5b4196ecb4064f79f7d5e0de (diff) | |
download | PeerTube-eb1c46e9a8be665912e671cacf351d15a0f63f9d.tar.gz PeerTube-eb1c46e9a8be665912e671cacf351d15a0f63f9d.tar.zst PeerTube-eb1c46e9a8be665912e671cacf351d15a0f63f9d.zip |
Enhance variable width column for id column in jobs list
Diffstat (limited to 'client/src/app/+admin/system/jobs/jobs.component.html')
-rw-r--r-- | client/src/app/+admin/system/jobs/jobs.component.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/client/src/app/+admin/system/jobs/jobs.component.html b/client/src/app/+admin/system/jobs/jobs.component.html index af07a32a1..b0f68eadd 100644 --- a/client/src/app/+admin/system/jobs/jobs.component.html +++ b/client/src/app/+admin/system/jobs/jobs.component.html | |||
@@ -27,23 +27,23 @@ | |||
27 | > | 27 | > |
28 | <ng-template pTemplate="header"> | 28 | <ng-template pTemplate="header"> |
29 | <tr> | 29 | <tr> |
30 | <th i18n style="max-width: 60px;">ID</th> | 30 | <th class="job-id" i18n>ID</th> |
31 | <th i18n style="max-width: 120px;">Type</th> | 31 | <th class="job-type" i18n>Type</th> |
32 | <th i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> | 32 | <th class="job-date" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> |
33 | <th i18n>State</th> | 33 | <th class="job-state" i18n>State</th> |
34 | </tr> | 34 | </tr> |
35 | </ng-template> | 35 | </ng-template> |
36 | 36 | ||
37 | <ng-template pTemplate="body" let-expanded="expanded" let-job> | 37 | <ng-template pTemplate="body" let-expanded="expanded" let-job> |
38 | <tr class="expander" [pRowToggler]="job"> | 38 | <tr class="expander" [pRowToggler]="job"> |
39 | <td style="max-width: 60px;">{{ job.id }}</td> | 39 | <td class="job-id" [title]="job.id">{{ job.id }}</td> |
40 | <td style="max-width: 120px;">{{ job.type }}</td> | 40 | <td class="job-type">{{ job.type }}</td> |
41 | <td>{{ job.createdAt }}</td> | 41 | <td class="job-date">{{ job.createdAt }}</td> |
42 | <td *ngIf="job.state === 'delayed'" class="text-muted"><span class="glyphicon glyphicon-repeat"></span> <span i18n>Delayed.</span></td> | 42 | <td class="job-state" *ngIf="job.state === 'delayed'" class="text-muted"><span class="glyphicon glyphicon-repeat"></span> <span i18n>Delayed.</span></td> |
43 | <td *ngIf="job.state === 'waiting'" class="text-warning"><span class="glyphicon glyphicon-hourglass"></span> <span i18n>Will start soon...</span></td> | 43 | <td class="job-state" *ngIf="job.state === 'waiting'" class="text-warning"><span class="glyphicon glyphicon-hourglass"></span> <span i18n>Will start soon...</span></td> |
44 | <td *ngIf="job.state === 'active'" class="text-warning"><span class="glyphicon glyphicon-cog"></span> <span i18n>Running...</span></td> | 44 | <td class="job-state" *ngIf="job.state === 'active'" class="text-warning"><span class="glyphicon glyphicon-cog"></span> <span i18n>Running...</span></td> |
45 | <td *ngIf="job.state === 'completed'" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span i18n>Finished</span></td> | 45 | <td class="job-state" *ngIf="job.state === 'completed'" class="text-success"><span class="glyphicon glyphicon-ok"></span> <span i18n>Finished</span></td> |
46 | <td *ngIf="job.state === 'failed'" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span i18n>Failed</span></td> | 46 | <td class="job-state" *ngIf="job.state === 'failed'" class="text-danger"><span class="glyphicon glyphicon-remove"></span> <span i18n>Failed</span></td> |
47 | </tr> | 47 | </tr> |
48 | </ng-template> | 48 | </ng-template> |
49 | 49 | ||