cat-documents-ng 1.0.6 → 1.0.7

package/src/lib/document/components/folder-block/folder-block.component.html

@@ -1,46 +0,0 @@
-<div class="card p-0 folder-info">
-  <div class="text-900 text-xl font-semibold ml-2 mb-1">Folders</div>
-  <div class="grid m-0">
-    <div *ngFor="let folder of folderList" class="col-12 md:col-6 xl:col-4 container-wrapper">
-      <div
-        class="p-3 border-1 h-full surface-border flex flex-column justify-content-between 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.documentCount }} Files </span>
-          <span class="text-900 text-lg mt-2 mb-2 font-semibold font-medium">
-            {{ folder.folderName }}
-          </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/lib/document/components/folder-block/folder-block.component.scss

@@ -1,9 +0,0 @@
-.container-wrapper{
-    &:nth-child(3n + 1) {
-        padding-left: 0;
-    }
-
-    &:nth-child(3n) {
-        padding-right: 0;
-    }
-}

package/src/lib/document/components/folder-block/folder-block.component.spec.ts

@@ -1,70 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FolderBlockComponent } from './folder-block.component';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentStore } from '../../state/document.store';
-import { FolderBlockModel } from '../../models/folder.model';
-
-describe('FolderBlockComponent', () => {
-  let component: FolderBlockComponent;
-  let fixture: ComponentFixture<FolderBlockComponent>;
-  let mockDocumentStore: jasmine.SpyObj<DocumentStore>;
-
-  beforeEach(async () => {
-    mockDocumentStore = jasmine.createSpyObj('DocumentStore', ['setParentDocumentTypeId']); // Include the method here
-
-    await TestBed.configureTestingModule({
-        declarations: [FolderBlockComponent],
-        providers: [
-            { provide: DocumentStore, useValue: mockDocumentStore }
-        ],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FolderBlockComponent);
-    component = fixture.componentInstance;
-
-    // Mock folder blocks input
-    component.folderList = [
-        { _id: '1', folderName: 'Folder 1', documentCount: 5 },
-        { _id: '2', folderName: 'Folder 2', documentCount: 3 },
-    ] as FolderBlockModel[];
-
-    fixture.detectChanges();
-});
-
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should render the folder blocks correctly', () => {
-    const folderElements = fixture.debugElement.nativeElement.querySelectorAll('.grid .col-12');
-    expect(folderElements.length).toBe(2); // Should match the length of folderBlocks input
-  });
-
-  it('should display the correct file count for each folder', () => {
-    const folderTextElements = fixture.debugElement.nativeElement.querySelectorAll('.text-600');
-    expect(folderTextElements[0].textContent).toContain('5 Files');
-    expect(folderTextElements[1].textContent).toContain('3 Files');
-  });
-
-  it('should return correct folderBlockId from handleClickForFilter', () => {
-    const validFolderBlockId = '1';
-    const invalidFolderBlockId = '';
-
-    expect(component.handleClickForFilter(validFolderBlockId)).toBe(validFolderBlockId);
-    expect(component.handleClickForFilter(invalidFolderBlockId)).toBe(SHARED.EMPTY);
-  });
-
-  it('should display the missing and pending file counts correctly', () => {
-    const missingFileCountElements = fixture.debugElement.nativeElement.querySelectorAll('.text-pink-500');
-    const pendingFileCountElements = fixture.debugElement.nativeElement.querySelectorAll('.text-yellow-500');
-
-    expect(missingFileCountElements.length).toBeGreaterThan(0); // Check if any element with `text-pink-500` class is present
-    expect(pendingFileCountElements.length).toBeGreaterThan(0); // Check if any element with `text-yellow-500` class is present
-  });
-
-  it('should set the missingFileCount and pendingFileCount to SHARED constants', () => {
-    expect(component.missingFileCount).toBe(SHARED.MISSINGCOUNT);
-    expect(component.pendingFileCount).toBe(SHARED.PENDINGCOUNT);
-  });
-});

package/src/lib/document/components/folder-container/folder-container.component.html

