+ <div class="select-filter-block">
+ <label for="jobType" i18n>Job type</label>
+ <div class="peertube-select-container">
+ <select id="jobType" name="jobType" [(ngModel)]="jobType" (ngModelChange)="onJobStateOrTypeChanged()" class="form-control">
+ <option *ngFor="let jobType of jobTypes" [value]="jobType">{{ jobType }}</option>
+ </select>
+ </div>
+ </div>
+
+ <div class="select-filter-block">
+ <label for="jobState" i18n>Job state</label>
+ <ng-select
+ class="select-job-state"
+ [(ngModel)]="jobState"
+ (ngModelChange)="onJobStateOrTypeChanged()"
+ [clearable]="false"
+ [searchable]="false"
+ >
+ <ng-option value="all">
+ <span i18n="Selector for the list displaying jobs, filtering by their state">any</span>
+ </ng-option>
+ <ng-option *ngFor="let state of jobStates" [value]="state">
+ <span class="badge" [ngClass]="getJobStateClass(state)">{{ state }}</span>
+ </ng-option>
+ </ng-select>
+ </div>