import { EICoordinatorComponent } from './ei-coordinator.component';
import { ProducersListComponent } from './producers-list/producers-list.component';
import { JobsListComponent } from './jobs-list/jobs-list.component';
+import { FormsModule } from '@angular/forms';
import { MatTableModule } from '@angular/material/table';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { ReactiveFormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatSortModule } from '@angular/material/sort';
import { MatButtonModule } from '@angular/material/button';
import { FlexLayoutModule } from '@angular/flex-layout';
imports: [
CommonModule,
FlexLayoutModule,
+ FormsModule,
MatTableModule,
MatIconModule,
MatInputModule,
ReactiveFormsModule,
+ MatCheckboxModule,
MatSortModule,
MatPaginatorModule,
MatButtonModule,
import { Sort } from "@angular/material/sort";
import { MatTableDataSource } from "@angular/material/table";
import {
+ EMPTY,
forkJoin,
Subscription,
timer,
finalize,
map,
tap,
- switchMap,
+ switchMap
} from "rxjs/operators";
import { EIJob } from "@interfaces/ei.types";
import { EIService } from "@services/ei/ei.service";
jobForm: FormGroup;
darkMode: boolean;
- private jobsSubject = new BehaviorSubject<Job[]>([]);
+ private jobsSubject$ = new BehaviorSubject<Job[]>([]);
private refresh$ = new BehaviorSubject("");
- private loadingSubject = new BehaviorSubject<boolean>(false);
- public loading$ = this.loadingSubject.asObservable();
+ private loadingSubject$ = new BehaviorSubject<boolean>(false);
+ private polling$ = new BehaviorSubject<boolean>(true);
+ public loading$ = this.loadingSubject$.asObservable();
subscription: Subscription;
+ checked: boolean = false;
constructor(private eiSvc: EIService, private ui: UiService) {
this.jobForm = new FormGroup({
ngOnInit(): void {
this.subscription = this.dataSubscription();
- this.jobsSubject.subscribe((data) => {
+ this.jobsSubject$.subscribe((data) => {
this.jobsDataSource = new MatTableDataSource<Job>(data);
this.jobsDataSource.paginator = this.paginator;
mergeMap((prodIds) =>
forkJoin(prodIds.map((id) => this.eiSvc.getJobsForProducer(id)))
),
- finalize(() => this.loadingSubject.next(false))
+ finalize(() => this.loadingSubject$.next(false))
);
- return this.refresh$
+ const refreshedJobs$ = this.refresh$
.pipe(
- switchMap((_) =>
- timer(0, 10000).pipe(
- tap((_) => {
- this.loadingSubject.next(true);
- }),
- switchMap((_) => jobs$),
- map((response) => this.extractJobs(prodId, response))
- )
+ switchMap((_) => timer(0, 10000).pipe(
+ tap((_) => {
+ this.loadingSubject$.next(true);
+ }),
+ switchMap((_) => jobs$),
+ map((response) => this.extractJobs(prodId, response))
)
- )
- .subscribe();
+ )
+ );
+
+ return this.polling$.pipe(
+ switchMap(p => {
+ return p ? refreshedJobs$ : EMPTY;
+ })
+ ).subscribe();
}
ngOnDestroy() {
this.jobsDataSource.data = data;
}
+ stopPolling(checked){
+ this.polling$.next(checked);
+ }
+
compare(a: any, b: any, isAsc: boolean) {
return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
}
}
public jobs(): Job[] {
- return this.jobsSubject.value;
+ return this.jobsSubject$.value;
}
private extractJobs(prodId: number[], res: EIJob[][]) {
- console.log(res.length);
+ this.clearFilter();
let jobList = [];
prodId.forEach((element, index) => {
let jobs = res[index];
jobList = jobList.concat(jobs.map((job) => this.createJob(element, job)));
});
- this.jobsSubject.next(jobList);
+ this.jobsSubject$.next(jobList);
return jobList;
}