Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | 46x 46x 46x 4x 4x 2x 1x 1x 1x 1x | import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';
import { MessageFacade } from 'ish-core/facades/message.facade';
import { HttpError } from 'ish-core/models/http-error/http-error.model';
/**
* The Error Message Component displays an error message for an {@link HttpError}.
*
* @example
<ish-error-message [error]="error"></ish-error-message>
*/
@Component({
selector: 'ish-error-message',
templateUrl: './error-message.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ErrorMessageComponent implements OnChanges {
@Input({ required: true }) error: Partial<HttpError>;
@Input() toast = true;
constructor(private messageFacade: MessageFacade) {}
ngOnChanges() {
if (this.toast) {
this.displayToast(this.error);
}
}
private displayToast(err: Partial<HttpError>) {
if (err && !err.errors) {
this.messageFacade.error({
message: err.message || err.code,
});
}
Iif (err?.errors) {
err?.errors.map(cause => {
this.messageFacade.error({
message: cause.message,
});
});
}
}
}
|