diff --git a/src/app/components/toast/toast.component.html b/src/app/components/toast/toast.component.html index 8499d0ce27e89c5041e598821e9d9becd9fc318f..d265f9dbe5240fccd39f27a8130563b1a3346c1f 100644 --- a/src/app/components/toast/toast.component.html +++ b/src/app/components/toast/toast.component.html @@ -1,6 +1,6 @@ <div class="toast-holder"> <div *ngFor="let toast of toasts | keyvalue"> - <div class="toast {{toast.value.type}}"> + <div class="toast {{getDrugstoneClass(toast.value.type)}}"> <a (click)="close(toast.key)" aria-label="close" class="close"> <span class="icon" title="Close analysis"> <i class="fas fa-times" aria-hidden="true"></i> diff --git a/src/app/components/toast/toast.component.ts b/src/app/components/toast/toast.component.ts index 3003715b45d77acadf32c445e4f7a6155f1b32b4..0f0f5731e26b77153c29f7b9e31126a854fa1507 100644 --- a/src/app/components/toast/toast.component.ts +++ b/src/app/components/toast/toast.component.ts @@ -13,6 +13,8 @@ export class ToastComponent implements OnInit { public toastIdPrefix = 'drugstone-toast-id-'; + + constructor(public toast: ToastService) { } ngOnInit(): void { @@ -21,6 +23,10 @@ export class ToastComponent implements OnInit { }) } + public getDrugstoneClass(type: string) { + return 'drugstone-plugin-' + type + } + public close(id: number) { this.toast.deleteToast(id); }