cat-documents-ng 0.1.30 → 0.1.32

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

@@ -1,173 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentService } from '../../state/document.service';
-import { DocumentModel } from '../../models/document.model';
-import { URLS } from '../../../../Shared/constant/URLS';
-import { Subscription } from 'rxjs';
-import { ERRORS } from '../../../../Shared/constant/ERROR';
-import { FolderBlockModel } from '../../models/folder.model';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { DocumentQuery } from '../../state/document.query';
-import { DocumentStore } from '../../state/document.store';
-
-
-/**
- *This component is responsible for managing and displaying a list of documents.
- * @class DocumentContainerComponent
- * @typedef {DocumentContainerComponent}
- */
-@Component({
-  selector: 'lib-document-container',
-  standalone: false,
-  templateUrl: './document-container.component.html',
-  styleUrl: './document-container.component.scss'
-})
-export class DocumentContainerComponent implements OnInit{
-
-  /**
-   * Creates an instance of DocumentContainerComponent.
-   * @param {DocumentStore} documentStore - Query Store service to manage store document-related state.
-   * @param {DocumentService} documentService - Service to manage document-related operations.
-   * @param {DocumentQuery} documentQuery - Query service to manage document-related state.
-   * @param {DocumentHttpService} documentHttpService - Service to make HTTP requests related to documents.
-   */
-  constructor(public documentStore : DocumentStore,public documentService : DocumentService, public documentQuery : DocumentQuery,public documentHttpService: DocumentHttpService) {
-
-  }
-  /**
-   * Get contextId in input.
-   * @type {string}
-   */
-  @Input() contextId : string =  SHARED.EMPTY;
-  /**
-   * Get isCollapsed in input.
-   * @type {string}
-   */
-  @Input() isCollapsed : boolean =  SHARED.FALSE;
-  /**
-   * Get showFolderList in input.
-   * @type {boolean}
-   */
-  @Input() showFolderList : boolean =  SHARED.TRUE;
-  /**
-   * Get isUploadButtonVisible in input.
-   * @type {boolean}
-   */
-  @Input() isUploadButtonVisible : boolean =  SHARED.TRUE;
-  /**
-   * The list of documents.
-   * @type {Array}
-   */
-  documentList : DocumentModel[] = []
-  /**
-   * The list of folders.
-   * @type {Array}
-   */
-  folderList : FolderBlockModel[] = SHARED.EMPTY_ARRAY
-
-  /**
-   * Holds the subscription to manage observable cleanup.
-   * @private
-   * @type {Subscription}
-   */
-  private subscription: Subscription = new Subscription();
-
-  /**
-   * Fetches the folder and document data on initialization.
-   * @returns {void}
-   */
-  ngOnInit(): void {
-    this.fetchFolder();
-    const folderSubscription = this.documentQuery
-      .selectParentDocumentTypeId()
-      .subscribe((folderBlockId: any) => {
-        const validFolders = this.folderList.filter(folder => (folder.documentCount ?? 0) > 0);
-        const idToFetch = folderBlockId ?? validFolders[0]?._id;
-        if (idToFetch) {
-          this.fetchDocuments(idToFetch);
-        } else {
-          console.warn('No folders with documents available.');
-        }
-      });
-    this.subscription.add(folderSubscription);
-  }
-  
-  
-  
-  /**
-   * Fetches the folder data from the API.
-   * @returns {void}
-   */
- /**
-  * Fetches the folder data from the API.
-  * @returns {void}
-  */
-public fetchFolder(): void { 
-  const folderSubscription = this.documentHttpService.getFoldersData(this.contextId).subscribe({
-    /**
-     * Handles the successful API response.
-     * @param {FolderBlockModel[]} folder - The list of folders returned by the API.
-     */
-    next: (folder: FolderBlockModel[]) => {
-      if (folder && folder.length > 0) {
-        this.folderList = folder.filter(f => (f.documentCount ?? 0) > 0);
-        if (this.folderList.length > 0) {
-          this.fetchDocuments(this.folderList[0]._id);
-        } else {
-          console.warn('No folders with documents found.');
-        }
-      } else {
-        console.error(ERRORS.ERROR_ALLDOCUMENT_MISSING);
-      }
-    },
-    /**
-     * Handles errors if the request fails.
-     * @param {any} err - The error object returned by the server.
-     */
-    error: (err: any) => {
-      console.error(ERRORS.ERROR_DOCUMENT_TYPES, err);
-    }
-  });
-  this.subscription.add(folderSubscription);
-}
- 
-  
-
-  /**
-   * Fetches the document data from the API.
-   * @param {string} folderBlockId - The folder ID to fetch the document.
-   * @returns {void}
-   */
-  private fetchDocuments(folderBlockId:string): void {
-    const documentSubscription =  this.documentHttpService.getDocumentByFolderID(folderBlockId, this.contextId).subscribe({ 
-      /**
-       * Handles the successful API response.
-       * @param {DocumentModel[]} documentList - The list of documents returned by the API.
-       */
-      next: (documentList: DocumentModel[]) => {
-        if (documentList) {
-          this.documentList = documentList;
-          this.documentStore.setDocumentList(documentList)
-        } else {
-          console.error(ERRORS.ERROR_FETCHING_DOCUMENTS);
-        }
-      },
-      /**
-       * Handles errors if the request fails.
-       * @param {any} err - The error object returned by the server.
-       */
-      error: (err: any) => {
-        console.error(ERRORS.ERROR_FETCHING_DOCUMENTS, err);
-      }
-    }
-  )
-  this.subscription.add(documentSubscription);
-  }
-
-  /** 
-   * Unsubscribe subscription on destroy of component .
-   */
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}

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

