cat-documents-ng 0.0.5 → 0.0.7

package/{src/shared → projects/cat-document-lib/src/Shared}/services/app-config.service.ts

@@ -1,73 +1,73 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { firstValueFrom } from 'rxjs';
-import { URLS } from '../constant/URLS';
-
-/**
- * Service that handles loading and providing configuration settings for the application.
- * It fetches configuration data from a remote server and exposes various configuration options.
- * @class AppConfigService
- * @typedef {AppConfigService}
- */
-@Injectable({
-  providedIn: 'root'
-})
-export class AppConfigService {
-
-  /**
-   * Holds the configuration data loaded from the server.
-   * @private
-   * @type {*}
-   */
-  private appConfig: any;
-
-  /**
-   * Creates an instance of AppConfigService.
-   * Initializes the HttpClient for making HTTP requests.
-   * @class
-   * @param {HttpClient} http - The HttpClient service used for making HTTP requests.
-   */
-  constructor(private http: HttpClient) {}
-
-  /**
-   * Loads the application configuration from the server by making an HTTP request to the configuration URL.
-   * This method retrieves the configuration data and assigns it to the appConfig property.
-   * @async
-   * @returns {*}
-   */
-  async loadAppConfig() {
-    try {
-      this.appConfig = await firstValueFrom(this.http.get(URLS.CONFIGFILEURL));
-    } catch (error) {
-      throw new Error("Api url is missing.")
-    }
-  }
-  
-
-  /**
-   * Returns the base URL for the API from the loaded configuration.
-   * @readonly
-   * @type {*}
-   */
-  get apiBaseUrl() {
-    return this.appConfig?.apiUrl;
-  }
-
-  /**
-   * Returns the local server API URL from the loaded configuration.
-   * @readonly
-   * @type {*}
-   */
-  get localServerApi() {
-    return this.appConfig?.localServerApi;
-  }
-
-  /**
-   * Returns the visibility options from the loaded configuration.
-   * @readonly
-   * @type {*}
-   */
-  get visibilityOptions() {
-    return this.appConfig?.visibilityOption;
-  }
-}
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { firstValueFrom } from 'rxjs';
+import { URLS } from '../constant/URLS';
+
+/**
+ * Service that handles loading and providing configuration settings for the application.
+ * It fetches configuration data from a remote server and exposes various configuration options.
+ * @class AppConfigService
+ * @typedef {AppConfigService}
+ */
+@Injectable({
+  providedIn: 'root'
+})
+export class AppConfigService {
+
+  /**
+   * Holds the configuration data loaded from the server.
+   * @private
+   * @type {*}
+   */
+  private appConfig: any;
+
+  /**
+   * Creates an instance of AppConfigService.
+   * Initializes the HttpClient for making HTTP requests.
+   * @class
+   * @param {HttpClient} http - The HttpClient service used for making HTTP requests.
+   */
+  constructor(private http: HttpClient) {}
+
+  /**
+   * Loads the application configuration from the server by making an HTTP request to the configuration URL.
+   * This method retrieves the configuration data and assigns it to the appConfig property.
+   * @async
+   * @returns {*}
+   */
+  async loadAppConfig() {
+    try {
+      this.appConfig = await firstValueFrom(this.http.get(URLS.CONFIGFILEURL));
+    } catch (error) {
+      throw new Error("Api url is missing.")
+    }
+  }
+  
+
+  /**
+   * Returns the base URL for the API from the loaded configuration.
+   * @readonly
+   * @type {*}
+   */
+  get apiBaseUrl() {
+    return this.appConfig?.apiUrl;
+  }
+
+  /**
+   * Returns the local server API URL from the loaded configuration.
+   * @readonly
+   * @type {*}
+   */
+  get localServerApi() {
+    return this.appConfig?.localServerApi;
+  }
+
+  /**
+   * Returns the visibility options from the loaded configuration.
+   * @readonly
+   * @type {*}
+   */
+  get visibilityOptions() {
+    return this.appConfig?.visibilityOption;
+  }
+}

