Usiung a type instead of a header in flashmessages

front/app/src/app/layout/flashmessages/flashmessages.component.html

@@ -1,5 +1,18 @@
 <ngb-toast
   *ngFor="let flashmessage of flashmessagesService.toasts"
-  [header]="flashmessage.header" [autohide]="true" [delay]="flashmessage.delay || 5000"
+  [header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 1500"
   (hiddden)="flashmessagesService.remove(flashmessage)"
->{{flashmessage.body}}</ngb-toast>
+>
+    <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>
+

front/app/src/app/layout/flashmessages/flashmessages.service.ts

@@ -1,17 +1,31 @@
 import {Injectable} from "@angular/core";
 
 export interface Flashmessage {
-  header: string;
     body: string;
     delay?: number;
+    type: "Error"|"Success"|"Info";
 }
 
 @Injectable({ providedIn: 'root' })
 export class FlashmessagesService {
     toasts: Flashmessage[] = [];
 
-  show(header: string, body: string) {
-    this.toasts.push({ header, body });
+    success(body: string) {
+        this.show("Success", body);
+    }
+
+    error(body: string) {
+        this.show("Error", body);
+    }
+
+    show(type: string, body: string) {
+        if (type == "Success") {
+            this.toasts.push({ type, body });
+        } else if (type == "Error") {
+            this.toasts.push({ type, body });
+        } else {
+            this.toasts.push({ type: "Info", body });
+        }
     }
 
     remove(toast: Flashmessage) {