cat-documents-ng 0.0.5 → 0.0.7

package/{src → projects/cat-document-lib/src}/lib/document/components/document-upload/document-upload.component.ts

@@ -1,184 +1,184 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import { FileUpload } from 'primeng/fileupload';
-import { MessageService } from 'primeng/api';
-import { PrimeNGConfig } from 'primeng/api';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { FileFormatService } from '../../services/file-format.service';
-import { DocumentService } from '../../state/document.service';
-
-/**
- * A component for handling document uploads, including file selection, removal, and progress tracking.
- * @class DocumentUploadComponent
- */
-@Component({
-  selector: 'lib-document-upload',
-  templateUrl: './document-upload.component.html',
-  styleUrls: ['./document-upload.component.scss'],
-  standalone: false,
-  encapsulation: ViewEncapsulation.None
-})
-export class DocumentUploadComponent {
-
-  /**
-   * Represent contextId
-   * @type {string}
-   */
-  @Input() contextId: string = SHARED.EMPTY
-
-  /**
-   * Provide id of file after upload.
-   * @type {*}
-   */
-  @Output() onInput = new EventEmitter();
-
-  /**
-   * To make file explorer visible.
-   * @type {!FileUpload}
-   */
-  @ViewChild('fileUploader') fileUploader!: FileUpload;
-
-  fileProgress: Map<File, number> = new Map();
-
-  /**
-   * List of files selected for upload.
-   * @type {File[]}
-   */
-  uploadedFiles: any[] = [];
-
-  /**
-   * Percentage of the total size calculated for displaying upload progress.
-   * @type {number}
-   */
-  totalSizePercent: number = SHARED.INITIAL_COUNT;
-
-  /**
-   * The current upload progress percentage (SHARED.INITIAL_VALUE-100).
-   * @type {number}
-   */
-  uploadProgress: number = SHARED.INITIAL_COUNT;
-
-
-  /**
-   * Creates an instance of DocumentUploadComponent.
-   * @class
-   * @param {DocumentService} uploadService - Service for handling document upload.
-   * @param {PrimeNGConfig} config - PrimeNG configuration.
-   * @param {FileFormatService} fileFormatService - Service for formatting file sizes.
-   * @param {MessageService} messageService - Service for displaying messages.
-   * @param {ChangeDetectorRef} cdr - Service for detecting changes.
-   */
-  constructor(public uploadService: DocumentService, private config: PrimeNGConfig, public fileFormatService: FileFormatService, public messageService: MessageService, public cdr: ChangeDetectorRef) { }
-
-  /**
-   * Open the file explorer.
-   * @param {*} event - The triggering event.
-   * @param {() => void} callback - A callback function to execute.
-   * @returns {void} - No return value.
-   */
-  choose(event: any, callback: () => void) {
-    callback();
-  }
-
-
-
-  /**
-   * Prepares the files for upload by creating a FormData object.
-   * This method appends each file to the FormData for submission.
-   * @param {File} file - The file to upload.
-   * @returns {void}
-   */
-  handleTemplatedUpload(file: File) {
-    let formData = this.handleCreateFormData(file)
-    this.uploadService.create(formData)
-      .subscribe({
-        /**
-         * Handles the successful upload event.
-         * Updates the list of uploaded files and emits the file ID.
-         * @param {any} event - The event emitted by the upload service on success.
-         */
-        next: (event) => {
-          this.uploadedFiles.push(event);
-          this.fileProgress.set(event, 100);
-          this.onInput.emit(event._id)
-          this.totalSizePercent = 100;
-        },
-        /**
-         * Handles the error event during file upload.
-         * Updates the progress of the file to indicate failure.
-         * @param {any} error - The error object returned by the upload service.
-         */
-        error: (error) => {
-          this.fileProgress.set(file, SHARED.INITIAL_COUNT);
-          this.messageService.add({
-            severity: SHARED.SEVERITY,
-            summary: SHARED.UPLOAD_SUMMERY,
-            detail: error?.message,
-          });
-        },
-      });
-  }
-
-
-  /**
-   * Handle the creation of formdata.
-   * @param {File} file  - The file to append in formdata.
-   * @returns {*}
-   */
-  handleCreateFormData(file: File) {
-    const formData = new FormData();
-    formData.append(SHARED.FILE, file, file.name);
-    formData.append(SHARED.CONTEXT_ID, this.contextId)
-    return formData;
-  }
-  /**
-  * Handles the event when new files are selected.
-  * @param { { currentFiles: File[] } } event - The event containing the newly selected files.
-  * @returns {void}
-  */
-  onSelectedFiles(event: { currentFiles: File[] }): void {
-    event.currentFiles.forEach((file: File) => {
-      this.handleTemplatedUpload(file);
-    });
-    this.fileUploader.clear();
-  }
-
-  /**
-   * Formats the given file size in bytes into a readable format (e.g., KB, MB).
-   * @param {number} bytes - The size of the file in bytes.
-   * @returns {string} The formatted file size (e.g., '1.2 KB', '2.3 MB').
-   */
-  formatSize(bytes: number): string {
-    return this.fileFormatService.formatFileSize(bytes, this.config)
-  }
-
-  /**
-   * Handles the removal of a file from the uploaded files list.
-   * @param {File} file - The file to be removed.
-   * @param {number} index - The index of the file in the uploaded files list.
-   */
-  handleDocumentRemove(file: File, index: number): void {
-    this.uploadedFiles.splice(index, 1);
-    this.fileProgress.delete(file);
-    this.cdr.detectChanges();
-  }
-
-  /**
-   * Major progress for the progress bar.
-   * @param {File} file - File to check progress for.
-   * @returns {number} - The progress percentage for the file.
-   */
-  getProgress(file: File): number {
-    return this.fileProgress.get(file) || SHARED.INITIAL_COUNT;
-  }
-
-  /**
-   * Triggers the file upload dialog.
-   * Opens the file explorer for selecting files.
-   * @returns {void}
-   */
-  triggerFileUpload() {
-    this.fileUploader.choose();
-  }
-
-}
-
+import { ChangeDetectorRef, Component, EventEmitter, Input, input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { FileUpload } from 'primeng/fileupload';
+import { MessageService } from 'primeng/api';
+import { PrimeNGConfig } from 'primeng/api';
+import { SHARED } from '../../../../Shared/constant/SHARED';
+import { FileFormatService } from '../../services/file-format.service';
+import { DocumentService } from '../../state/document.service';
+
+/**
+ * A component for handling document uploads, including file selection, removal, and progress tracking.
+ * @class DocumentUploadComponent
+ */
+@Component({
+  selector: 'lib-document-upload',
+  templateUrl: './document-upload.component.html',
+  styleUrls: ['./document-upload.component.scss'],
+  standalone: false,
+  encapsulation: ViewEncapsulation.None
+})
+export class DocumentUploadComponent {
+
+  /**
+   * Represent contextId
+   * @type {string}
+   */
+  @Input() contextId: string = SHARED.EMPTY
+
+  /**
+   * Provide id of file after upload.
+   * @type {*}
+   */
+  @Output() onInput = new EventEmitter();
+
+  /**
+   * To make file explorer visible.
+   * @type {!FileUpload}
+   */
+  @ViewChild('fileUploader') fileUploader!: FileUpload;
+
+  fileProgress: Map<File, number> = new Map();
+
+  /**
+   * List of files selected for upload.
+   * @type {File[]}
+   */
+  uploadedFiles: any[] = [];
+
+  /**
+   * Percentage of the total size calculated for displaying upload progress.
+   * @type {number}
+   */
+  totalSizePercent: number = SHARED.INITIAL_COUNT;
+
+  /**
+   * The current upload progress percentage (SHARED.INITIAL_VALUE-100).
+   * @type {number}
+   */
+  uploadProgress: number = SHARED.INITIAL_COUNT;
+
+
+  /**
+   * Creates an instance of DocumentUploadComponent.
+   * @class
+   * @param {DocumentService} uploadService - Service for handling document upload.
+   * @param {PrimeNGConfig} config - PrimeNG configuration.
+   * @param {FileFormatService} fileFormatService - Service for formatting file sizes.
+   * @param {MessageService} messageService - Service for displaying messages.
+   * @param {ChangeDetectorRef} cdr - Service for detecting changes.
+   */
+  constructor(public uploadService: DocumentService, private config: PrimeNGConfig, public fileFormatService: FileFormatService, public messageService: MessageService, public cdr: ChangeDetectorRef) { }
+
+  /**
+   * Open the file explorer.
+   * @param {*} event - The triggering event.
+   * @param {() => void} callback - A callback function to execute.
+   * @returns {void} - No return value.
+   */
+  choose(event: any, callback: () => void) {
+    callback();
+  }
+
+
+
+  /**
+   * Prepares the files for upload by creating a FormData object.
+   * This method appends each file to the FormData for submission.
+   * @param {File} file - The file to upload.
+   * @returns {void}
+   */
+  handleTemplatedUpload(file: File) {
+    let formData = this.handleCreateFormData(file)
+    this.uploadService.create(formData)
+      .subscribe({
+        /**
+         * Handles the successful upload event.
+         * Updates the list of uploaded files and emits the file ID.
+         * @param {any} event - The event emitted by the upload service on success.
+         */
+        next: (event) => {
+          this.uploadedFiles.push(event);
+          this.fileProgress.set(event, 100);
+          this.onInput.emit(event._id)
+          this.totalSizePercent = 100;
+        },
+        /**
+         * Handles the error event during file upload.
+         * Updates the progress of the file to indicate failure.
+         * @param {any} error - The error object returned by the upload service.
+         */
+        error: (error) => {
+          this.fileProgress.set(file, SHARED.INITIAL_COUNT);
+          this.messageService.add({
+            severity: SHARED.SEVERITY,
+            summary: SHARED.UPLOAD_SUMMERY,
+            detail: error?.message,
+          });
+        },
+      });
+  }
+
+
+  /**
+   * Handle the creation of formdata.
+   * @param {File} file  - The file to append in formdata.
+   * @returns {*}
+   */
+  handleCreateFormData(file: File) {
+    const formData = new FormData();
+    formData.append(SHARED.FILE, file, file.name);
+    formData.append(SHARED.CONTEXT_ID, this.contextId)
+    return formData;
+  }
+  /**
+  * Handles the event when new files are selected.
+  * @param { { currentFiles: File[] } } event - The event containing the newly selected files.
+  * @returns {void}
+  */
+  onSelectedFiles(event: { currentFiles: File[] }): void {
+    event.currentFiles.forEach((file: File) => {
+      this.handleTemplatedUpload(file);
+    });
+    this.fileUploader.clear();
+  }
+
+  /**
+   * Formats the given file size in bytes into a readable format (e.g., KB, MB).
+   * @param {number} bytes - The size of the file in bytes.
+   * @returns {string} The formatted file size (e.g., '1.2 KB', '2.3 MB').
+   */
+  formatSize(bytes: number): string {
+    return this.fileFormatService.formatFileSize(bytes, this.config)
+  }
+
+  /**
+   * Handles the removal of a file from the uploaded files list.
+   * @param {File} file - The file to be removed.
+   * @param {number} index - The index of the file in the uploaded files list.
+   */
+  handleDocumentRemove(file: File, index: number): void {
+    this.uploadedFiles.splice(index, 1);
+    this.fileProgress.delete(file);
+    this.cdr.detectChanges();
+  }
+
+  /**
+   * Major progress for the progress bar.
+   * @param {File} file - File to check progress for.
+   * @returns {number} - The progress percentage for the file.
+   */
+  getProgress(file: File): number {
+    return this.fileProgress.get(file) || SHARED.INITIAL_COUNT;
+  }
+
+  /**
+   * Triggers the file upload dialog.
+   * Opens the file explorer for selecting files.
+   * @returns {void}
+   */
+  triggerFileUpload() {
+    this.fileUploader.choose();
+  }
+
+}
+