diff --git a/src/components/common/notification/notification.component.css b/src/components/common/notification/notification.component.css deleted file mode 100644 index 67b0bef..0000000 --- a/src/components/common/notification/notification.component.css +++ /dev/null @@ -1,10 +0,0 @@ -.notification-content { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 5px; -} - -.close-button { - margin-left: 8px; -} diff --git a/src/components/common/notification/notification.component.html b/src/components/common/notification/notification.component.html deleted file mode 100644 index 9d17851..0000000 --- a/src/components/common/notification/notification.component.html +++ /dev/null @@ -1,11 +0,0 @@ -
- - {{ data.message }} - - -
-@if (showProgressBar) { - -} diff --git a/src/components/common/notification/notification.component.ts b/src/components/common/notification/notification.component.ts deleted file mode 100644 index 45aaed5..0000000 --- a/src/components/common/notification/notification.component.ts +++ /dev/null @@ -1,50 +0,0 @@ -import {Component, Inject} from '@angular/core'; -import {MatIcon} from "@angular/material/icon"; -import {MatProgressBar} from "@angular/material/progress-bar"; -import {MAT_SNACK_BAR_DATA, MatSnackBarRef} from "@angular/material/snack-bar"; -import {MatIconButton} from "@angular/material/button"; - -@Component({ - selector: 'app-notification', - standalone: true, - imports: [ - MatIconButton, - MatIcon, - MatProgressBar - ], - templateUrl: './notification.component.html', - styleUrl: './notification.component.css' -}) - -export class NotificationComponent { - showProgressBar: boolean = false; - progress: number = 100; - color: string = "primary"; - - constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any, private snackBarRef: MatSnackBarRef) { - if (data.duration) { - this.startProgress(data.duration); - this.showProgressBar = true; - } - if (data.color) { - this.color = data.color; - } - } - - dismiss(): void { - this.snackBarRef.dismiss(); - } - - private startProgress(duration: number): void { - const interval: number = duration / 100; - const progressInterval = setInterval(async () => { - this.progress--; - if (this.progress === 0) { - clearInterval(progressInterval); - setTimeout(() => { - this.dismiss(); - }, 1000); - } - }, interval); - } -}