43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import {
|
|
Directive,
|
|
ElementRef,
|
|
Input,
|
|
OnChanges,
|
|
} from '@angular/core';
|
|
import { LogService } from 'jslib-common/abstractions/log.service';
|
|
|
|
import { ErrorResponse } from 'jslib-common/models/response/errorResponse';
|
|
|
|
import { ValidationService } from '../services/validation.service';
|
|
|
|
@Directive({
|
|
selector: '[appApiAction]',
|
|
})
|
|
export class ApiActionDirective implements OnChanges {
|
|
@Input() appApiAction: Promise<any>;
|
|
|
|
constructor(private el: ElementRef, private validationService: ValidationService,
|
|
private logService: LogService) { }
|
|
|
|
ngOnChanges(changes: any) {
|
|
if (this.appApiAction == null || this.appApiAction.then == null) {
|
|
return;
|
|
}
|
|
|
|
this.el.nativeElement.loading = true;
|
|
|
|
this.appApiAction.then((response: any) => {
|
|
this.el.nativeElement.loading = false;
|
|
}, (e: any) => {
|
|
this.el.nativeElement.loading = false;
|
|
|
|
if ((e instanceof ErrorResponse || e.constructor.name === 'ErrorResponse') && (e as ErrorResponse).captchaRequired) {
|
|
this.logService.error('Captcha required error response: ' + e.getSingleMessage());
|
|
return;
|
|
}
|
|
this.logService?.error(`Received API exception: ${e}`);
|
|
this.validationService.showError(e);
|
|
});
|
|
}
|
|
}
|