cat-documents-ng 0.0.5 → 0.0.7

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

@@ -1,125 +1,125 @@
-import {
-  Component,
-  Input,
-  OnInit,
-  ViewEncapsulation,
-} from '@angular/core';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-import { COUNTRIES, DUMMYSUMMARY, SUPPORTED_IMAGE_TYPES } from '../../../../Shared/constant/SHARED';
-/**
- * For list box data.
- * @interface Country
- * @typedef {Country}
- */
-interface Country {
-  /**
-   * For the name of the property.
-   * @type {string}
-   */
-  name: string;
-  /**
-   * For the unique code of country.
-   * @type {string}
-   */
-  code: string;
-  /**
-   * Mark check or unchecked.
-   * @type {?boolean}
-   */
-  checked?: boolean;
-}
-
-/**
- * Component for viewing and managing document details.
- * @class DocumentViewerComponent
- * @typedef {DocumentViewerComponent}
- * @implements {OnInit}
- */
-@Component({
-  selector: 'document-viewer',
-  templateUrl: './document-viewer.component.html',
-  standalone : false,
-  styleUrl: './document-viewer.component.scss',
-  encapsulation: ViewEncapsulation.None,
-})
-export class DocumentViewerComponent implements OnInit {
-  /**
-   * Get the selected document by user.
-   * @type {*}
-   */
-  @Input() selectedDocument: any;
-  /**
-   * Handle notes data.
-   * @type {!string}
-   */
-  notes!: string;
-  /**
-   * Country data according to Country model.
-   * @type {!Country[]}
-   */
-  countries!: Country[];
-  /**
-   * Indicates whether a checkbox is selected.
-   * @type {boolean}
-   */
-  checked: boolean = false;
-
-  /**
-   * The currently selected country.
-   * @type {Country}
-   */
-  selectedCountry!: Country;
-
-  /**
-   * Reference to the dynamic dialog used for displaying additional details.
-   * @type {(DynamicDialogRef | undefined)}
-   */
-  ref: DynamicDialogRef | undefined;
-
-  /**
-   * Indicates whether the document has been verified.
-   * @type {boolean}
-   */
-  isVerified: boolean = false;
-
-  /**
-   * Additional property details related to the document.
-   * @type {any}
-   */
-  propertyDetails: any;
-
-  /**
-   * List of predefined events used for summaries or alerts.
-   * @type {*}
-   */
-  events = DUMMYSUMMARY;
-
-  /**
-   * Data used for displaying alert messages.
-   * @type {any}
-   */
-  alertData!: any;
-
-  /**
-   * Initializes a new instance of the DocumentViewerComponent.
-   */
-  constructor() {}
-
-  /**
-   * Lifecycle hook that is called after data-bound properties are initialized.
-   * Initializes the list of countries.
-   */
-  ngOnInit() {
-    this.countries = COUNTRIES;
-  }
-
-
-  /**
-   * Determines if the given content type is an image.
-   * @param {string} contentType - The MIME type of the content.
-   * @returns {boolean} `true` if the content type is an image; otherwise, `false`.
-   */
-  isImage(contentType: string): boolean {
-    return SUPPORTED_IMAGE_TYPES.includes(contentType);
-  }
-}
+import {
+  Component,
+  Input,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { COUNTRIES, DUMMYSUMMARY, SUPPORTED_IMAGE_TYPES } from '../../../../Shared/constant/SHARED';
+/**
+ * For list box data.
+ * @interface Country
+ * @typedef {Country}
+ */
+interface Country {
+  /**
+   * For the name of the property.
+   * @type {string}
+   */
+  name: string;
+  /**
+   * For the unique code of country.
+   * @type {string}
+   */
+  code: string;
+  /**
+   * Mark check or unchecked.
+   * @type {?boolean}
+   */
+  checked?: boolean;
+}
+
+/**
+ * Component for viewing and managing document details.
+ * @class DocumentViewerComponent
+ * @typedef {DocumentViewerComponent}
+ * @implements {OnInit}
+ */
+@Component({
+  selector: 'document-viewer',
+  templateUrl: './document-viewer.component.html',
+  standalone : false,
+  styleUrl: './document-viewer.component.scss',
+  encapsulation: ViewEncapsulation.None,
+})
+export class DocumentViewerComponent implements OnInit {
+  /**
+   * Get the selected document by user.
+   * @type {*}
+   */
+  @Input() selectedDocument: any;
+  /**
+   * Handle notes data.
+   * @type {!string}
+   */
+  notes!: string;
+  /**
+   * Country data according to Country model.
+   * @type {!Country[]}
+   */
+  countries!: Country[];
+  /**
+   * Indicates whether a checkbox is selected.
+   * @type {boolean}
+   */
+  checked: boolean = false;
+
+  /**
+   * The currently selected country.
+   * @type {Country}
+   */
+  selectedCountry!: Country;
+
+  /**
+   * Reference to the dynamic dialog used for displaying additional details.
+   * @type {(DynamicDialogRef | undefined)}
+   */
+  ref: DynamicDialogRef | undefined;
+
+  /**
+   * Indicates whether the document has been verified.
+   * @type {boolean}
+   */
+  isVerified: boolean = false;
+
+  /**
+   * Additional property details related to the document.
+   * @type {any}
+   */
+  propertyDetails: any;
+
+  /**
+   * List of predefined events used for summaries or alerts.
+   * @type {*}
+   */
+  events = DUMMYSUMMARY;
+
+  /**
+   * Data used for displaying alert messages.
+   * @type {any}
+   */
+  alertData!: any;
+
+  /**
+   * Initializes a new instance of the DocumentViewerComponent.
+   */
+  constructor() {}
+
+  /**
+   * Lifecycle hook that is called after data-bound properties are initialized.
+   * Initializes the list of countries.
+   */
+  ngOnInit() {
+    this.countries = COUNTRIES;
+  }
+
+
+  /**
+   * Determines if the given content type is an image.
+   * @param {string} contentType - The MIME type of the content.
+   * @returns {boolean} `true` if the content type is an image; otherwise, `false`.
+   */
+  isImage(contentType: string): boolean {
+    return SUPPORTED_IMAGE_TYPES.includes(contentType);
+  }
+}

package/{src → projects/cat-document-lib/src}/lib/document/components/folder-block/folder-block.component.html

@@ -1,46 +1,46 @@
-<div class="card folder-info my-4">
-  <div class="text-900 text-xl font-semibold mb-3">Folders</div>
-  <div class="grid">
-    <div *ngFor="let folder of folderBlocks" class="col-12 md:col-6 xl:col-4">
-      <div
-        class="p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round"
-        (click)="handleClickForFilter(folder._id)"
-      >
-        <div class="icon">
-          <img src="../../../../assets/images/FolderImg.png" alt="" />
-        </div>
-        <div class="flex flex-column">
-          <span class="text-600 mt-2"> {{ folder.fileCount }} Files </span>
-          <span class="text-900 text-lg mt-2 mb-2 font-semibold font-medium">
-            {{ folder.text }}
-          </span>
-        </div>
-        <hr />
-        <div class="flex justify-content-between">
-          <div class="flex flex-column">
-            <span>Missing</span>
-            <span
-              [ngClass]="{
-                'text-pink-500': missingFileCount > 0,
-                'text-green-500': missingFileCount === 0
-              }"
-            >
-              {{ missingFileCount }}
-            </span>
-          </div>
-          <div class="flex flex-column">
-            <span>Pending</span>
-            <span
-              [ngClass]="{
-                'text-yellow-500': pendingFileCount > 0,
-                'text-green-500': pendingFileCount === 0
-              }"
-            >
-              {{ pendingFileCount }}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
+<div class="card folder-info my-4">
+  <div class="text-900 text-xl font-semibold mb-3">Folders</div>
+  <div class="grid">
+    <div *ngFor="let folder of folderBlocks" class="col-12 md:col-6 xl:col-4">
+      <div
+        class="p-3 border-1 h-full surface-border flex flex-column justify-content-between surface-100 hover:surface-100 cursor-pointer border-round"
+        (click)="handleClickForFilter(folder._id)"
+      >
+        <div class="icon">
+          <img src="../../../../assets/images/FolderImg.png" alt="" />
+        </div>
+        <div class="flex flex-column">
+          <span class="text-600 mt-2"> {{ folder.fileCount }} Files </span>
+          <span class="text-900 text-lg mt-2 mb-2 font-semibold font-medium">
+            {{ folder.text }}
+          </span>
+        </div>
+        <hr />
+        <div class="flex justify-content-between">
+          <div class="flex flex-column">
+            <span>Missing</span>
+            <span
+              [ngClass]="{
+                'text-pink-500': missingFileCount > 0,
+                'text-green-500': missingFileCount === 0
+              }"
+            >
+              {{ missingFileCount }}
+            </span>
+          </div>
+          <div class="flex flex-column">
+            <span>Pending</span>
+            <span
+              [ngClass]="{
+                'text-yellow-500': pendingFileCount > 0,
+                'text-green-500': pendingFileCount === 0
+              }"
+            >
+              {{ pendingFileCount }}
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -1,51 +1,51 @@
-import { Component, Input } from '@angular/core';
-import { DocumentStore } from '../../state/document.store';
-import { FolderBlockModel } from '../../models/folder.model';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-
-/**
- * The `FolderBlockComponent` is responsible for displaying a block of folders and
- * providing filtering functionality based on folder IDs.
- *
- * It uses data from the `DocumentStore` and constants from the `SHARED` configuration 
- * to display missing and pending file counts.
- */
-@Component({
-    selector: 'lib-folder-block',
-    standalone: false,
-    templateUrl: './folder-block.component.html',
-    styleUrl: './folder-block.component.scss'
-})
-export class FolderBlockComponent {
-    /**
-     * Array of folder blocks data to display.
-     * Each folder is represented as a `FolderBlockModel`.
-     */
-    @Input() folderBlocks: FolderBlockModel[] = [];
-    
-    /** Number of missing files, sourced from the `SHARED` constants. */
-    missingFileCount = SHARED.MISSINGCOUNT;
-
-    /** Number of pending files, sourced from the `SHARED` constants. */
-    pendingFileCount = SHARED.PENDINGCOUNT;
-
-    /**
-     * Injects the `DocumentStore` service to manage and access document-related state.
-     * @param {DocumentStore} documentStore - The state management store for documents.
-     */
-    constructor(public documentStore: DocumentStore) {}
-
-    /**
-     * Handles the click event for filtering based on the provided folder ID.
-     * This method validates the folder ID and returns it for further processing. 
-     * If the folder ID is not provided, an empty string is returned.
-     * @param {string} folderBlockId - The unique identifier of the folder to filter by.
-     * @returns {string} The validated folder ID, or an empty string if the input is invalid.
-     */
-    handleClickForFilter(folderBlockId: string): string {
-        if (!folderBlockId) {
-            return SHARED.EMPTY;
-        }
-        return folderBlockId;
-    }
-}
+import { Component, Input } from '@angular/core';
+import { DocumentStore } from '../../state/document.store';
+import { FolderBlockModel } from '../../models/folder.model';
+import { SHARED } from '../../../../Shared/constant/SHARED';
+
+/**
+ * The `FolderBlockComponent` is responsible for displaying a block of folders and
+ * providing filtering functionality based on folder IDs.
+ *
+ * It uses data from the `DocumentStore` and constants from the `SHARED` configuration 
+ * to display missing and pending file counts.
+ */
+@Component({
+    selector: 'lib-folder-block',
+    standalone: false,
+    templateUrl: './folder-block.component.html',
+    styleUrl: './folder-block.component.scss'
+})
+export class FolderBlockComponent {
+    /**
+     * Array of folder blocks data to display.
+     * Each folder is represented as a `FolderBlockModel`.
+     */
+    @Input() folderBlocks: FolderBlockModel[] = [];
+    
+    /** Number of missing files, sourced from the `SHARED` constants. */
+    missingFileCount = SHARED.MISSINGCOUNT;
+
+    /** Number of pending files, sourced from the `SHARED` constants. */
+    pendingFileCount = SHARED.PENDINGCOUNT;
+
+    /**
+     * Injects the `DocumentStore` service to manage and access document-related state.
+     * @param {DocumentStore} documentStore - The state management store for documents.
+     */
+    constructor(public documentStore: DocumentStore) {}
+
+    /**
+     * Handles the click event for filtering based on the provided folder ID.
+     * This method validates the folder ID and returns it for further processing. 
+     * If the folder ID is not provided, an empty string is returned.
+     * @param {string} folderBlockId - The unique identifier of the folder to filter by.
+     * @returns {string} The validated folder ID, or an empty string if the input is invalid.
+     */
+    handleClickForFilter(folderBlockId: string): string {
+        if (!folderBlockId) {
+            return SHARED.EMPTY;
+        }
+        return folderBlockId;
+    }
+}