@@ -1,56 +0,0 @@
-
-<document-search [contextId]="contextId" (onActionClick)="openDocumentUploadSidebar()" (onRequestClick)="openRequestDocumentSidebar()"></document-search>
-<div class="user-list-wrapper" [@slideInOut]="userListAnimationState">
-  <lib-user-list [userList]="userList" [categories]="categories"></lib-user-list>
-</div>
-<lib-document-status [contextId]="contextId" [statusData]="statusData"></lib-document-status>
-
-<!-- Document Upload Sidebar -->
-<lib-sidebar
-  #uploadSidebar
-  [(visible)]="isDocumentUploadSidebarOpen"
-  position="right"
-  width="600px"
-  title="Upload Documents"
-  [showCloseButton]="true"
-  [showSaveButton]="true"
-  [saveButtonText]="'Save'"
-  [saveButtonDisabled]="isSaveButtonDisabled"
-  [successMessage]="'Document Saved Successfully'"
-  [hasUnsavedChanges]="hasUnsavedChanges"
-  (onHide)="onDocumentUploadSidebarHide()"
-  (onSave)="onDocumentUploadSave()"
-  (onClose)="onDocumentUploadSidebarCloseWithUnsavedChanges()"
->
-  <lib-document-upload 
-    [contextId]="contextId" 
-    (onFormValidationChange)="onFormValidationChange()" 
-    (onUploadSuccess)="onDocumentUploadSuccess()"
-    (onUploadError)="onDocumentUploadError($event)"
-  ></lib-document-upload>
-</lib-sidebar>
-
-<lib-sidebar
-  #requestSidebar
-  [(visible)]="isRequestDocumentSidebarOpen"
-  position="right"
-  width="600px"
-  title="Request Document"
-  [showCloseButton]="true"
-  [showSaveButton]="true"
-  [saveButtonText]="'Save'"
-  [successMessage]="'Document Requested'"
-  [saveButtonDisabled]="isRequestSaveButtonDisabled"
-  [hasUnsavedChanges]="requestHasUnsavedChanges"
-  (onHide)="onRequestDocumentSidebarHide()"
-  (onSave)="onRequestDocumentSave()"
-  (onClose)="onRequestDocumentSidebarCloseWithUnsavedChanges()"
->
-  <lib-request-document
-    [contextId]="contextId"
-    (onFormValidationChange)="onRequestFormValidationChange()"
-    (onRequestSuccess)="onRequestDocumentSuccess()"
-    (onRequestError)="onRequestDocumentError($event)"
-    (hasUnsavedChangesChange)="onRequestUnsavedChange($event)"
-  ></lib-request-document>
-</lib-sidebar>

package/src/lib/document/components/folder-container/folder-container.component.scss

@@ -1,20 +0,0 @@
-.user-list-wrapper {
-  overflow: hidden;
-  margin-bottom: 1rem;
-  
-  // Ensure smooth transitions for child elements
-  ::ng-deep * {
-    transition: opacity 0.2s ease-in-out;
-  }
-}
-
-// Additional styling for better animation experience
-.user-list-wrapper.ng-animating {
-  pointer-events: none;
-}
-
-// Ensure the user list component itself has proper styling
-::ng-deep lib-user-list {
-  display: block;
-  width: 100%;
-}

package/src/lib/document/components/folder-container/folder-container.component.spec.ts

