117 lines
3.9 KiB
TypeScript
117 lines
3.9 KiB
TypeScript
import {Component} from '@angular/core';
|
|
import {ElementRef, Input} from '@angular/core';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
|
|
import {EnvProperties} from '../../../utils/properties/env-properties';
|
|
import {OrganizationInfo} from '../../../utils/entities/organizationInfo';
|
|
import {RouterHelper} from '../../../utils/routerHelper.class';
|
|
import {ErrorCodes} from '../../../utils/properties/errorCodes';
|
|
|
|
import {OrganizationsDeletedByInferenceService} from './deletedByInference.service';
|
|
import {ResultPreview} from "../../../utils/result-preview/result-preview";
|
|
import {AlertModal} from "../../../utils/modal/alert";
|
|
import {Subscriber} from "rxjs";
|
|
|
|
@Component({
|
|
selector: 'organizationsDeletedByInference',
|
|
template: `
|
|
<errorMessages [status]="[status]" [type]="type" tab_error_class=true></errorMessages>
|
|
<no-load-paging *ngIf="results.length > pageSize" [type]="type"
|
|
(pageChange)="updatePage($event)"
|
|
[page]="page" [pageSize]="pageSize"
|
|
[totalResults]="results.length">
|
|
</no-load-paging>
|
|
<ul class="uk-list uk-list-divider uk-margin">
|
|
<li *ngFor="let result of results.slice((page-1)*pageSize, page*pageSize)">
|
|
<result-preview [modal]="modal" [properties]="properties" [result]="getResultPreview(result)"></result-preview>
|
|
</li>
|
|
</ul>
|
|
<no-load-paging *ngIf="results.length > pageSize" [type]="type"
|
|
(pageChange)="updatePage($event)"
|
|
[page]="page" [pageSize]="pageSize"
|
|
[totalResults]="results.length">
|
|
</no-load-paging>
|
|
`
|
|
})
|
|
export class OrganizationsDeletedByInferenceComponent {
|
|
public results: OrganizationInfo[] = [];
|
|
@Input() id: string;
|
|
@Input() ids: string[] = [];
|
|
@Input() type: string;
|
|
@Input() modal: AlertModal;
|
|
|
|
// Custom tab paging variables
|
|
public page: number = 1;
|
|
public pageSize: number = 5;
|
|
|
|
public status: number;
|
|
public routerHelper:RouterHelper = new RouterHelper();
|
|
public errorCodes:ErrorCodes = new ErrorCodes();
|
|
|
|
subscriptions = [];
|
|
properties:EnvProperties;
|
|
|
|
constructor ( private element: ElementRef,
|
|
private _deletedByInferenceService: OrganizationsDeletedByInferenceService,
|
|
private route: ActivatedRoute) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.subscriptions.push(this.route.data
|
|
.subscribe((data: { envSpecific: EnvProperties }) => {
|
|
this.properties = data.envSpecific;
|
|
|
|
}));
|
|
this.subscriptions.push(this.route.queryParams.subscribe(data => {
|
|
this.errorCodes = new ErrorCodes();
|
|
this.status = this.errorCodes.LOADING;
|
|
|
|
this.getDeletedByInference();
|
|
}));
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.subscriptions.forEach(subscription => {
|
|
if (subscription instanceof Subscriber) {
|
|
subscription.unsubscribe();
|
|
}
|
|
});
|
|
}
|
|
getDeletedByInference() {
|
|
this.results = [];
|
|
this.status = this.errorCodes.LOADING;
|
|
|
|
this.subscriptions.push(this._deletedByInferenceService.getDeletedByInferenceResults(this.id, String(this.ids.length), this.properties).subscribe(
|
|
data => {
|
|
this.results = data;
|
|
this.status = this.errorCodes.DONE;
|
|
},
|
|
error => {
|
|
if(error.status == '404') {
|
|
this.status = this.errorCodes.NOT_FOUND;
|
|
} else if(error.status == '500') {
|
|
this.status = this.errorCodes.ERROR;
|
|
} else {
|
|
this.status = this.errorCodes.NOT_AVAILABLE;
|
|
}
|
|
}
|
|
));
|
|
}
|
|
|
|
public getResultPreview(result: OrganizationInfo): ResultPreview {
|
|
return ResultPreview.organizationInfoConvert(result);
|
|
}
|
|
|
|
public totalPages(totalResults: number): number {
|
|
let totalPages:any = totalResults/this.pageSize;
|
|
if(!(Number.isInteger(totalPages))) {
|
|
totalPages = (parseInt(totalPages, this.pageSize) + 1);
|
|
}
|
|
return totalPages;
|
|
}
|
|
|
|
public updatePage($event) {
|
|
this.page = $event.value;
|
|
}
|
|
}
|