1 files changed, 12 insertions, 5 deletions

diff --git a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
index 809155338..f1b14e5e3 100644
--- a/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
+++ b/client/src/app/+admin/jobs/jobs-list/jobs-list.component.html
@@ -1,20 +1,27 @@
 <div class="admin-sub-header">
   <div class="admin-sub-title">Jobs list</div>
+
+  <div class="peertube-select-container">
+    <select [(ngModel)]="jobState" (ngModelChange)="onJobStateChanged()">
+      <option *ngFor="let state of jobStates" [value]="state">{{ state }}</option>
+    </select>
+  </div>
 </div>
 
+
+
 <p-dataTable
     [value]="jobs" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
     sortField="createdAt" (onLazyLoad)="loadLazy($event)" [scrollable]="true" [virtualScroll]="true" [scrollHeight]="scrollHeight"
 >
   <p-column field="id" header="ID" [style]="{ width: '60px' }"></p-column>
-  <p-column field="category" header="Category" [style]="{ width: '130px' }"></p-column>
-  <p-column field="handlerName" header="Handler name" [style]="{ width: '210px' }"></p-column>
-  <p-column header="Input data">
+  <p-column field="type" header="Type" [style]="{ width: '210px' }"></p-column>
+  <p-column field="state" header="State" [style]="{ width: '130px' }"></p-column>
+  <p-column header="Payload">
     <ng-template pTemplate="body" let-job="rowData">
-      <pre>{{ job.handlerInputData }}</pre>
+      <pre>{{ job.data }}</pre>
     </ng-template>
   </p-column>
-  <p-column field="state" header="State" [style]="{ width: '100px' }"></p-column>
   <p-column field="createdAt" header="Created date" [sortable]="true" [style]="{ width: '250px' }"></p-column>
   <p-column field="updatedAt" header="Updated date" [style]="{ width: '250px' }"></p-column>
 </p-dataTable>