package/{src → projects/cat-document-lib/src}/lib/document/components/folder-container/folder-container.component.html

@@ -1,2 +1,2 @@
-
+
 <lib-folder-block [folderBlocks]="folderBlocks"></lib-folder-block>

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

@@ -1,29 +1,29 @@
-import { Component, Input } from '@angular/core';
-import { FOLDERPANEL } from '../../../../Shared/constant/SHARED';
-import { DocumentModel } from '../../models/document.model';
-
-/**
- * The `FolderContainerComponent` is responsible for rendering a container 
- * that displays a list of documents and associated folder panel data.
- *
- * This component utilizes the `FOLDERPANEL` constant for folder panel data
- * and accepts a document list input of type `DocumentModel`.
- */
-@Component({
-  selector: 'lib-folder-container',
-  standalone: false,
-  templateUrl: './folder-container.component.html',
-  styleUrl: './folder-container.component.scss'
-})
-export class FolderContainerComponent {
-  /**
-   * A list of documents passed as input to the component.
-   * Represents the document data to be displayed in the folder container.
-   */
-  @Input() documentList?: DocumentModel[];
-
-  /**
-   * Folder blocks data, sourced from the `SHARED` constants.
-   */
-  folderBlocks = FOLDERPANEL;
-}
+import { Component, Input } from '@angular/core';
+import { FOLDERPANEL } from '../../../../Shared/constant/SHARED';
+import { DocumentModel } from '../../models/document.model';
+
+/**
+ * The `FolderContainerComponent` is responsible for rendering a container 
+ * that displays a list of documents and associated folder panel data.
+ *
+ * This component utilizes the `FOLDERPANEL` constant for folder panel data
+ * and accepts a document list input of type `DocumentModel`.
+ */
+@Component({
+  selector: 'lib-folder-container',
+  standalone: false,
+  templateUrl: './folder-container.component.html',
+  styleUrl: './folder-container.component.scss'
+})
+export class FolderContainerComponent {
+  /**
+   * A list of documents passed as input to the component.
+   * Represents the document data to be displayed in the folder container.
+   */
+  @Input() documentList?: DocumentModel[];
+
+  /**
+   * Folder blocks data, sourced from the `SHARED` constants.
+   */
+  folderBlocks = FOLDERPANEL;
+}