Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="row my-3 mx-2 no-gutters align-items-center">
<div class="col-auto page-form">
<div class="form-row p-2 pb-0 align-items-center">
<div class="col-auto pl-3"><b>Queue</b>:</div>
<div class="btn-group col" ngbDropdown>
<button class="btn btn-light btn-sm" type="button" ngbDropdownToggle>{{ filters['JOB_QUEUE'].label }}</button>
<ul ngbDropdownMenu>
<li ngbDropdownItem *ngFor="let q of queues" class="p-0">
<button type="button" class="btn btn-link w-100 text-left" (click)="setQueue(q)">{{q.label}}</button>
</li>
</ul>
</div>
<div class="col-auto pl-4"><b>Status</b>:</div>
<div class="btn-group col" ngbDropdown>
<button class="btn btn-light btn-sm" type="button" ngbDropdownToggle>{{ filters['JOB_STATUS'] }}</button>
<ul ngbDropdownMenu>
<li ngbDropdownItem *ngFor="let s of statuses" class="p-0">
<button type="button" class="btn btn-link w-100 text-left" (click)="setStatus(s)">{{s}}</button>
</li>
</ul>
</div>
<form (ngSubmit)="getJobs()" class="form-inline col pl-4" [formGroup]="formGroup">
<div class="form-group">
<input type="text" class="form-control" id="pattern" placeholder="Pattern" formControlName="pattern">
</div>
</form>
</div>
</div>
<div class="col"></div>
<form class="col-auto form-inline" [formGroup]="alertThresholdForm">
<span class="text-warning ml-4 mr-2"><fa-icon [icon]="faExclamationTriangle"></fa-icon></span>
after <input type="number" min="1" class="form-control form-control-sm mx-2 w-25" formControlName="threshold"/> days
</form>
</div>
<ng-container *ngIf="jobs; else loading">
<div class="row no-gutters mx-1">
<div class="col-1 px-2 py-3 thead_th">Id</div>
<div class="col px-2 py-3 thead_th">Name</div>
<div class="col px-2 py-3 thead_th">Dates</div>
<div class="col-2 px-2 py-3 thead_th">Status</div>
<div class="col-1 px-2 py-3 thead_th">Archive Status</div>
</div>
<ng-container *ngFor="let job of jobs">
<app-execution-job [job]="job" [queue]="filters['JOB_QUEUE']"
[alertThresholdDays]="alertAfterDays"></app-execution-job>
</ng-container>
</ng-container>
<ng-template #loading>
<app-loading></app-loading>
</ng-template>