/
error.component.html
27 lines (24 loc) · 1.1 KB
/
error.component.html
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
<div class="error-page">
<div class="container" *ngIf="!refresh; else isLoading">
<div class="image">
<img class="error-image" [src]="'/assets/images/' + errorMessage?.image" />
</div>
<div class="text error-message">
<h2 class="mat-title">ERROR {{status}}</h2>
<h1 class="mat-headline">{{errorMessage?.message}}</h1>
<p [innerHTML]="errorMessage.description"></p>
<p *ngIf="comment"><strong>API response:</strong><br>→ {{comment}}</p>
<div [ngSwitch]="errorMessage?.action" class="action">
<button *ngSwitchCase="'goback'" mat-button routerLink="/">
<mat-icon>keyboard_backspace</mat-icon> Please go back to the start page.
</button>
<p *ngSwitchCase="'reload'">
Please come back in a few minutes and try to <a (click)="reload()">reload the page</a>.
</p>
</div>
</div>
</div>
<ng-template #isLoading>
<app-progress-indicator></app-progress-indicator>
</ng-template>
</div>