cat-documents-ng 1.0.6 → 1.0.8

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

@@ -1,297 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DocumentActionsComponent } from './document-actions.component';
-import { DocumentActionsService, DocumentAction } from '../../services/document-actions.service';
-import { DialogModule } from 'primeng/dialog';
-import { ButtonModule } from 'primeng/button';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { FormsModule } from '@angular/forms';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { SessionService } from '../../../../Shared/services/session.service';
-
-describe('DocumentActionsComponent', () => {
-  let component: DocumentActionsComponent;
-  let fixture: ComponentFixture<DocumentActionsComponent>;
-  let mockSessionService: jasmine.SpyObj<SessionService>;
-
-  beforeEach(async () => {
-    const sessionServiceSpy = jasmine.createSpyObj('SessionService', ['getUserRole']);
-
-    await TestBed.configureTestingModule({
-      declarations: [ DocumentActionsComponent ],
-      imports: [
-        DialogModule,
-        ButtonModule,
-        InputTextareaModule,
-        FormsModule
-      ],
-      providers: [ 
-        DocumentActionsService,
-        { provide: SessionService, useValue: sessionServiceSpy }
-      ]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(DocumentActionsComponent);
-    component = fixture.componentInstance;
-    mockSessionService = TestBed.inject(SessionService) as jasmine.SpyObj<SessionService>;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should identify Team Leader role correctly', () => {
-    mockSessionService.getUserRole.and.returnValue('TeamLeader');
-    expect(component['isUserTeamLeader']()).toBe(true);
-    
-    mockSessionService.getUserRole.and.returnValue('User');
-    expect(component['isUserTeamLeader']()).toBe(false);
-  });
-
-  it('should identify Underwriter role correctly', () => {
-    mockSessionService.getUserRole.and.returnValue('Underwriter User');
-    expect(component['isUserUnderwriter']()).toBe(true);
-    
-    mockSessionService.getUserRole.and.returnValue('User');
-    expect(component['isUserUnderwriter']()).toBe(false);
-  });
-
-  it('should show accept dialog when accept button is clicked', () => {
-    component.showApproveRejectActions = true;
-    fixture.detectChanges();
-    
-    const acceptButton = fixture.nativeElement.querySelector('.accept-btn');
-    acceptButton.click();
-    fixture.detectChanges();
-    
-    expect(component.showAcceptDialog).toBe(true);
-  });
-
-  it('should show reject dialog when reject button is clicked', () => {
-    component.showApproveRejectActions = true;
-    fixture.detectChanges();
-    
-    const rejectButton = fixture.nativeElement.querySelector('.reject-btn');
-    rejectButton.click();
-    fixture.detectChanges();
-    
-    expect(component.showRejectDialog).toBe(true);
-  });
-
-  it('should emit action when accept is confirmed', () => {
-    spyOn(component.actionPerformed, 'emit');
-    component.acceptNote = 'Test acceptance note';
-    
-    component.onAcceptConfirm();
-    
-    expect(component.actionPerformed.emit).toHaveBeenCalledWith({
-      type: SHARED.ACCEPT_ACTION,
-      note: 'Test acceptance note'
-    });
-    expect(component.showAcceptDialog).toBe(false);
-    expect(component.acceptNote).toBe('');
-  });
-
-  it('should emit action when reject is confirmed', () => {
-    spyOn(component.actionPerformed, 'emit');
-    component.rejectNote = 'Test rejection note';
-    
-    component.onRejectConfirm();
-    
-    expect(component.actionPerformed.emit).toHaveBeenCalledWith({
-      type: SHARED.REJECT_ACTION,
-      note: 'Test rejection note'
-    });
-    expect(component.showRejectDialog).toBe(false);
-    expect(component.rejectNote).toBe('');
-  });
-
-  describe('Button disabled state', () => {
-    it('should disable both buttons when document is approved (lowercase)', () => {
-      component.currentStatus = SHARED.STATUS_ACCEPTED;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(true);
-      expect(component.isDocumentApproved).toBe(true);
-      expect(component.isDocumentRejected).toBe(false);
-    });
-
-    it('should disable both buttons when document is approved (uppercase)', () => {
-      component.currentStatus = SHARED.STATUS_APPROVED;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(true);
-      expect(component.isDocumentApproved).toBe(true);
-      expect(component.isDocumentRejected).toBe(false);
-    });
-
-    it('should disable both buttons when document is rejected (lowercase)', () => {
-      component.currentStatus = SHARED.STATUS_REJECTED_LOWERCASE;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(true);
-      expect(component.isDocumentApproved).toBe(false);
-      expect(component.isDocumentRejected).toBe(true);
-    });
-
-    it('should disable both buttons when document is rejected (uppercase)', () => {
-      component.currentStatus = SHARED.STATUS_REJECTED;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(true);
-      expect(component.isDocumentApproved).toBe(false);
-      expect(component.isDocumentRejected).toBe(true);
-    });
-
-    it('should enable both buttons when document is pending', () => {
-      component.currentStatus = SHARED.STATUS_PENDING;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(false);
-      expect(component.isDocumentApproved).toBe(false);
-      expect(component.isDocumentRejected).toBe(false);
-    });
-
-    it('should handle undefined status gracefully', () => {
-      component.currentStatus = undefined;
-      fixture.detectChanges();
-      
-      expect(component.areButtonsDisabled).toBe(false);
-      expect(component.isDocumentApproved).toBe(false);
-      expect(component.isDocumentRejected).toBe(false);
-    });
-  });
-
-  it('should emit delete action when delete button is clicked', () => {
-    spyOn(component.actionPerformed, 'emit');
-    
-    component.onDeleteClick();
-    
-    expect(component.actionPerformed.emit).toHaveBeenCalledWith({
-      type: SHARED.DELETE_ACTION
-    });
-  });
-
-  it('should close dialogs when cancel is clicked', () => {
-    component.showAcceptDialog = true;
-    component.showRejectDialog = true;
-    component.acceptNote = 'test';
-    component.rejectNote = 'test';
-    
-    component.onCancel();
-    
-    expect(component.showAcceptDialog).toBe(false);
-    expect(component.showRejectDialog).toBe(false);
-    expect(component.acceptNote).toBe('');
-    expect(component.rejectNote).toBe('');
-  });
-
-  it('should return correct card class based on status', () => {
-    component.currentStatus = SHARED.STATUS_PENDING;
-    component.ngOnChanges({});
-    expect(component.cardClass).toBe(SHARED.CARD_PENDING);
-    
-    component.currentStatus = SHARED.STATUS_ACCEPTED;
-    component.ngOnChanges({});
-    expect(component.cardClass).toBe(SHARED.CARD_ACCEPTED);
-    
-    component.currentStatus = SHARED.STATUS_REJECTED_LOWERCASE;
-    component.ngOnChanges({});
-    expect(component.cardClass).toBe(SHARED.CARD_REJECTED);
-  });
-
-  it('should return correct button classes based on status', () => {
-    component.currentStatus = SHARED.STATUS_PENDING;
-    component.ngOnChanges({});
-    expect(component.rejectButtonClass).toBe(SHARED.BUTTON_DEFAULT_REJECT);
-    expect(component.acceptButtonClass).toBe(SHARED.BUTTON_DEFAULT_ACCEPT);
-    
-    component.currentStatus = SHARED.STATUS_ACCEPTED;
-    component.ngOnChanges({});
-    expect(component.rejectButtonClass).toBe(SHARED.BUTTON_SECONDARY_REJECT);
-    expect(component.acceptButtonClass).toBe(SHARED.BUTTON_PRIMARY_ACCEPT);
-    
-    component.currentStatus = SHARED.STATUS_REJECTED_LOWERCASE;
-    component.ngOnChanges({});
-    expect(component.rejectButtonClass).toBe(SHARED.BUTTON_PRIMARY_REJECT);
-    expect(component.acceptButtonClass).toBe(SHARED.BUTTON_SECONDARY_ACCEPT);
-  });
-
-  describe('Action Visibility Logic', () => {
-    it('should show approve/reject actions when isUploaded is false', () => {
-      component.isUploaded = false;
-      component.currentStatus = SHARED.STATUS_PENDING;
-      mockSessionService.getUserRole.and.returnValue('User');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(true);
-      expect(component.showDeleteAction).toBe(false);
-      expect(component.showNoActions).toBe(false);
-    });
-
-    it('should show delete action when isUploaded is true and user is Team Leader', () => {
-      component.isUploaded = true;
-      component.currentStatus = SHARED.STATUS_ACCEPTED;
-      mockSessionService.getUserRole.and.returnValue('TeamLeader');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(false);
-      expect(component.showDeleteAction).toBe(true);
-      expect(component.showNoActions).toBe(false);
-    });
-
-    it('should show no actions when document is in pending status', () => {
-      component.isUploaded = false;
-      component.currentStatus = SHARED.STATUS_PENDING;
-      mockSessionService.getUserRole.and.returnValue('User');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(false);
-      expect(component.showDeleteAction).toBe(false);
-      expect(component.showNoActions).toBe(true);
-    });
-
-    it('should show no actions when document is uploaded by UW and user is not Team Leader', () => {
-      component.isUploaded = true;
-      component.currentStatus = SHARED.STATUS_ACCEPTED;
-      component.document = { uploadedBy: 'UW' };
-      mockSessionService.getUserRole.and.returnValue('User');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(false);
-      expect(component.showDeleteAction).toBe(false);
-      expect(component.showNoActions).toBe(true);
-    });
-
-    it('should show delete action when document is uploaded by UW and user is Team Leader', () => {
-      component.isUploaded = true;
-      component.currentStatus = SHARED.STATUS_ACCEPTED;
-      component.document = { uploadedBy: 'UW' };
-      mockSessionService.getUserRole.and.returnValue('TeamLeader');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(false);
-      expect(component.showDeleteAction).toBe(true);
-      expect(component.showNoActions).toBe(false);
-    });
-
-    it('should show no actions when document is uploaded by UW and user is Underwriter', () => {
-      component.isUploaded = true;
-      component.currentStatus = SHARED.STATUS_ACCEPTED;
-      component.document = { uploadedBy: 'UW' };
-      mockSessionService.getUserRole.and.returnValue('Underwriter User');
-      
-      component.ngOnChanges({});
-      
-      expect(component.showApproveRejectActions).toBe(false);
-      expect(component.showDeleteAction).toBe(false);
-      expect(component.showNoActions).toBe(true);
-    });
-  });
-}); 

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

@@ -1,163 +0,0 @@
-import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { SHARED } from '../../../../Shared/constant/SHARED';
-import { DocumentActionsService, DocumentAction } from '../../services/document-actions.service';
-import { SessionService } from '../../../../Shared/services/session.service';
-
-@Component({
-  selector: 'document-actions',
-  templateUrl: './document-actions.component.html',
-  styleUrls: ['./document-actions.component.scss'],
-  standalone: false
-})
-export class DocumentActionsComponent implements OnChanges {
-  readonly SHARED = SHARED;
-  
-  @Input() document?: any;
-  @Input() documentId?: string;
-  @Input() currentStatus?: string;
-  @Input() isLoading?: boolean = false;
-  @Input() isUploaded?: boolean = false;
-  @Input() statusId?: string;
-  @Output() actionPerformed = new EventEmitter<DocumentAction>();
-
-  showAcceptDialog = false;
-  showRejectDialog = false;
-  acceptNote = SHARED.EMPTY;
-  private _rejectNote = SHARED.EMPTY;
-  userRole: any = SHARED.EMPTY;
-  // Action processing flags
-  isAccepting = false;
-  isRejecting = false;
-
-  // Computed properties for template
-  cardClass: string = SHARED.CARD_PENDING;
-  rejectButtonClass: string = SHARED.BUTTON_DEFAULT_REJECT;
-  acceptButtonClass: string = SHARED.BUTTON_DEFAULT_ACCEPT;
-  isRejectNoteEmpty: boolean = true;
-
-  // Action visibility computed properties
-  showApproveRejectActions: boolean = false;
-  showNoActions: boolean = false;
-
-  constructor(
-    private documentActionsService: DocumentActionsService,
-    private sessionService: SessionService
-  ) {}
-
-  get rejectNote(): string {
-    return this._rejectNote;
-  }
-
-  set rejectNote(value: string) {
-    this._rejectNote = value;
-    this.updateRejectNoteEmpty();
-  }
-
-  /**
-   * Checks if both action buttons should be disabled
-   * @returns {boolean} True if both buttons should be disabled
-   */
-  get areButtonsDisabled(): boolean {
-    return this.isDocumentApproved || this.isDocumentRejected;
-  }
-
-  /**
-   * Checks if the document is approved (case-insensitive)
-   * @returns {boolean} True if document is approved
-   */
-  get isDocumentApproved(): boolean {
-    return this.currentStatus?.toLowerCase() === SHARED.STATUS_ACCEPTED.toLowerCase() ||
-           this.currentStatus?.toLowerCase() === SHARED.STATUS_APPROVED.toLowerCase();
-  }
-
-  /**
-   * Checks if the document is rejected (case-insensitive)
-   * @returns {boolean} True if document is rejected
-   */
-  get isDocumentRejected(): boolean {
-    return this.currentStatus?.toLowerCase() === SHARED.STATUS_REJECTED_LOWERCASE.toLowerCase() ||
-           this.currentStatus?.toLowerCase() === SHARED.STATUS_REJECTED.toLowerCase();
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    this.updateComputedProperties();
-    if (changes['isLoading'] && !this.isLoading) {
-      this.resetActionFlags();
-    }
-  }
-
-  /**
-   * Updates computed properties based on currentStatus and statusId
-   */
-  private updateComputedProperties(): void {
-    this.cardClass = this.documentActionsService.calculateCardClass(this.currentStatus, this.statusId);
-    this.rejectButtonClass = this.documentActionsService.calculateRejectButtonClass(this.currentStatus, this.statusId);
-    this.acceptButtonClass = this.documentActionsService.calculateAcceptButtonClass(this.currentStatus, this.statusId);
-    this.updateRejectNoteEmpty();
-  }
-
-  /**
-   * Checks if the current user is a Team Leader
-   * @returns {boolean} True if user is Team Leader
-   */
-  isUserTeamLeader(): boolean {
-    this.userRole = this.sessionService.getUserRole();
-    return this.userRole === SHARED.TEAM_LEADER;
-  }
-
-  /**
-   * Checks if the current user is an Underwriter
-   * @returns {boolean} True if user is Underwriter
-   */
-  isUserUnderwriter(): boolean {
-     this.userRole = this.sessionService.getUserRole();
-    return this.userRole === SHARED.UNDERWRITER_USER;
-  }
-
-  /**
-   * Updates the isRejectNoteEmpty property based on current rejectNote value
-   */
-  updateRejectNoteEmpty(): void {
-    this.isRejectNoteEmpty = !this.rejectNote || this.rejectNote.trim() === SHARED.EMPTY;
-  }
-
-  /**
-   * Resets the action processing flags
-   */
-  private resetActionFlags(): void {
-    this.isAccepting = false;
-    this.isRejecting = false;
-  }
-
-  onAcceptClick(): void {
-    this.showAcceptDialog = true;
-  }
-
-  onRejectClick(): void {
-    this.showRejectDialog = true;
-  }
-
-
-
-  onAcceptConfirm(): void {
-    this.isAccepting = true;
-    this.actionPerformed.emit(this.documentActionsService.createAcceptAction(this.acceptNote));
-    this.acceptNote = SHARED.EMPTY;
-    this.showAcceptDialog = false;
-  }
-
-  onRejectConfirm(): void {
-    this.isRejecting = true;
-    this.actionPerformed.emit(this.documentActionsService.createRejectAction(this.rejectNote));
-    this.rejectNote = SHARED.EMPTY;
-    this.showRejectDialog = false;
-  }
-
-  onCancel(): void {
-    this.showAcceptDialog = false;
-    this.showRejectDialog = false;
-    this.acceptNote = SHARED.EMPTY;
-    this.rejectNote = SHARED.EMPTY;
-  }
-
-} 

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

@@ -1,36 +0,0 @@
-<div class="grid m-0 flex document-container-layout">
-  <div class="menu-panel col-12 md:col-2">
-    <lib-documents-menu 
-      [catagories]="catagories" 
-      [applicationNumber]="applicationNumber" 
-      [contextId]="contextId"
-      (menuItemSelected)="onMenuItemSelected($event)">
-    </lib-documents-menu>
-  </div>
-  
-  <div class="content-panel col-12 md:col-10" #contentScrollContainer>
-    <div class="content-card">
-      <lib-folder-container [contextId]="contextId" [userList]="userList"  [statusData]="statusData" [categories]="catagories"></lib-folder-container>
-    </div>
-    <div>
-      <lib-document-list  
-        [contextId]="contextId" 
-        [documentListResponse]="documentListResponse"
-        [selectedMenuItemId]="selectedMenuItemId"
-        [navigationInfo]="navigationInfo"
-        (handleSelectedDocumentInNewTab)="onDocumentSelectedInNewTab($event)"
-        (handleSelectedDocument)="onDocumentSelected($event)"
-        >
-        <ng-content></ng-content>
-      </lib-document-list>
-    </div>
-  </div>
-  <p-confirmDialog 
-    [style]="{width: '25vw'}" 
-    acceptLabel="Yes"
-    rejectLabel="No"
-    appendTo="body"
-    acceptIcon="pi pi-check"
-    rejectIcon="pi pi-times">
-  </p-confirmDialog>
-</div>

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

@@ -1,144 +0,0 @@
-// Grid Layout Styles
-.document-container-layout {
-  display: grid;
-  grid-template-columns: 1fr;
-  height: 98vh;
-  overflow: auto;
-  position: relative;
-  
-  @media (min-width: 768px) {
-    grid-template-columns: 16.6667% 1fr;
-  }
-}
-
-.menu-panel {
-  background-color: #ffffff;
-  overflow-y: auto;
-  overflow-x: hidden;
-  
-  @media (min-width: 768px) {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 16.6667%;
-  }
-  
-  // Hide scrollbar but maintain scroll functionality
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-  
-  &::-webkit-scrollbar {
-    display: none; /* Chrome, Safari and Opera */
-  }
-}
-
-.content-panel {
-  display: flex;
-  flex-direction: column;
-  height: 98vh;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 0;
-  
-  @media (min-width: 768px) {
-    margin-left: 16.6667%;
-  }
-  
-  // Ensure this is the only scrollable container
-  position: relative;
-  z-index: 10; // Higher z-index for content
-  
-  // Hide scrollbar but maintain scroll functionality
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-  
-  &::-webkit-scrollbar {
-    display: none; /* Chrome, Safari and Opera */
-  }
-}
-
-// Responsive design
-@media (max-width: 1024px) {
-  .menu-panel {
-    width: 240px;
-  }
-  
-  .content-panel {
-    margin-left: 240px;
-  }
-}
-
-@media (max-width: 768px) {
-  .document-container-layout {
-    grid-template-columns: 1fr;
-  }
-  
-  .menu-panel {
-    position: relative;
-    width: 100%;
-    height: 200px;
-    border-right: none;
-    border-bottom: 1px solid #e5e7eb;
-    z-index: auto; // Reset z-index on mobile
-  }
-  
-  .content-panel {
-    margin-left: 0;
-    flex: 1;
-  }
-}
-
-// Legacy scroll styles (keeping for backward compatibility)
-.custom-scroll{
-    overflow-y: hidden;
-    scrollbar-gutter: stable;
-  }
-  
-  .custom-scroll:hover {
-    overflow-y: auto;
-  }
-
-// Ensure no double scrollbars
-* {
-  scrollbar-width: thin;
-}
-
-// Remove problematic body overflow restrictions that break dialogs
-// body, html {
-//   overflow: hidden;
-//   height: 100%;
-// }
-
-// Override any conflicting scroll styles
-body, html {
-  height: 100%;
-  // Don't force overflow hidden as it breaks dialog positioning
-}
-
-// Override PrimeNG card styles that might cause scroll issues
-::ng-deep .p-card {
-  overflow: visible !important;
-}
-
-::ng-deep .p-card-body {
-  overflow: visible !important;
-}
-
-// Ensure dialogs appear above everything
-::ng-deep .p-dialog {
-  z-index: 9999 !important;
-}
-
-::ng-deep .p-dialog-mask {
-  z-index: 9998 !important;
-}
-
-// Ensure no nested scroll containers
-// ::ng-deep .content-panel * {
-//   overflow: visible !important;
-// }
-
-::ng-deep .content-panel .p-card {
-  overflow: visible !important;
-}