cat-documents-ng 1.0.6 → 1.0.7

package/src/Shared/services/app-config.service.spec.ts

@@ -1,19 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { AppConfigService } from './app-config.service';
-import { HttpClientModule } from '@angular/common/http';
-
-describe('AppConfigService', () => {
-  let service: AppConfigService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [HttpClientModule],
-    });
-    service = TestBed.inject(AppConfigService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/Shared/services/app-config.service.ts

@@ -1,73 +0,0 @@
-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?.documentApiUrl;
-  }
-
-  /**
-   * 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/services/session.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { SessionService } from './session.service';
-
-describe('SessionService', () => {
-  let service: SessionService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(SessionService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/Shared/services/session.service.ts

@@ -1,76 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
-import { SHARED } from '../constant/SHARED';
-
-/**
- * Service for managing user session details.
- * @class SessionService
- * @typedef {SessionService}
- */
-@Injectable({
-  providedIn: 'root'
-})
-export class SessionService {
-
-  /**
-   * Creates an instance of SessionService.
-   * @param {Router} router - Angular Router for navigation.
-   */
-  constructor(public router: Router) {}
-
-  /**
-   * Retrieves the current user's role from local storage.
-   * @returns {string | null} The user's role, or null if not found.
-   */
-  getUserRole(): string | null {
-    return localStorage.getItem('role');
-  }
-
-  /**
-   * Stores the user session data in local storage.
-   * @param {any} data - The session data to store.
-   */
-  setUserSession(data: any): void {
-    localStorage.setItem(SHARED.SESSIONKEY, JSON.stringify(data));
-  }
-
-  /**
-   * Retrieves the stored user session data.
-   * @returns {any | null} The parsed session data, or null if not found.
-   */
-  getUserSession(): any | null {
-    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
-    return sessionData ? JSON.parse(sessionData) : null;
-  }
-
-  /**
-   * Retrieves the user's permissions from the stored session data.
-   * @returns {any | null} The user's permissions, or null if not found.
-   */
-  getUserPermissions(): any | null {
-    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
-    return sessionData ? JSON.parse(sessionData).permissions : null;
-  }
-
-  /**
-   * Retrieves the session ID from the stored session data.
-   * @returns {any | null} The session ID, or null if not found.
-   */
-  getSessionID(): any | null {
-    const sessionData = localStorage.getItem(SHARED.SESSIONKEY);
-    console.log(sessionData);
-    if (sessionData) {
-      const sessionId = JSON.parse(sessionData);
-      console.log(sessionId);
-      return sessionId;
-    }
-    return null;
-  }
-
-  /**
-   * Clears all stored session data from local storage.
-   */
-  clearSession(): void {
-    localStorage.clear();
-  }
-}

package/src/Shared/shared.module.ts

@@ -1,25 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TablePrimaryComponent } from './components/table-primary/table-primary.component';
-import { TableModule } from 'primeng/table';
-import { ButtonModule } from 'primeng/button';
-import { RippleModule } from 'primeng/ripple';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { HasPermissionDirective } from '../lib/document/directives/permission.directive';
-import { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';
-import { ConfirmationService } from 'primeng/api';
-
-
-@NgModule({
-  declarations: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent],
-  imports: [
-    CommonModule,
-    TableModule,
-    ButtonModule,
-    RippleModule,
-    ConfirmDialogModule
-  ],
-  providers: [ConfirmationService],
-  exports : [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent, ConfirmDialogModule]
-})
-export class SharedModule { }

package/src/lib/document/components/csv-viewer/csv-viewer.component.ts

@@ -1 +0,0 @@
-

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