package/{src/shared → projects/cat-document-lib/src/Shared}/services/global-error.handler.ts

@@ -1,29 +1,29 @@
-import { ErrorHandler, Injectable, Injector } from '@angular/core';
-import { HttpErrorResponse } from '@angular/common/http';
-
-/**
- * GlobalErrorHandler is a custom error handler that implements the ErrorHandler interface.
- * It is used to handle both HTTP errors and other types of errors globally in the application.
- * @class
- * @implements {ErrorHandler}
- * @decorator {Injectable}
- */
-@Injectable()
-export class GlobalErrorHandler implements ErrorHandler {
-    /**
-     * Creates an instance of GlobalErrorHandler.
-     * @constructor
-     * @param {Injector} injector - The Angular injector used to get instances of services.
-     */
-    constructor(private injector: Injector) { }
-
-    /**
-     * Handles errors globally in the application.
-     * 
-     * @param {any} error - The error object that needs to be handled.
-     * @returns {void}
-     */
-    handleError(error: any): void {
-        console.error('GlobalErrorHandler:', error);
-    }
-}
+import { ErrorHandler, Injectable, Injector } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+
+/**
+ * GlobalErrorHandler is a custom error handler that implements the ErrorHandler interface.
+ * It is used to handle both HTTP errors and other types of errors globally in the application.
+ * @class
+ * @implements {ErrorHandler}
+ * @decorator {Injectable}
+ */
+@Injectable()
+export class GlobalErrorHandler implements ErrorHandler {
+    /**
+     * Creates an instance of GlobalErrorHandler.
+     * @constructor
+     * @param {Injector} injector - The Angular injector used to get instances of services.
+     */
+    constructor(private injector: Injector) { }
+
+    /**
+     * Handles errors globally in the application.
+     * 
+     * @param {any} error - The error object that needs to be handled.
+     * @returns {void}
+     */
+    handleError(error: any): void {
+        console.error('GlobalErrorHandler:', error);
+    }
+}

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

@@ -1,6 +1,6 @@
-<div class="grid m-0">
-    <div class="col-12 md:col-12 lg:col-12 overflow-y-scroll py-0 pl-0" >
-      <lib-folder-container [documentList]="documentList"></lib-folder-container>
-      <lib-document-list [documentList]="documentList"></lib-document-list>
-    </div>
+<div class="grid m-0">
+    <div class="col-12 md:col-12 lg:col-12 overflow-y-scroll py-0 pl-0" >
+      <lib-folder-container [documentList]="documentList"></lib-folder-container>
+      <lib-document-list [documentList]="documentList"></lib-document-list>
+    </div>
 </div>

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