@@ -1,27 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Listbox, ListboxModule } from 'primeng/listbox';
-import { TimelineModule } from 'primeng/timeline';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from 'primeng/checkbox';
-import { FolderContainerComponent } from './folder-container.component';
-import { FolderBlockComponent } from '../folder-block/folder-block.component';
-
-describe('FolderContainerComponent', () => {
-  let component: FolderContainerComponent;
-  let fixture: ComponentFixture<FolderContainerComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [FolderContainerComponent , FolderBlockComponent],
-      imports : [ListboxModule, TimelineModule, FormsModule, CheckboxModule]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(FolderContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/document/components/folder-container/folder-container.component.ts

@@ -1,328 +0,0 @@
-import { Component, Input, OnInit, OnDestroy, ViewChild } from '@angular/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import {SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentModel } from '../../models/document.model';
-import { FolderBlockModel } from '../../models/folder.model';
-import { DocumentQuery } from '../../state/document.query';
-import { UserListModel } from '../../models/user-list.model';
-import { StatusDataModel } from '../../models/status-data.model';
-import { DocumentCategory } from '../../models/document-category.model';
-import { DocumentUploadComponent } from '../document-upload/document-upload.component';
-import { RequestDocumentComponent } from '../request-document/request-document.component';
-import { DocumentHelperService } from '../../services/document.service';
-import { SidebarComponent } from '../sidebar/sidebar.component';
-
-/**
- * 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',
-  animations: [
-    trigger('slideInOut', [
-      state('visible', style({
-        height: '*',
-        opacity: 1,
-        transform: 'translateY(0)',
-        overflow: 'hidden',
-        marginBottom: '1rem',
-        visibility: 'visible'
-      })),
-      state('hidden', style({
-        height: '0px',
-        opacity: 0,
-        transform: 'translateY(-20px)',
-        overflow: 'hidden',
-        marginBottom: '0px',
-        visibility: 'hidden'
-      })),
-      transition('visible => hidden', [
-        animate('250ms cubic-bezier(0.4, 0.0, 0.2, 1)')
-      ]),
-      transition('hidden => visible', [
-        animate('300ms cubic-bezier(0.0, 0.0, 0.2, 1)')
-      ])
-    ])
-  ]
-})
-export class FolderContainerComponent implements OnInit {
-  /**
-   * A list of documents passed as input to the component.
-   * Represents the document data to be displayed in the folder container.
-   */
-  @Input() documentList?: DocumentModel[];
-  /**
-   * A list of documents passed as input to the component.
-   * Represents the document data to be displayed in the folder container.
-   */
-  @Input() folderList: FolderBlockModel[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The context ID for the folder container.
-   * @type {string}
-   */
-  @Input() contextId: string = SHARED.EMPTY;
-
-  /**
-   * The list of users passed as input to the component.
-   * @type {UserListModel[]}
-   */
-  @Input() userList: UserListModel[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The status data passed as input to the component.
-   * @type {StatusDataModel[]}
-   */
-  @Input() statusData: StatusDataModel[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The document categories passed as input to the component.
-   * @type {DocumentCategory[]}
-   */
-  @Input() categories: DocumentCategory[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * Flag to control user list visibility
-   */
-  showUserList: boolean = true;
-  
-  /**
-   * Animation state for user list visibility
-   */
-  userListAnimationState: string = SHARED.VISIBLE;
-
-  /**
-   * Controls the visibility of the document upload sidebar
-   */
-  isDocumentUploadSidebarOpen: boolean = false;
-  /**
-   * Controls the visibility of the request document sidebar
-   */
-  isRequestDocumentSidebarOpen: boolean = false;
-
-  /**
-   * Reference to the document upload component
-   */
-  @ViewChild(DocumentUploadComponent) documentUploadComponent!: DocumentUploadComponent;
-  
-  /**
-   * References to the sidebars
-   */
-  @ViewChild('uploadSidebar') uploadSidebarComponent!: SidebarComponent;
-  @ViewChild('requestSidebar') requestSidebarComponent!: SidebarComponent;
-  @ViewChild(RequestDocumentComponent) requestDocumentComponent!: RequestDocumentComponent;
-  
-  /**
-   * Tracks whether the save button should be disabled
-   */
-  isSaveButtonDisabled: boolean = false;
-  /** Tracks save button disabled for request document */
-  isRequestSaveButtonDisabled: boolean = true;
-  
-  /**
-   * Tracks whether there are unsaved changes in the document upload form
-   */
-  hasUnsavedChanges: boolean = false;
-  /**
-   * Tracks whether there are unsaved changes in the request document form
-   */
-  requestHasUnsavedChanges: boolean = false;
-  
-  constructor(private documentQuery: DocumentQuery, private documentHelperService: DocumentHelperService) {}
-
-  ngOnInit(): void {
-    this.documentQuery.selectShowUserList().subscribe(show => {
-      this.showUserList = show;
-      this.userListAnimationState = show ? SHARED.VISIBLE : SHARED.HIDDEN;
-    });
-  }
-
-  /**
-   * Called when the view is initialized to set up the save button state
-   */
-  ngAfterViewInit(): void {
-    this.updateSaveButtonState();
-  }
-
-  /**
-   * Updates the save button disabled state based on the document upload component
-   */
-  updateSaveButtonState(): void {
-    if (this.documentUploadComponent) {
-      this.isSaveButtonDisabled = this.documentUploadComponent.getSaveButtonDisabled();
-    }
-  }
-
-  /**
-   * Handles form validation changes from the document upload component
-   */
-  onFormValidationChange(): void {
-    this.updateSaveButtonState();
-    // Check if there are actual unsaved changes
-    this.checkForUnsavedChanges();
-  }
-
-  /** Updates request save button disabled state */
-  onRequestFormValidationChange(): void {
-    if (this.requestDocumentComponent) {
-      this.isRequestSaveButtonDisabled = this.requestDocumentComponent.getSaveButtonDisabled();
-    }
-  }
-
-  /**
-   * Checks if there are unsaved changes in the document upload form
-   */
-  private checkForUnsavedChanges(): void {
-    if (this.documentUploadComponent) {
-      // Check if files are uploaded or form has changes
-      const hasFiles = Boolean(this.documentUploadComponent.uploadedFiles && this.documentUploadComponent.uploadedFiles.length > 0);
-      const hasFormChanges = Boolean(
-        (this.documentUploadComponent.selectedAssignmentType && this.documentUploadComponent.selectedAssignmentType !== SHARED.EMPTY) || 
-        (this.documentUploadComponent.selectedApplicant && this.documentUploadComponent.selectedApplicant !== SHARED.EMPTY) || 
-        (this.documentUploadComponent.selectedCategory && this.documentUploadComponent.selectedCategory !== SHARED.EMPTY) || 
-        (this.documentUploadComponent.selectedDocumentType && this.documentUploadComponent.selectedDocumentType !== SHARED.EMPTY)
-      );
-      
-      this.hasUnsavedChanges = hasFiles || hasFormChanges;
-    }
-  }
-
-  /**
-   * Opens the document upload sidebar
-   */
-  openDocumentUploadSidebar(): void {
-    this.isDocumentUploadSidebarOpen = true;
-    this.hasUnsavedChanges = false; // Reset when opening
-  }
-
-  /**
-   * Opens the request document sidebar
-   */
-  openRequestDocumentSidebar(): void {
-    this.isRequestDocumentSidebarOpen = true;
-  }
-
-  /**
-   * Handles the document upload sidebar hide event
-   */
-  onDocumentUploadSidebarHide(): void {
-    this.isDocumentUploadSidebarOpen = false;
-    this.hasUnsavedChanges = false;
-    if (this.documentUploadComponent) {
-      this.documentUploadComponent.resetForm();
-    }
-  }
-
-  /**
-   * Handles the document upload sidebar close event (when close button is clicked or sidebar is dismissed)
-   */
-  onDocumentUploadSidebarClose(): void {
-    this.isDocumentUploadSidebarOpen = false;
-    this.hasUnsavedChanges = false;
-    if (this.documentUploadComponent) {
-      this.documentUploadComponent.resetForm();
-    }
-  }
-
-  /**
-   * Handles the document upload sidebar close with unsaved changes event
-   */
-  onDocumentUploadSidebarCloseWithUnsavedChanges(): void {
-    this.isDocumentUploadSidebarOpen = false;
-    this.hasUnsavedChanges = false;
-    if (this.documentUploadComponent) {
-      this.documentUploadComponent.resetForm();
-    }
-  }
-
-  /**
-   * Handles the request document sidebar hide event
-   */
-  onRequestDocumentSidebarHide(): void {
-    this.isRequestDocumentSidebarOpen = false;
-    this.requestHasUnsavedChanges = false;
-    if (this.requestDocumentComponent) {
-      this.requestDocumentComponent.resetForm();
-    }
-    this.isRequestSaveButtonDisabled = true;
-  }
-
-  /**
-   * Handles the request document sidebar close with unsaved changes event
-   */
-  onRequestDocumentSidebarCloseWithUnsavedChanges(): void {
-    this.isRequestDocumentSidebarOpen = false;
-    this.requestHasUnsavedChanges = false;
-    if (this.requestDocumentComponent) {
-      this.requestDocumentComponent.resetForm();
-    }
-    this.isRequestSaveButtonDisabled = true;
-  }
-
-  /** Invoked from sidebar Save button for request document */
-  onRequestDocumentSave(): void {
-    if (this.requestDocumentComponent) {
-      this.requestDocumentComponent.saveRequestDocument();
-      this.onRequestFormValidationChange();
-    }
-  }
-
-  /** Request success handler */
-  onRequestDocumentSuccess(): void {
-    this.documentHelperService.refreshAllDataWithCurrentFilters(this.contextId);
-    if (this.requestSidebarComponent) {
-      this.requestSidebarComponent.showSuccess();
-    }
-  }
-
-  /** Request error handler */
-  onRequestDocumentError(error: any): void {
-    if (this.requestSidebarComponent) {
-      const errorMessage = error?.message || SHARED.UPLOAD_FAILED;
-      this.requestSidebarComponent.showError(errorMessage);
-    }
-  }
-
-  /** Handle unsaved changes state from request form */
-  onRequestUnsavedChange(hasChanges: boolean): void {
-    this.requestHasUnsavedChanges = hasChanges;
-  }
-
-  /**
-   * Handles the document upload save event
-   */
-  onDocumentUploadSave(): void {
-    if (this.documentUploadComponent) {
-      this.documentUploadComponent.saveDocumentUpload();
-      this.updateSaveButtonState();
-    }
-  }
-
-  /**
-   * Handles successful document upload and refreshes data
-   */
-  onDocumentUploadSuccess(): void {
-    this.documentHelperService.refreshAllDataWithCurrentFilters(this.contextId);
-    this.hasUnsavedChanges = false; // Reset after successful upload
-    if (this.uploadSidebarComponent) {
-      this.uploadSidebarComponent.showSuccess();
-    }
-  }
-
-  /**
-   * Handles document upload error
-   */
-  onDocumentUploadError(error: any): void {
-    if (this.uploadSidebarComponent) {
-      const errorMessage = error?.message || SHARED.UPLOAD_FAILED;
-      this.uploadSidebarComponent.showError(errorMessage);
-    }
-  }
-
- 
-}

package/src/lib/document/components/linked-document/linked-document.component.html

@@ -1,23 +0,0 @@
-<div class="summary-card mb-4 pb-1">
-    <div class="card p-0 mb-0"
-      style="border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;">
-      <div class="p-0">
-        <h4 class="m-0 pt-3 pl-3 mb-3" style="font-size: 21px; font-weight: bold; ">Linked Documents</h4>
-      </div>
-    </div>
-    <div class="card mb-0" style="border-top-right-radius: 0px;border-top-left-radius: 0px;">
-      @for(document of documentList; track document){
-        <div class="linkedDocument documentName m-2">
-          <div class="documentName"         [class.selected]="document._id === selectedDocument?._id"
-          (click)="handleDocumentClick(document)">
-            <span class="pi pi-link"></span>
-            {{document.fileName}}
-          </div>
-        </div>
-      }
-
-    </div>
-  
-  
-  </div>
-  

package/src/lib/document/components/linked-document/linked-document.component.scss

@@ -1,10 +0,0 @@
-.documentName{
-    font-family: inherit;
-    text-decoration: underline;
-    cursor: pointer;
-    width: max-content;
-}
-.selected{
-    color: var(--primary-color);
-
-}

package/src/lib/document/components/linked-document/linked-document.component.spec.ts

@@ -1,61 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LinkedDocumentComponent } from './linked-document.component';
-import { DocumentModel } from '../../models/document.model';
-import { Component, Input } from '@angular/core';
-
-/**
- * A mock child component used for testing the LinkedDocumentComponent.
- * It mimics a real child component that receives document-related inputs.
- */
-@Component({
-  selector: 'app-mock-child',
-  template: ''
-})
-class MockChildComponent {
-  /**
-   * Represents the currently selected document.
-   */
-  @Input() selectedDocument?: DocumentModel;
-
-  /**
-   * A list of available documents.
-   */
-  @Input() documentList?: DocumentModel[];
-}
-
-describe('LinkedDocumentComponent', () => {
-  let component: LinkedDocumentComponent;
-  let fixture: ComponentFixture<LinkedDocumentComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [LinkedDocumentComponent],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LinkedDocumentComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  /**
-   * Ensures that the component is created successfully.
-   */
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  /**
-   * Tests whether the `handleDocumentClick` method correctly emits 
-   * the `selectedDocumentChange` event with the expected document data.
-   */
-  it('should emit selectedDocumentChange event when handleDocumentClick is called', () => {
-    spyOn(component.selectedDocumentChange, 'emit');
-    const document: DocumentModel = { _id: '1', fileName: 'Doc1' };
-    
-    component.handleDocumentClick(document);
-    
-    expect(component.selectedDocumentChange.emit).toHaveBeenCalledWith(document);
-  });
-});