@@ -1,81 +0,0 @@
-
-<div class="document-viewer">
-  <p-dialog [(visible)]="isdialogVisible" [modal]="true" (onHide)="handleCloseModal()"
-    class="w-full h-full document-dailog-wrapper"
-    [draggable]="false" [closable]="true">
-    <document-viewer [selectedDocument]="selectedDocument" [documentList]="documentList">
-
-    <ng-template pTemplate="header">
-      <div class="w-full flex align-items-center justify-content-between">
-          <input 
-            type="text" 
-            class="w-full border-none bg-white h-3rem file-input-wrapper"
-            pInputText 
-            [(ngModel)]="fileName" />
-            <button 
-            pButton 
-            pRipple 
-            class="mx-3 w-6rem save-btn-wrapper"
-            label="Save"
-            (click)="handleSaveClick()">
-          </button>
-        </div>
-    </ng-template>
-
-
-      <ng-content></ng-content>
-    </document-viewer>
-  </p-dialog>
-</div>
-
-<div class="col-12 p-0">
-  <div class="card p-0 mb-0 document-list-wrapper">
-    <p-accordion  [activeIndex]="isCollapsed ? -1 : 0">
-      <p-accordionTab  class="line-height-2 m-0">
-        <ng-template pTemplate="header" let-active="active">
-          <div class="flex  align-items-center justify-content-between w-full">
-            <span class="flex align-items-center gap-2 document-title-wrapper">
-              Documents
-            </span>
-            @if(isUploadButtonVisible){
-              <button pButton pRipple class="p-button-raised col-3" [permission]="PERMISSION.DOCUMENT_POST"  type="button" label="Upload File"
-              style="border-radius: 10px;" (click)="handleFileUploadClick($event)"></button>
-            }
-          </div>
-        </ng-template>
-        @for(document of documentList; track document){
-        <lib-document-list-item [document]="document"
-          (documentClick)="handleClickForDocument($event)"></lib-document-list-item>
-        }
-      </p-accordionTab>
-    </p-accordion>
-  </div>
-</div>
-<div class="grid m-0">
-  <div class="col-12 p-0">
-    <p-sidebar [(visible)]="isSidebarVisible" position="right" [styleClass]="'right-sidebar'" class="relative">
-      <ng-template pTemplate="header">
-        <p-messages [(value)]="messages" [enableService]="false" />
-      </ng-template>
-      <ng-template pTemplate="content">
-        <div class="side-bar-con">
-          <lib-document-upload [contextId]="contextId"></lib-document-upload>
-          <div class="p-fluid">
-            <div class="field">
-              <label for="city">Select Folder</label>
-              <p-dropdown id="city" optionLabel="label" optionValue="value" [options]="options"
-                placeholder="Select a Folder" [(ngModel)]="selectedOption"></p-dropdown>
-            </div>
-          </div>
-        </div>
-      </ng-template>
-      <ng-template pTemplate="footer" class="bg-gray-100 p-0">
-        <div class="bg-gray-100 p-4">
-          <p-button label="Save" class="p-button-rounded p-button-success save-btn" (click)="handleUploadDocument()"
-            [disabled]="!selectedOption">
-          </p-button>
-        </div>
-      </ng-template>
-    </p-sidebar>
-  </div>
-</div>

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