@@ -1,82 +1,82 @@
-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';
-
-
-/**
- *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.
-   * @class
-   * @param {DocumentService} documentService - Service to manage document-related operations.
-   */
-  constructor(public documentService : DocumentService){
-
-  }
-  /**
-   * Get contextId in input.
-   * @type {string}
-   */
-  @Input() contextId : string = SHARED.EMPTY;
-  /**
-   * The list of dummy documents.
-   * @type {Array}
-   */
-  documentList : DocumentModel[] = []
-
-  /**
-   * Holds the subscription to manage observable cleanup.
-   * @private
-   * @type {Subscription}
-   */
-  private subscription: Subscription = new Subscription();
-
-  /** 
-   * Call document service method to get the document by contextId.
-   */
-  ngOnInit(): void {
-    const documentSubscription = this.documentService
-      .getById(`${URLS.CONTEXT}${this.contextId}`)
-      .subscribe({
-        /**
-         * Handles the successful API response.
-         * @param {DocumentModel[]} res - The list of documents returned by the API.
-         */
-        next: (res: DocumentModel[]) => {
-          if (res) {
-            this.documentList = res;
-          }
-        },
-        /**
-         * Handles errors that occur during the API call.
-         * Logs the error to the console.
-         * @param {any} err - The error object returned from the API.
-         */
-        error: (err) => {
-          throw new Error(err)
-        }
-      });
-    this.subscription.add(documentSubscription);
-  }
-
-  /** 
-   * Unsubscribe subscription on destroy of component .
-   */
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}
+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';
+
+
+/**
+ *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.
+   * @class
+   * @param {DocumentService} documentService - Service to manage document-related operations.
+   */
+  constructor(public documentService : DocumentService){
+
+  }
+  /**
+   * Get contextId in input.
+   * @type {string}
+   */
+  @Input() contextId : string = "786755";
+  /**
+   * The list of dummy documents.
+   * @type {Array}
+   */
+  documentList : DocumentModel[] = []
+
+  /**
+   * Holds the subscription to manage observable cleanup.
+   * @private
+   * @type {Subscription}
+   */
+  private subscription: Subscription = new Subscription();
+
+  /** 
+   * Call document service method to get the document by contextId.
+   */
+  ngOnInit(): void {
+    const documentSubscription = this.documentService
+      .getById(`${URLS.CONTEXT}${this.contextId}`)
+      .subscribe({
+        /**
+         * Handles the successful API response.
+         * @param {DocumentModel[]} res - The list of documents returned by the API.
+         */
+        next: (res: DocumentModel[]) => {
+          if (res) {
+            this.documentList = res;
+          }
+        },
+        /**
+         * Handles errors that occur during the API call.
+         * Logs the error to the console.
+         * @param {any} err - The error object returned from the API.
+         */
+        error: (err) => {
+          throw new Error(err)
+        }
+      });
+    this.subscription.add(documentSubscription);
+  }
+
+  /** 
+   * Unsubscribe subscription on destroy of component .
+   */
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe();
+  }
+}

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

@@ -1,35 +1,35 @@
-<div class="document-viewer">
-  <p-dialog [(visible)]="isdialogVisible" [modal]="true" (onHide)="handleCloseModel()" [style]="{ width: '100vw' }"
-    [draggable]="false" [closable]="true">
-    <document-viewer [selectedDocument]="selectedDocument"></document-viewer>
-  </p-dialog>
-</div>
-
-<div class="col-12 p-0">
-  <div class="card p-0 document-list-wrapper">
-    <p-accordion>
-      <p-accordionTab [selected]="true" 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">
-              Documents
-            </span>
-            <button pButton pRipple class="p-button-raised" 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">
-  <div class="col-12">
-    <p-sidebar [(visible)]="isSidebarVisible" position="right" [styleClass]="'right-sidebar'">
-      <lib-document-upload [contextId]="contextId"></lib-document-upload>
-    </p-sidebar>
-  </div>
+<div class="document-viewer">
+  <p-dialog [(visible)]="isdialogVisible" [modal]="true" (onHide)="handleCloseModel()" [style]="{ width: '100vw' }"
+    [draggable]="false" [closable]="true">
+    <document-viewer [selectedDocument]="selectedDocument"></document-viewer>
+  </p-dialog>
+</div>
+
+<div class="col-12 p-0">
+  <div class="card p-0 document-list-wrapper">
+    <p-accordion>
+      <p-accordionTab [selected]="true" 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">
+              Documents
+            </span>
+            <button pButton pRipple class="p-button-raised" 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">
+  <div class="col-12">
+    <p-sidebar [(visible)]="isSidebarVisible" position="right" [styleClass]="'right-sidebar'">
+      <lib-document-upload [contextId]="contextId"></lib-document-upload>
+    </p-sidebar>
+  </div>
 </div>

package/{src → projects/cat-document-lib/src}/lib/document/components/document-list/document-list.component.scss