@@ -1,59 +0,0 @@
-<div class="document-actions-container" *ngIf="document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'">
-  <div class="actions-card" [ngClass]="cardClass">
-    <div class="actions-buttons">
-      <button *ngIf="!document?.isUploaded" class="action-btn reject-btn" [ngClass]="rejectButtonClass"
-        (click)="onRejectClick()" [disabled]="areButtonsDisabled || isRejecting">
-        <i class="pi pi-times" *ngIf="isDocumentRejected"></i>
-        <i class="pi pi-spin pi-spinner" *ngIf="isRejecting"></i>
-        <span>{{ isDocumentRejected ? SHARED.BUTTON_LABEL_REJECTED :
-          SHARED.BUTTON_LABEL_REJECT }}</span>
-      </button>
-      <button *ngIf="!document?.isUploaded" class="action-btn accept-btn" [ngClass]="acceptButtonClass"
-        (click)="onAcceptClick()" [disabled]="areButtonsDisabled || isAccepting">
-        <i class="pi pi-check" *ngIf="isDocumentApproved"></i>
-        <i class="pi pi-spin pi-spinner" *ngIf="isAccepting"></i>
-        <span>{{ isDocumentApproved ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT
-          }}</span>
-      </button>
-    </div>
-  </div>
-</div>
-
-
-
-<p-dialog [(visible)]="showAcceptDialog" [header]="SHARED.ACCEPT_CONFIRM_HEADER" [modal]="true" [draggable]="false"
-  [closable]="true" [style]="{ width: '25rem', height: '25rem' }" styleClass="confirmation-dialog">
-  <div class="dialog-content">
-    <label for="acceptNote" class="note-label">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>
-    <textarea id="acceptNote" pInputTextarea [(ngModel)]="acceptNote" [placeholder]="SHARED.ACCEPT_NOTE_PLACEHOLDER"
-      rows="6" class="note-textarea">
-    </textarea>
-  </div>
-  <ng-template pTemplate="footer">
-    <div class="dialog-footer">
-      <button pButton [label]="SHARED.CANCEL_BUTTON_LABEL" class="p-button-secondary" (click)="onCancel()">
-      </button>
-      <button pButton [label]="SHARED.ACCEPT_BUTTON_LABEL" class="p-button-success" (click)="onAcceptConfirm()">
-      </button>
-    </div>
-  </ng-template>
-</p-dialog>
-
-<p-dialog [(visible)]="showRejectDialog" [header]="SHARED.REJECT_CONFIRM_HEADER" [modal]="true" [draggable]="false"
-  [closable]="true" [style]="{ width: '25rem', height: '25rem' }" styleClass="confirmation-dialog">
-  <div class="dialog-content">
-    <label for="rejectNote" class="note-label">{{ SHARED.REJECT_NOTE_LABEL }}</label>
-    <textarea id="rejectNote" pInputTextarea [(ngModel)]="rejectNote" [placeholder]="SHARED.REJECT_NOTE_PLACEHOLDER"
-      rows="6" class="note-textarea">
-    </textarea>
-  </div>
-  <ng-template pTemplate="footer">
-    <div class="dialog-footer">
-      <button pButton [label]="SHARED.CANCEL_BUTTON_LABEL" class="p-button-secondary" (click)="onCancel()">
-      </button>
-      <button pButton [label]="SHARED.REJECT_BUTTON_LABEL" class="p-button-danger" [disabled]="isRejectNoteEmpty"
-        (click)="onRejectConfirm()">
-      </button>
-    </div>
-  </ng-template>
-</p-dialog>

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

