diff options
Diffstat (limited to 'src/app/error-message/error-message.component.html')
-rw-r--r-- | src/app/error-message/error-message.component.html | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/src/app/error-message/error-message.component.html b/src/app/error-message/error-message.component.html index fc7cc10..a481548 100644 --- a/src/app/error-message/error-message.component.html +++ b/src/app/error-message/error-message.component.html | |||
@@ -1,7 +1,28 @@ | |||
1 | 1 | ||
2 | <div *ngIf="messages.getError()" class="c-error u-mb-x2"> | 2 | <div *ngIf="messages.getError()" class="c-alert c-alert--error u-mb-x2"> |
3 | <div class="o-media"> | 3 | <div class="o-media"> |
4 | <span class="o-media__fixed u-text-left">Error: {{messages.getError()}}</span> | 4 | <span class="o-media__fixed u-text-left">Error: {{messages.getError()}}</span> |
5 | <a class="o-media__fluid u-text-right c-link" (click)="dismissError()">X</a> | 5 | <a class="o-media__fluid u-text-right c-link" (click)="messages.dismissError()">X</a> |
6 | </div> | ||
7 | </div> | ||
8 | |||
9 | <div *ngIf="messages.getWarning()" class="c-alert c-alert--warning u-mb-x2"> | ||
10 | <div class="o-media"> | ||
11 | <span class="o-media__fixed u-text-left">Warning: {{messages.getWarning()}}</span> | ||
12 | <a class="o-media__fluid u-text-right c-link" (click)="messages.dismissWarning()">X</a> | ||
13 | </div> | ||
14 | </div> | ||
15 | |||
16 | <div *ngIf="messages.getSuccess()" class="c-alert c-alert--success u-mb-x2"> | ||
17 | <div class="o-media"> | ||
18 | <span class="o-media__fixed u-text-left">Success: {{messages.getSuccess()}}</span> | ||
19 | <a class="o-media__fluid u-text-right c-link" (click)="messages.dismissSuccess()">X</a> | ||
20 | </div> | ||
21 | </div> | ||
22 | |||
23 | <div *ngIf="messages.getInformation()" class="c-alert c-alert--information u-mb-x2"> | ||
24 | <div class="o-media"> | ||
25 | <span class="o-media__fixed u-text-left">Information: {{messages.getInformation()}}</span> | ||
26 | <a class="o-media__fluid u-text-right c-link" (click)="messages.dismissInformation()">X</a> | ||
6 | </div> | 27 | </div> |
7 | </div> | 28 | </div> |