@@ -1,82 +0,0 @@
-.document-list-wrapper{
-    .p-accordion-header-link {
-        padding: 0.5rem;
-    }
-    .p-sidebar-right{
-        width: 35%;
-    }
-}
-
-.right-sidebar{
-    width: 35%;
-}
-
-.document-title-wrapper{
-    font-size: 20px;
-    font-weight: 700;
-    color: var(--text-color);
-}
-
-.document-input-field{
-    display: flex;
-    flex-direction: column;
-    input{
-        width:100%;
-        height: 46px;
-        padding: 10px 15px 10px 15px;
-        gap: 10px;
-        border-radius: 10px;
-        outline: none;
-        border: 1px solid #4C62921A;
-        font-size: 15px;
-    }
-}
-label{
-    color: #0F1729;
-    font-weight: 600;
-
-}
-.document-list-dropDown{
-    .p-element{
-        padding: 10px 0px 10px 15px;
-    }
-    .p-dropdown{
-        border-radius: 10px !important;
-    }
-}
-
-
-.side-bar-con{
-    display: flex;
-    flex-direction: column;
-}
-
-
-.save-btn-con{
-    width: 100%;
-    border-top: 1px solid #4C629233;
-    background: #4C629214;
-    padding: 13px 40px 13px 40px
-    
-}
-
-.save-btn-wrapper{
-    padding: 10px 4px;
-}
-
-.save-btn{
-    .p-button{
-        height: 45px !important;
-        width: 140px;
-        border-radius: 10px;
-    }
-    
-
-}
-.p-sidebar-footer {
-    padding: 0px;
-}
-
-.file-input-wrapper.p-inputtext:enabled:focus {
-    box-shadow: 0 0 0 0.2rem #a6d5fa !important;
-}

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

