client/src/app/+admin/jobs/jobs-list/jobs-list.component.html

   1 <div class="admin-sub-header">
   2   <div class="admin-sub-title">Jobs list</div>
   3 </div>
   4
   5 <p-dataTable
   6     [value]="jobs" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   7     sortField="createdAt" (onLazyLoad)="loadLazy($event)" [scrollable]="true" [virtualScroll]="true" [scrollHeight]="scrollHeight"
   8 >
   9   <p-column field="id" header="ID" [style]="{ width: '40px' }"></p-column>
  10   <p-column field="category" header="Category" [style]="{ width: '100px' }"></p-column>
  11   <p-column field="handlerName" header="Handler name" [style]="{ width: '200px' }"></p-column>
  12   <p-column header="Input data">
  13     <ng-template pTemplate="body" let-job="rowData">
  14       <pre>{{ job.handlerInputData }}</pre>
  15     </ng-template>
  16   </p-column>
  17   <p-column field="state" header="State" [style]="{ width: '100px' }"></p-column>
  18   <p-column field="createdAt" header="Created date" [sortable]="true" [style]="{ width: '250px' }"></p-column>
  19   <p-column field="updatedAt" header="Updated date" [style]="{ width: '250px' }"></p-column>
  20 </p-dataTable>