Skip to content
Snippets Groups Projects
Commit 025b6c15 authored by Hartung, Michael's avatar Hartung, Michael
Browse files

drugstone-prefix to avioud prefixing css

parent 992cca8f
Branches
Tags
No related merge requests found
<div class="toast-holder"> <div class="toast-holder">
<div *ngFor="let toast of toasts | keyvalue" id="{{toastIdPrefix + toast.key}}"> <div *ngFor="let toast of toasts | keyvalue">
<div class="toast {{toast.value.type}}" [class.fade-in]="isSeen(toast.key)"> <div class="toast {{toast.value.type}}">
<a (click)="close(toast.key)" aria-label="close" class="close"> <a (click)="close(toast.key)" aria-label="close" class="close">
<span class="icon" title="Close analysis"> <span class="icon" title="Close analysis">
<i class="fas fa-times" aria-hidden="true"></i> <i class="fas fa-times" aria-hidden="true"></i>
......
...@@ -16,19 +16,19 @@ ...@@ -16,19 +16,19 @@
box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1),
0 0 0 1px hsla(0, 0%, 4%, 0.02); 0 0 0 1px hsla(0, 0%, 4%, 0.02);
margin: 0 auto; margin: 0 auto;
&.danger { &.drugstone-prefix-danger {
color: var(--drgstn-text-secondary); color: var(--drgstn-text-secondary);
background-color: var(--drgstn-danger); background-color: var(--drgstn-danger);
} }
&.success { &.drugstone-prefix-success {
color: var(--drgstn-text-secondary) !important; color: var(--drgstn-text-secondary) !important;
background-color: var(--drgstn-success); background-color: var(--drgstn-success);
} }
&.warning { &.drugstone-prefix-warning {
color: var(--drgstn-text-secondary); color: var(--drgstn-text-secondary);
background-color: var(--drgstn-warning); background-color: var(--drgstn-warning);
} }
&.info { &.drugstone-prefix-info {
color: var(--drgstn-text-secondary); color: var(--drgstn-text-secondary);
background-color: var(--drgstn-info); background-color: var(--drgstn-info);
} }
......
...@@ -10,7 +10,6 @@ import { ToastService } from 'src/app/services/toast/toast.service'; ...@@ -10,7 +10,6 @@ import { ToastService } from 'src/app/services/toast/toast.service';
export class ToastComponent implements OnInit { export class ToastComponent implements OnInit {
public toasts: LiveToasts = {}; public toasts: LiveToasts = {};
public seen: any = new Set();
public toastIdPrefix = 'drugstone-toast-id-'; public toastIdPrefix = 'drugstone-toast-id-';
...@@ -22,19 +21,8 @@ export class ToastComponent implements OnInit { ...@@ -22,19 +21,8 @@ export class ToastComponent implements OnInit {
}) })
} }
public isSeen(id) {
console.log(this.seen.has(id))
if (this.seen.has(id)) {
return true
} else {
this.seen.add(id);
return false
}
}
public close(id: number) { public close(id: number) {
this.toast.deleteToast(id); this.toast.deleteToast(id);
document.getElementById(`${this.toastIdPrefix}` + id).remove();
} }
} }
...@@ -2,7 +2,6 @@ import {Wrapper, Task, getWrapperFromNode, Node, Dataset, Tissue} from '../../in ...@@ -2,7 +2,6 @@ import {Wrapper, Task, getWrapperFromNode, Node, Dataset, Tissue} from '../../in
import {Subject} from 'rxjs'; import {Subject} from 'rxjs';
import {HttpClient} from '@angular/common/http'; import {HttpClient} from '@angular/common/http';
import {environment} from '../../../environments/environment'; import {environment} from '../../../environments/environment';
import {toast} from 'bulma-toast';
import {Injectable} from '@angular/core'; import {Injectable} from '@angular/core';
import {NetexControllerService} from '../netex-controller/netex-controller.service'; import {NetexControllerService} from '../netex-controller/netex-controller.service';
import {DrugstoneConfigService} from "../drugstone-config/drugstone-config.service"; import {DrugstoneConfigService} from "../drugstone-config/drugstone-config.service";
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment