ewandor/cht-lawfirm
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

displaying fash message at the bottom

Browse Source
This commit is contained in:
ewandor
2023-02-12 20:28:18 +01:00
parent 7c34c2ba91
commit 120e032c99
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/app/src/app/app.component.html
View File

@@ -4,11 +4,11 @@
<div class="container-fluid">
<div class="row flex-nowrap">
<div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
<sidenav></sidenav>
<sidenav class="sticky-top"></sidenav>
</div>
<div class="col py-3">
<flashmessages></flashmessages>
<router-outlet></router-outlet>
<flashmessages></flashmessages>
</div>
</div>
</div>

37
front/app/src/app/layout/flashmessages/flashmessages.component.html
View File

@@ -1,18 +1,19 @@
<ngb-toast
*ngFor="let flashmessage of flashmessagesService.toasts"
[header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 1500"
(hiddden)="flashmessagesService.remove(flashmessage)"
>
<ng-container [ngSwitch]="flashmessage.type">
<div *ngSwitchCase="'Success'" class="alert alert-success" role="alert">
{{flashmessage.body}}
</div>
<div *ngSwitchCase="'Info'" class="alert alert-primary" role="alert">
{{flashmessage.body}}
</div>
<div *ngSwitchCase="'Error'" class="alert alert-danger" role="alert">
{{flashmessage.body}}
</div>
</ng-container>
</ngb-toast>
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<ngb-toast
*ngFor="let flashmessage of flashmessagesService.toasts"
[header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 1500"
(hiddden)="flashmessagesService.remove(flashmessage)"
>
<ng-container [ngSwitch]="flashmessage.type">
<div *ngSwitchCase="'Success'" class="alert alert-success" role="alert">
{{flashmessage.body}}
</div>
<div *ngSwitchCase="'Info'" class="alert alert-primary" role="alert">
{{flashmessage.body}}
</div>
<div *ngSwitchCase="'Error'" class="alert alert-danger" role="alert">
{{flashmessage.body}}
</div>
</ng-container>
</ngb-toast>
</div>