@@ -1,362 +0,0 @@
-.document-actions-container {
-  margin: 0;
-}
-
-.actions-card {
-  border-radius: 8px;
-  padding: 0.75rem;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-  width: 92%;
-  margin-left: 3%;
-
-  &.pending-card {
-    background-color: #f8f9fa;
-    border: 1px solid #e9ecef;
-  }
-
-  &.accepted-card {
-    background-color: #e8f5e9;
-    border: 1px solid #66bb6a;
-  }
-
-  &.rejected-card {
-    background-color: #feeaea;
-    border: 1px solid #e57373;
-  }
-
-  // StatusId-based card styles
-  &[class*="status-"] {
-    &.status-approved-card {
-      background-color: #e8f5e9;
-      border: 1px solid #66bb6a;
-    }
-
-    &.status-rejected-card {
-      background-color: #feeaea;
-      border: 1px solid #e57373;
-    }
-
-    &.status-pending-card {
-      background-color: #f8f9fa;
-      border: 1px solid #e9ecef;
-    }
-  }
-}
-
-
-
-.actions-buttons {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-}
-
-.action-btn {
-  padding: 0.5rem 1rem;
-  border-radius: 6px;
-  border: 1px solid;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  min-width: 48%;
-  justify-content: center;
-
-  &:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-
-  i {
-    font-size: 0.875rem;
-  }
-}
-
-// Reject button styles
-.reject-btn {
-  &.default-reject {
-    background-color: #ffffff;
-    border-color: #ef4444;
-    color: #ef4444;
-
-    &:hover:not(:disabled) {
-      background-color: #fef2f2;
-      border-color: #dc2626;
-    }
-  }
-
-  &.secondary-reject {
-    background-color: #f5f5f5;
-    border-color: transparent;
-    color: #4a4a4a;
-
-    &:hover:not(:disabled) {
-      background-color: #edf2f7;
-    }
-  }
-
-  &.primary-reject {
-    background-color: #feeaea;
-    border-color: #e57373;
-    color: #e57373;
-
-    &:hover:not(:disabled) {
-      background-color: #fed7d7;
-      border-color: #fc8181;
-    }
-  }
-
-  // StatusId-based reject button styles
-  &[class*="status-"] {
-    &.status-approved-reject {
-      background-color: #f5f5f5;
-      border-color: transparent;
-      color: #4a4a4a;
-
-      &:hover:not(:disabled) {
-        background-color: #edf2f7;
-      }
-    }
-
-    &.status-rejected-reject {
-      background-color: #feeaea;
-      border-color: #e57373;
-      color: #e57373;
-
-      &:hover:not(:disabled) {
-        background-color: #fed7d7;
-        border-color: #fc8181;
-      }
-    }
-
-    &.status-pending-reject {
-      background-color: #ffffff;
-      border-color: #ef4444;
-      color: #ef4444;
-
-      &:hover:not(:disabled) {
-        background-color: #fef2f2;
-        border-color: #dc2626;
-      }
-    }
-  }
-}
-
-// Accept button styles
-.accept-btn {
-  &.default-accept {
-    background-color: #3b82f6;
-    border-color: #3b82f6;
-    color: #ffffff;
-
-    &:hover:not(:disabled) {
-      background-color: #2563eb;
-      border-color: #2563eb;
-    }
-  }
-
-  &.secondary-accept {
-    background-color: #f5f5f5;
-    border-color: transparent;
-    color: #4a4a4a;
-
-    &:hover:not(:disabled) {
-      background-color: #edf2f7;
-    }
-  }
-
-  &.primary-accept {
-    background-color: #4caf50;
-    border-color: #4caf50;
-    color: white;
-
-    &:hover:not(:disabled) {
-      background-color: #45a049;
-      border-color: #45a049;
-    }
-  }
-
-  // StatusId-based accept button styles
-  &[class*="status-"] {
-    &.status-approved-accept {
-      background-color: #4caf50;
-      border-color: #4caf50;
-      color: white;
-
-      &:hover:not(:disabled) {
-        background-color: #45a049;
-        border-color: #45a049;
-      }
-    }
-
-    &.status-rejected-accept {
-      background-color: #f5f5f5;
-      border-color: transparent;
-      color: #4a4a4a;
-
-      &:hover:not(:disabled) {
-        background-color: #edf2f7;
-      }
-    }
-
-    &.status-pending-accept {
-      background-color: #3b82f6;
-      border-color: #3b82f6;
-      color: #ffffff;
-
-      &:hover:not(:disabled) {
-        background-color: #2563eb;
-        border-color: #2563eb;
-      }
-    }
-  }
-}
-
-
-
-// Dialog styles
-:host ::ng-deep .confirmation-dialog {
-  .p-dialog {
-    border-radius: 8px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    border: none;
-    overflow: hidden;
-  }
-
-  .p-dialog-header {
-    padding: 1.25rem 1.5rem;
-    background-color: white;
-    border-bottom: none;
-    border-top-right-radius:10px ;
-    border-top-left-radius:10px ;
-    .p-dialog-header-icon {
-      display: none;
-    }
-    
-    .p-dialog-title {
-      font-size: 1.125rem;
-      font-weight: 600;
-      color: #2d3748;
-      margin: 0;
-    }
-  }
-
-  .p-dialog-content {
-    padding: 1.5rem;
-    background-color: white;
-  }
-
-  .p-dialog-footer {
-    padding: 1rem 1.5rem;
-    background-color: #f7fafc;
-    border-top: 1px solid #e2e8f0;
-    display: flex;
-    gap: 0.75rem;
-    justify-content: flex-end;
-    border-bottom-right-radius:10px ;
-    border-bottom-left-radius:10px ;
-  }
-}
-
-.dialog-content {
-  .note-label {
-    display: block;
-    margin-bottom: 0.75rem;
-    font-weight: 500;
-    font-size: 0.875rem;
-    color: #2d3748;
-  }
-
-  .note-textarea {
-    width: 100%;
-    min-height: 100px;
-    padding: 0.75rem;
-    border: 1px solid #e2e8f0;
-    border-radius: 6px;
-    font-family: inherit;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    resize: vertical;
-    background-color: white;
-    color: #2d3748;
-
-    &::placeholder {
-      color: #a0aec0;
-    }
-
-    &:focus {
-      outline: none;
-      border-color: #3182ce;
-      box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.1);
-    }
-  }
-}
-
-.dialog-footer {
-  display: flex;
-  gap: 0.75rem;
-  justify-content: flex-end;
-
-  button {
-    min-width: 80px;
-    padding: 0.5rem 1rem;
-    border-radius: 6px;
-    font-weight: 500;
-    font-size: 0.875rem;
-    border: 1px solid;
-    cursor: pointer;
-    transition: all 0.2s ease;
-
-    &.p-button-secondary {
-      background-color: #f7fafc;
-      border-color: #e2e8f0;
-      color: #4a5568;
-
-      &:hover {
-        background-color: #edf2f7;
-        border-color: #cbd5e0;
-      }
-    }
-
-    &.p-button-success {
-      background-color: #38a169;
-      border-color: #38a169;
-      color: white;
-
-      &:hover {
-        background-color: #2f855a;
-        border-color: #2f855a;
-      }
-    }
-
-    &.p-button-danger {
-      background-color: #e53e3e;
-      border-color: #e53e3e;
-      color: white;
-
-      &:hover {
-        background-color: #c53030;
-        border-color: #c53030;
-      }
-    }
-  }
-}
-
-// No actions message styles
-.no-actions-message {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.5rem;
-  min-height: 40px;
-  
-  .no-actions-text {
-    color: #6b7280;
-    font-size: 0.875rem;
-    font-style: italic;
-    text-align: center;
-  }
-}