@@ -1,12 +1,12 @@
-.document-list-wrapper{
-    .p-accordion-header-link {
-        padding: 0.5rem;
-    }
-    .p-sidebar-right{
-        width: 35%;
-    }
-}
-
-.right-sidebar{
-    width: 35%;
+.document-list-wrapper{
+    .p-accordion-header-link {
+        padding: 0.5rem;
+    }
+    .p-sidebar-right{
+        width: 35%;
+    }
+}
+
+.right-sidebar{
+    width: 35%;
 }

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

@@ -1,73 +1,73 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
-import { DocumentModel } from '../../models/document.model';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-
-
-/**
- * This component is responsible for displaying a list of documents.
- * @class DocumentListComponent
- * @typedef {DocumentListComponent}
- */
-@Component({
-  selector: 'lib-document-list',
-  standalone: false,
-  templateUrl: './document-list.component.html',
-  styleUrls: ['./document-list.component.scss'],
-  encapsulation: ViewEncapsulation.None
-})
-export class DocumentListComponent {
-
-  /**
-   * Represent contextId
-   * @type {string}
-   */
-  @Input() contextId : string = SHARED.EMPTY
-
-  selectedDocument !: DocumentModel
-  /**
-   * Default visbility of sidebar
-   * @type {boolean}
-   */
-  isSidebarVisible: boolean = SHARED.FALSE
-
-  /**
-   * Default visbility of dialog
-   * @type {boolean}
-   */
-  isdialogVisible: boolean = SHARED.FALSE
-
-  /**
-   * The list of documents to display.
-   * @type {DocumentModel[]}
-   */
-  @Input() documentList: DocumentModel[] = [];
-
-
-  /**
-   * Handles the click event for file upload.
-   * Prevents event propagation and displays the sidebar.
-   * @param {MouseEvent} event - The click event triggered by the user.
-   */
-  handleFileUploadClick(event: MouseEvent): void {
-    event.stopPropagation();
-    this.isSidebarVisible = SHARED.TRUE;
-  }
-
- 
-  /**
-   * Select a individual document.
-   * @param {*} docuemnt - The document that was clicked by the user.
-   */
-  handleClickForDocument(docuemnt: DocumentModel) {
-    this.isdialogVisible = SHARED.TRUE
-    this.selectedDocument = docuemnt
-  }
-
-  /** 
-   * Close dialog.
-   */
-  handleCloseModel(){
-    this.selectedDocument = {_id : SHARED.INITIAL_VALUE};
-    this.isdialogVisible = SHARED.FALSE
-  }
-}
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { DocumentModel } from '../../models/document.model';
+import { SHARED } from '../../../../Shared/constant/SHARED';
+
+
+/**
+ * This component is responsible for displaying a list of documents.
+ * @class DocumentListComponent
+ * @typedef {DocumentListComponent}
+ */
+@Component({
+  selector: 'lib-document-list',
+  standalone: false,
+  templateUrl: './document-list.component.html',
+  styleUrls: ['./document-list.component.scss'],
+  encapsulation: ViewEncapsulation.None
+})
+export class DocumentListComponent {
+
+  /**
+   * Represent contextId
+   * @type {string}
+   */
+  @Input() contextId : string = SHARED.EMPTY
+
+  selectedDocument !: DocumentModel
+  /**
+   * Default visbility of sidebar
+   * @type {boolean}
+   */
+  isSidebarVisible: boolean = SHARED.FALSE
+
+  /**
+   * Default visbility of dialog
+   * @type {boolean}
+   */
+  isdialogVisible: boolean = SHARED.FALSE
+
+  /**
+   * The list of documents to display.
+   * @type {DocumentModel[]}
+   */
+  @Input() documentList: DocumentModel[] = [];
+
+
+  /**
+   * Handles the click event for file upload.
+   * Prevents event propagation and displays the sidebar.
+   * @param {MouseEvent} event - The click event triggered by the user.
+   */
+  handleFileUploadClick(event: MouseEvent): void {
+    event.stopPropagation();
+    this.isSidebarVisible = SHARED.TRUE;
+  }
+
+ 
+  /**
+   * Select a individual document.
+   * @param {*} docuemnt - The document that was clicked by the user.
+   */
+  handleClickForDocument(docuemnt: DocumentModel) {
+    this.isdialogVisible = SHARED.TRUE
+    this.selectedDocument = docuemnt
+  }
+
+  /** 
+   * Close dialog.
+   */
+  handleCloseModel(){
+    this.selectedDocument = {_id : SHARED.INITIAL_VALUE};
+    this.isdialogVisible = SHARED.FALSE
+  }
+}