47 lines
1.3 KiB
TypeScript
47 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);
|
|
}
|
|
);
|
|
}
|
|
}
|