@@ -1,96 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DocumentListComponent } from './document-list.component';
-import { DocumentUploadService } from '../../services/document-upload.service';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { of } from 'rxjs';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { DocumentTypeModel } from '../../models/document-type.model';
-import { DocumentModel } from '../../models/document.model';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-
-describe('DocumentListComponent', () => {
-  let component: DocumentListComponent;
-  let fixture: ComponentFixture<DocumentListComponent>;
-  let documentUploadService: jasmine.SpyObj<DocumentUploadService>;
-  let documentHttpService: jasmine.SpyObj<DocumentHttpService>;
-
-  beforeEach(async () => {
-    // Mock services
-    documentUploadService = jasmine.createSpyObj('DocumentUploadService', [
-      'getDocumentNameAndType',
-      'handleTemplatedUpload'
-    ]);
-    documentHttpService = jasmine.createSpyObj('DocumentHttpService', ['getDocumentTypes', 'updateDocumentName']);
-
-    // Mock `getDocumentTypes` to return valid `DocumentTypeModel` objects
-    documentHttpService.getDocumentTypes.and.returnValue(
-      of([
-          { _id: 1, label: 'Type 1', matchRules: [], name: 'Type 1', parentDocumentTypeId: null },
-          { _id: 2, label: 'Type 2', matchRules: [], name: 'Type 2', parentDocumentTypeId: null }
-        ] as unknown as DocumentTypeModel[])
-    );
-
-    await TestBed.configureTestingModule({
-      declarations: [DocumentListComponent],
-      providers: [
-        { provide: DocumentUploadService, useValue: documentUploadService },
-        { provide: DocumentHttpService, useValue: documentHttpService }
-      ],
-      schemas: [NO_ERRORS_SCHEMA] // To suppress schema-related errors
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(DocumentListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges(); // Trigger lifecycle hooks and initial data binding
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should fetch document types on initialization', () => {
-    expect(component.options).toEqual([
-      { label: 'Type 1', value: 1 },
-      { label: 'Type 2', value: 2 }
-    ]);
-  });
-
-  it('should handle file upload click', () => {
-    const event = new MouseEvent('click');
-    spyOn(event, 'stopPropagation');
-    component.handleFileUploadClick(event);
-    expect(event.stopPropagation).toHaveBeenCalled();
-    expect(component.isSidebarVisible).toBeTrue();
-  });
-
-  it('should handle document click and open dialog', () => {
-    const mockDocument = { _id: "1", documentUrl: 'http://example.com/doc.pdf' } as DocumentModel;
-
-    component.handleClickForDocument(mockDocument);
-    expect(component.isdialogVisible).toBeTrue();
-    expect(component.selectedDocument).toBe(mockDocument);
-  });
-
-  it('should handle dialog close and reset selected document', () => {
-    component.selectedDocument = { _id: "1" };
-    component.handleCloseModal();
-    expect(component.selectedDocument).toEqual({ _id: "" });
-
-
-    expect(component.isdialogVisible).toBeFalse();
-  });
-
-  it('should update document name on handleSaveClick', () => {
-    component.fileName = 'New Document';
-    component.selectedDocument = { _id: '1' } as DocumentModel;
-  
-    spyOn(console, 'log');
-  
-    documentHttpService.updateDocumentName.and.returnValue(of({} as DocumentModel));
-  
-    component.handleSaveClick();
-    expect(documentHttpService.updateDocumentName).toHaveBeenCalledWith('1', { fileName: 'New Document' });
-    expect(console.log).toHaveBeenCalledWith(`${SHARED.UPDATE_DOCUMENT_NAME} 1`);
-  });
-  
-});

package/src/lib/document/components/document-list/document-list.component.ts

@@ -1,244 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
-import { DocumentModel } from '../../models/document.model';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { ERRORS } from '../../../../Shared/constant/ERROR';
-import { DocumentHttpService } from '../../services/document-http.service';
-import { DocumentTypeModel } from '../../models/document-type.model';
-import { DocumentUploadService } from '../../services/document-upload.service';
-import { Message } from 'primeng/api';
-import { DocumentQuery } from '../../state/document.query';
-import { DocumentStore } from '../../state/document.store';
-import { PERMISSIONS } from '../../../../Shared/constant/PERMISSIONS';
-
-/**
- * This component is responsible for displaying and managing a list of documents.
- * Provides functionality for file upload, document selection, and dialog management.
- * @class DocumentListComponent
- */
-@Component({
-  selector: 'lib-document-list',
-  standalone: false,
-  templateUrl: './document-list.component.html',
-  styleUrls: ['./document-list.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class DocumentListComponent implements OnInit{
-
-  @Output() onRefresh = new EventEmitter();
-  /**
-   * Represents the context ID for the document list.
-   * This value is passed from the parent component.
-   * @type {string}
-   * @memberof DocumentListComponent
-   */
-  @Input() contextId: string = SHARED.EMPTY;
-  
-  /**
-   * Default visibility of the upload button.
-   * @type {boolean}
-   * @memberof DocumentListComponent
-   */
-  @Input() isUploadButtonVisible:boolean = SHARED.TRUE;
-
-  /**
-   * The currently selected document.
-   * @type {DocumentModel}
-   * @memberof DocumentListComponent
-   */
-  selectedDocument!: DocumentModel;
-
-  /**
-   * Default visibility of the sidebar.
-   * @type {boolean}
-   * @memberof DocumentListComponent
-   */
-  isSidebarVisible: boolean = SHARED.FALSE;
-
-  /**
-   * Default visibility of the Accordion.
-   * @type {boolean}
-   * @memberof DocumentListComponent
-   */
-  @Input() isCollapsed: boolean = SHARED.FALSE;
-
-  /**
-   * Default visibility of the messages.
-   * @type {Message[]}
-   * @memberof DocumentListComponent
-   */
-    messages: Message[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * Default visibility of the dialog.
-   * @type {boolean}
-   * @memberof DocumentListComponent
-   */
-  isdialogVisible: boolean = SHARED.FALSE;
-
-  /**
-   * The list of documents to display.
-   * This value is passed from the parent component.
-   * @type {DocumentModel[]}
-   * @memberof DocumentListComponent
-   */
-  @Input() documentList: DocumentModel[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The name of the document being uploaded or managed.
-   * @type {string}
-   * @memberof DocumentListComponent
-   */
-  documentName: string = SHARED.EMPTY;
-
-  /**
-   * Available document types for selection.
-   * @type {string[]}
-   * @memberof DocumentListComponent
-   */
-  options : any[] = SHARED.EMPTY_ARRAY;
-
-  /**
-   * The selected option for the document type.
-   * @type {(string | null)}
-   * @memberof DocumentListComponent
-   */
-  selectedOption: string | null = null;
-
-  /**
-   * The set of permissions available for this component.
-   */
-  PERMISSION = PERMISSIONS;
-  /**
-   * The file name associated with the document.
-   * It may be undefined until a file is selected or loaded.
-   * @type {string | undefined}
-   */
-  fileName!: string | undefined;
-  /**
-   * Creates an instance of DocumentListComponent.
-   * @class
-   * @param {DocumentUploadService} documentUploadService - The service responsible for uploading documents.
-   * @param {DocumentHttpService} documentHttpService - The service responsible for fetching documents from the server.
-   * @param {DocumentQuery} documentQuery - The service responsible for geting stored documents.
-   * @param {DocumentStore} documentStore - The service responsible for storing documents.
-   */
-  constructor(public documentUploadService : DocumentUploadService ,public documentHttpService : DocumentHttpService, public documentQuery : DocumentQuery, public documentStore : DocumentStore) {
-    
-   }
-
-  /** 
-   * Initializes the component by fetching the document type list.
-   */
-  ngOnInit(): void {
-      this.getDocumentTypeList();
-  }
-
-  /**
-   * Handles the click event for file upload.
-   * Prevents event propagation and displays the sidebar.
-   * @param {MouseEvent} event - The click event triggered by the user.
-   * @memberof DocumentListComponent
-   */
-  handleFileUploadClick(event: MouseEvent): void {
-    event.stopPropagation();
-    this.documentStore.setMessage(SHARED.EMPTY_ARRAY)
-    this.isSidebarVisible = SHARED.TRUE;
-  }
-
-  /**
-   * Handles the selection of an individual document.
-   * Opens a dialog to display or manage the selected document.
-   * @param {DocumentModel} document - The document that was clicked by the user.
-   * @memberof DocumentListComponent
-   */
-  handleClickForDocument(document: DocumentModel): void {
-    this.isdialogVisible = SHARED.TRUE;
-    this.selectedDocument = document;
-    this.fileName = document.fileName;
-  }
-
-  /**
-   * Handles the save click event to update the document's file name.
-   * This method creates a payload with the updated file name and calls the
-   * updateDocumentName() method from the documentHttpService. On a successful update,
-   * it logs a message with the document's ID.
-   * @returns {void}
-   */
-  handleSaveClick() {
-    const payload = { fileName: this.fileName };
-    this.documentHttpService.updateDocumentName(this.selectedDocument._id, payload)
-    .subscribe((res) => {
-      console.log(`${SHARED.UPDATE_DOCUMENT_NAME} ${this.selectedDocument._id}`);
-    })
-  }
-  /**
-   * Closes the dialog and resets the selected document.
-   * @memberof DocumentListComponent
-   */
-  handleCloseModal(): void {
-    this.selectedDocument = { _id: SHARED.EMPTY };
-    this.isdialogVisible = SHARED.FALSE;
-    this.onRefresh.emit();
-  }
-
-  /**
-   * Handles the upload action for a document.
-   * Validates if a document type is selected and logs the result.
-   * @memberof DocumentListComponent
-   */
-  handleUploadDocument(): void {
-    if (this.selectedOption) {
-      this.documentUploadService.getDocumentNameAndType(this.selectedOption);
-      this.documentUploadService.handleTemplatedUpload();
-      this.documentQuery.selectMessages().subscribe((message:Message[])=>{
-       if(message.length > 0){
-         this.messages = message;
-         this.onRefresh.emit();
-         this.selectedOption = null;
-         setTimeout(() => {
-          this.messages = SHARED.EMPTY_ARRAY
-           this.handleOpenSideBar(false);
-          }, 1000);
-        }
-      })
-    } else {
-      console.error(ERRORS.INVALID_RECIPIENT);
-    }
-  }
-
-  /** 
-   * Fetches the list of document types from the server.
-   * Updates the options array with the available document types.
-   * @memberof DocumentListComponent
-   * @returns {void}
-   */
-  getDocumentTypeList() {
-    this.documentHttpService.getDocumentTypes().subscribe({
-      /**
-       * Handles the successful API response.
-       * @param {DocumentTypeModel[]} documentTypes - The list of document types returned by the API.
-       */
-      next: (documentTypes: DocumentTypeModel[]) => {
-        if (documentTypes) {
-          this.options = documentTypes.map((doc) => ({
-            label: doc.label,
-            value: doc._id
-          }));
-        } else {
-          console.error(ERRORS.ERROR_ALLDOCUMENT_MISSING, documentTypes);
-        }
-      },
-      /**
-       * Handles errors if the request fails.
-       * @param {any} err - The error object returned by the server.
-       */
-      error: (err: any) => {
-        console.error(ERRORS.ERROR_DOCUMENT_TYPES, err);
-      }
-    });
-  }
-  
-  handleOpenSideBar(isVisible : boolean){
-    this.isSidebarVisible = isVisible
-  }
-}