();
@Input() reloadedFiles: any;
@Input() noOfAttachments: number;
- showToast = false;
invoiceAttachments: string[] = [];
attachSizeError = false;
+ faTrash = faTrash;
+ faFilePdf = faFilePdf;
+ faFileImage = faFileImage;
constructor(
public toastService: ToastService,
@@ -41,9 +44,6 @@ export class FileUploadComponent implements OnInit {
* @param event : File drop event
*/
onInvoiceDropped(event: any) {
- if (this.showToast) {
- this.showToast = !this.showToast;
- }
if (this.attachSizeError) {
this.attachSizeError = !this.attachSizeError;
}
@@ -72,6 +72,7 @@ export class FileUploadComponent implements OnInit {
} else {
this.invoiceAttachments.push(e.name);
this.attachedFile.emit(e);
+ this.toastService.show(e.name + " uploaded successfully", { classname: 'bg-success text-light', delay: 3000, })
}
}
}
@@ -85,4 +86,12 @@ export class FileUploadComponent implements OnInit {
this.invoiceAttachments.splice(fileIndex, 1);
this.deleteFile.emit(fileIndex);
}
+
+ getFileImage(file: string) {
+ if (file.includes('.pdf')) {
+ return faFilePdf;
+ } else {
+ return faFileImage;
+ }
+ }
}
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.html b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.html
new file mode 100644
index 000000000..535293c11
--- /dev/null
+++ b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.html
@@ -0,0 +1,13 @@
+
+ @for (toast of toastService.toasts; track toast) {
+
+ {{ toast.text }}
+
+
+ }
+
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.scss b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.scss
new file mode 100644
index 000000000..9ef144965
--- /dev/null
+++ b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.scss
@@ -0,0 +1,13 @@
+.toast-container {
+ z-index: 1200;
+ top: 0 !important;
+ right: 0 !important;
+ position: fixed;
+ padding: 10px;
+
+ .close-icon {
+ cursor: pointer;
+ margin-left: 5px;
+ }
+}
+
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.ts b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.ts
new file mode 100644
index 000000000..16e60a8c9
--- /dev/null
+++ b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts-container.component.ts
@@ -0,0 +1,20 @@
+import { Component, inject } from '@angular/core';
+
+import { ToastService } from "../../services/toast.service";
+import { NgTemplateOutlet } from '@angular/common';
+import { NgbToastModule } from '@ng-bootstrap/ng-bootstrap';
+import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+@Component({
+ selector: 'app-toasts',
+ standalone: true,
+ imports: [NgbToastModule, NgTemplateOutlet, FontAwesomeModule],
+ templateUrl: "./toasts-container.component.html",
+ styleUrls: ["./toasts-container.component.scss"]
+})
+
+export class ToastsContainer {
+ closeIcon = faXmark;
+ toastService = inject(ToastService);
+}
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.html b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.html
deleted file mode 100644
index f296c0ee2..000000000
--- a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
- @for (toast of toastService.toasts; track toast) {
-
- @if (isTemplate(toast)) {
-
- } @else {
- {{ toast.textOrTpl }}
- }
-
- }
-
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.ts b/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.ts
deleted file mode 100644
index 18c60dbfb..000000000
--- a/suppliers/src/UI/embc-supplier/src/app/core/components/toasts/toasts.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component, TemplateRef } from '@angular/core';
-import { ToastService } from '../../services/toast.service';
-import { NgbToast } from '@ng-bootstrap/ng-bootstrap';
-import { NgTemplateOutlet } from '@angular/common';
-@Component({
- selector: 'app-toasts',
- templateUrl: './toasts.component.html',
- standalone: true,
- imports: [NgbToast, NgTemplateOutlet]
-})
-export class ToastsComponent {
- constructor(public toastService: ToastService) {}
- isTemplate(toast) {
- return toast.textOrTpl instanceof TemplateRef;
- }
-}
diff --git a/suppliers/src/UI/embc-supplier/src/app/core/services/toast.service.ts b/suppliers/src/UI/embc-supplier/src/app/core/services/toast.service.ts
index 735c06acc..c0fcc45a9 100644
--- a/suppliers/src/UI/embc-supplier/src/app/core/services/toast.service.ts
+++ b/suppliers/src/UI/embc-supplier/src/app/core/services/toast.service.ts
@@ -1,14 +1,24 @@
-import { Injectable, TemplateRef } from '@angular/core';
+import { Injectable } from '@angular/core';
+
+export interface Toast {
+ text: string;
+ classname?: string;
+ delay?: number;
+}
@Injectable({ providedIn: 'root' })
export class ToastService {
- toasts: any[] = [];
+ toasts: Toast[] = [];
- show(textOrTpl: string | TemplateRef, options: any = {}) {
- this.toasts.push({ textOrTpl, ...options });
+ show(text: string, options: Partial = {}) {
+ this.toasts.push({ text, ...options });
}
- remove(toast) {
+ remove(toast: Toast) {
this.toasts = this.toasts.filter((t) => t !== toast);
}
+
+ clear() {
+ this.toasts.splice(0, this.toasts.length);
+ }
}