tango-app-ui-analyse-trax 3.9.2 → 3.9.3

package/src/lib/components/eye-test-audit/select-drop/select-drop.component.scss

@@ -0,0 +1,144 @@
+:host {
+    width: 100%;
+    height: 100%;
+}
+ 
+ 
+.outer-container {
+    // z-index: 1;
+    position: relative;
+    background-color: white;
+ 
+ 
+    .form-select {
+        font-size: 1.1rem;
+        font-weight: 600;
+        border-radius: 8px !important;
+        color: var(--Gray-500, #344054);
+        border: 1px solid var(--Gray-300, #D0D5DD) !important;
+        height: 42.5px;
+    }
+ 
+    .disable-input{
+        pointer-events: none;
+        background-color: #F9FAFB !important;
+    }
+ 
+    .input-container {
+        position: absolute;
+        width: 100%;
+        z-index: 1;
+ 
+        .input-wrapper {
+            padding: 8px 10px;
+            background-color: white;
+            border-top-right-radius: 8px;
+            border-top-left-radius: 8px;
+            border-top: 1px solid rgba(16, 24, 40, 0.08);
+            border-right: 1px solid rgba(16, 24, 40, 0.08);
+            border-left: 1px solid rgba(16, 24, 40, 0.08);
+ 
+ 
+            input {
+                width: 100%;
+                border-radius: 8px;
+                border: 1px solid var(--Gray-300, #D0D5DD);
+                background: var(--White, #FFF);
+                box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+                padding: 10px 14px 10px 30px;
+                outline: none;
+ 
+                ::placeholder {
+                    color: var(--Gray-500, #667085);
+                    font-family: Inter;
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 20px;
+                }
+            }
+ 
+            .search-icon {
+                position: absolute;
+                left: 20px;
+                top: 20px;
+            }
+        }
+ 
+        ul {
+            position: relative;
+            background-color: white;
+            margin: 0;
+            padding: 0;
+            max-height: 200px;
+            min-height: auto;
+            overflow-y: auto;
+            border-bottom-right-radius: 8px;
+            border-bottom-left-radius: 8px;
+            border-bottom: 1px solid rgba(16, 24, 40, 0.08);
+            border-right: 1px solid rgba(16, 24, 40, 0.08);
+            border-left: 1px solid rgba(16, 24, 40, 0.08);
+ 
+            .selected{
+                background: #F9FAFB;
+            }
+ 
+            li {
+                list-style: none;
+                padding: 10px 16px;
+                cursor: pointer;
+ 
+                label{
+                    cursor: pointer;
+                }
+ 
+            }
+ 
+            li:hover{
+                background: #F9FAFB;
+            }
+ 
+        }
+ 
+    }
+ 
+}
+ 
+.form-check {
+    display: flex;
+    align-items: center;
+}
+ 
+.form-check-input {
+    height: 16px;
+    width: 16px;
+    border-radius: 4px;
+    border: 1px solid var(--Primary-600, #00A3FF);
+}
+ 
+.form-check-input:checked {
+    --bs-form-check-bg-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgBhY7NDUBQEIRnqcJNKXTg6qYTStCB+Isy6IQSNMDa9SLh5eWZZPcw+81kCX/quABhD73QyKXsGoyIvNCJSto2hEhNtY4N9cwYeMXEsVqB1GaSauRQOpty2tSmO3FgloAmF5nEhgyoesMO6CuFW66fn2xdFyA3ZzcRLrMAAAAASUVORK5CYII=');
+    background-color: #EAF8FF;
+    border-color: #00A3FF;
+}
+ 
+.form-check-label {
+    color: var(--Gray-700, #344054);
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+}
+
+.select-value{
+    border-radius: 16px !important;
+background: var(--Gray-100, #F2F4F7) !important;
+mix-blend-mode: multiply;
+color: var(--Gray-700, #344054) !important;
+text-align: center;
+font-size: 13px;
+font-style: normal;
+font-weight: 500;
+line-height: 20px;
+padding: 4px 12px 4px 6px;
+}

package/src/lib/components/eye-test-audit/select-drop/select-drop.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SelectDropComponent } from './select-drop.component';
+
+describe('SelectDropComponent', () => {
+  let component: SelectDropComponent;
+  let fixture: ComponentFixture<SelectDropComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [SelectDropComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(SelectDropComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/eye-test-audit/select-drop/select-drop.component.ts

@@ -0,0 +1,152 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, HostListener, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
+import { EyeTestAuditService } from '../services/eye-test-audit.service';
+
+@Component({
+  selector: 'lib-select-drop',
+  templateUrl: './select-drop.component.html',
+  styleUrl: './select-drop.component.scss'
+})
+export class SelectDropComponent implements OnInit,OnChanges {
+ @HostListener('document:click', ['$event'])
+  onClick(event: MouseEvent) {
+    const target = event.target as HTMLElement;
+    if (!target.closest('.dropdown')) {
+      this.showDropdown = false;
+    }
+  }
+ 
+  @Input() items: any
+  @Input() searchField: string
+  @Input() multi: boolean
+  @Input() idField: string
+  @Input() selectedValues: any = []
+  @Input() disabled: boolean | undefined
+  @Input() label: string
+  @Output() selected = new EventEmitter<any>()
+  filteredValues: any = []
+  showDropdown: boolean
+  searchValue: string
+  instanceId: any;
+ 
+ 
+  constructor(private cd: ChangeDetectorRef, private authService:EyeTestAuditService) { }
+  ngOnInit(): void {
+    this.instanceId = crypto.randomUUID();
+    this.authService.dropDownTrigger.subscribe((e)=>{           
+      if(e !== this.instanceId){        
+        this.showDropdown = false
+        this.cd.detectChanges()
+      }
+    })
+  }
+ 
+  ngOnChanges(changes: SimpleChanges): void {
+ 
+    if (changes['items'] && this.items?.length) {
+      this.initializeItems();
+    }
+    if (changes['selectedValues'] && Array.isArray(changes['selectedValues']?.currentValue) && changes['selectedValues']?.currentValue?.length > 0 && changes['selectedValues']?.currentValue[0]) {            
+      this.updateSelectedValues();
+    }
+  }
+ 
+  initializeItems() {
+    this.filteredValues = this.items.map((item: any) => ({ ...item }));
+    this.updateSelectedValues()
+     this.cd.detectChanges();
+  }
+ 
+  updateSelectedValues() {
+    // First, reset all items to unchecked
+    this.filteredValues?.forEach((item: any) => {
+      item.isSelected = false;
+    });
+    // Then, set only the items in selectedValues to checked
+    this.selectedValues?.forEach((selectedItem: any) => {
+      const item = this.filteredValues?.find((filteredItem: any) => filteredItem?.[this.idField] === selectedItem?.[this.idField]);
+      if (item) {
+        item.isSelected = true;
+      }
+    });
+    this.cd.detectChanges();
+  }
+ 
+  openDropdown(event: any) {
+    this.authService.dropDownTrigger.next(this.instanceId)
+    event.stopPropagation();
+    this.showDropdown = !this.showDropdown;
+  }
+ 
+  onInput(event: any) {
+    if (!event.target.value) {
+      this.filteredValues = [...this.items];
+    } else {
+      const searchTerm = event.target.value.toLowerCase();
+      this.filteredValues = this.items.filter((item: any) =>
+        item[this.searchField].toLowerCase().includes(searchTerm)
+      );
+    }
+    this.updateSelectedValues();
+    this.cd.detectChanges();
+  }
+ 
+  onSelect(event: any, item: any) {    
+    if (this.multi) {
+      if (event.currentTarget.checked) {
+        this.selectedValues.push(item );        
+      } else {
+        this.selectedValues = this.selectedValues.filter((elem: any) => elem[this.idField] !== item[this.idField]);
+      }
+    } else {
+      this.selectedValues = [{ ...item }];
+      this.filteredValues.forEach((element:any) => {
+        if(element[this.idField] !== item[this.idField]){
+          element.isSelected = false
+        }
+      });
+      this.showDropdown = false;
+    }
+ 
+    const valuesToEmit = this.selectedValues.map((value: any) => {
+      const selectedItem = { ...value };
+      delete selectedItem.isSelected;
+      return selectedItem;
+    });
+ 
+    this.cd.detectChanges();
+    this.emitSelectedValues(valuesToEmit);
+ 
+  }
+ 
+  onSelectAll(event: any) {
+    const selectAll = event.currentTarget.checked;
+    this.filteredValues.forEach((item: any) => item.isSelected = selectAll);
+ 
+    if (selectAll) {
+      this.selectedValues = [...this.filteredValues];
+    } else {
+      this.selectedValues = [];
+    }
+ 
+    const valuesToEmit = this.selectedValues.map((value: any) => {
+      const { isSelected, ...selectedItem } = value;
+      return selectedItem;
+    });
+ 
+    this.cd.detectChanges();
+    this.emitSelectedValues(valuesToEmit);
+  }
+ 
+ 
+  emitSelectedValues(values: any[]) {
+    if (this.multi) {
+      this.selected.emit(values);
+    } else {
+      this.selected.emit(values[0]);
+    }
+  }
+ 
+  checkIfAllSelected() {
+    return this.filteredValues.every((item: any) => item.isSelected);
+  }
+}

package/src/lib/components/eye-test-audit/services/eye-test-audit.service.spec.ts

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

package/src/lib/components/eye-test-audit/services/eye-test-audit.service.ts

@@ -0,0 +1,190 @@
+import { Injectable, OnDestroy } from "@angular/core";
+import { BehaviorSubject, Subject, Observable, takeUntil } from "rxjs";
+import { GlobalStateService } from "tango-app-ui-global";
+import {
+  HttpClient,
+  HttpErrorResponse,
+  HttpParams,
+} from "@angular/common/http";
+import * as FileSaver from 'file-saver';
+import * as XLSX from 'xlsx';
+
+const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+const EXCEL_EXTENSION = '.xlsx';
+const CSV_TYPE = 'text/csv;charset=utf-8';
+const CSV_EXTENSION = '.csv';
+@Injectable({
+  providedIn: "root",
+})
+export class EyeTestAuditService implements OnDestroy {
+  dropDownTrigger = new BehaviorSubject<any>(null);
+  eyeTestauditApiUrl: any;
+  userApiUrl: any;
+  auditAnalyticsApiUrl: any;
+  constructor(private http: HttpClient, private gs: GlobalStateService) {
+    this.gs.environment.pipe(takeUntil(this.destroy$)).subscribe((env) => {
+      if (env) {
+        this.eyeTestauditApiUrl = env.eyeTestauditApiUrl;
+        this.userApiUrl = env.userApiUrl;
+        this.auditAnalyticsApiUrl = env.auditAnalyticsApiUrl;
+      }
+    });
+  }
+  public auditFilterData: any = null;
+  private readonly destroy$ = new Subject();
+
+  ngOnDestroy(): void {
+    this.destroy$.next(true);
+    this.destroy$.complete();
+  }
+
+  getEyeTestlist(data: any): Observable<any> {
+return this.http.post(`${this.eyeTestauditApiUrl}/summary-list`, data);
+    // old one return this.http.post(`${this.eyeTestauditApiUrl}/get-list`, data);
+  }
+  
+  getEyeTestTableExport(data: any): Observable<any> {
+    return this.http.post(`${this.eyeTestauditApiUrl}/summary-list`, data, {
+      responseType: 'arraybuffer'
+    });
+    // old one
+    // return this.http.post(`${this.eyeTestauditApiUrl}/get-list`, data, {
+    //   responseType: 'arraybuffer'
+    // });
+  }
+  getAuditHistory(payload: any) {
+    return this.http.get(
+      `${this.eyeTestauditApiUrl}/get-file-history/${payload?.id}/${payload.type}`
+    );
+  }
+  submitAudit(payload: any) {
+    return this.http.post(`${this.eyeTestauditApiUrl}/save`, payload);
+  }
+  cancelAuditFile(payload: any) {
+    return this.http.post(`${this.eyeTestauditApiUrl}/cancel`, payload);
+  }
+  getAuditdetails(payload: any) {
+    return this.http.get(
+      `${this.eyeTestauditApiUrl}/view-file/${payload?.id}`
+    );
+  }
+  viewAuditHistory(payload: any) {
+    return this.http.get(
+      `${this.eyeTestauditApiUrl}/user-audited-data/${payload?.id}`
+    );
+  }
+  getAuditFile(payload: any) {
+    return this.http.get(
+      `${this.eyeTestauditApiUrl}/get-file/${payload?.id}`
+    );
+  }
+  public exportAsExcelFile(json: any[], excelFileName: string): void {
+    if (!Array.isArray(json)) {
+      console.error('Invalid JSON data passed. Expected an array.', json);
+      return;
+    }
+  
+    const worksheet: XLSX.WorkSheet = XLSX.utils?.json_to_sheet(json);
+    const workbook: XLSX.WorkBook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
+    const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+    this.saveAsExcelFile(excelBuffer, excelFileName);
+  }
+  
+   
+    public saveAsExcelFile(buffer: any, fileName: string): void {
+      const data: Blob = new Blob([buffer], {
+        type: EXCEL_TYPE
+      });
+      FileSaver.saveAs(data, fileName + 'list' + EXCEL_EXTENSION);
+    }
+      public saveAsTemplate(buffer: any, fileName: string): void {
+        const data: Blob = new Blob([buffer], {
+          type: EXCEL_TYPE
+        });
+        FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);
+      }
+      public exportAsCSVFile(json: any[], excelFileName: string, identifier?: any[]): void {
+        const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(json);
+    
+        const csvOutput: string = XLSX.utils.sheet_to_csv(worksheet);
+        this.saveAsCSVFile(csvOutput, excelFileName);
+      }
+      private saveAsCSVFile(buffer: any, fileName: string): void {
+        const data: Blob = new Blob([buffer], {
+          type: CSV_TYPE
+        });
+        FileSaver.saveAs(data, fileName + CSV_EXTENSION);
+      }
+
+
+
+      // new code added for eye test Apis
+
+      getRmList(client: any): Observable<any> {
+        return this.http.get(`${this.eyeTestauditApiUrl}/rm-list?clientId=${client}`);
+      }
+      getClusters(data: any): Observable<any> {
+        return this.http.post(`${this.eyeTestauditApiUrl}/cluster-list`,data);
+      }
+      getuserList(data: any): Observable<any> {
+        return this.http.post(`${this.userApiUrl}/list`, data);
+      } 
+      getUserConfigList(client: any): Observable<any> {
+        return this.http.get(`${this.eyeTestauditApiUrl}/get-user-config?clientId=${client}`);
+      }
+
+        updateUserConfig(data: any): Observable<any> {
+        return this.http.put(`${this.eyeTestauditApiUrl}/update-user-config`, data);
+      }
+
+       getEmailConfigList(client: any): Observable<any> {
+        return this.http.get(`${this.eyeTestauditApiUrl}/get-email-config?clientId=${client}`);
+      }
+
+        updateEmailConfig(id:any,data: any): Observable<any> {
+        return this.http.put(`${this.eyeTestauditApiUrl}/update-email-config?_id=${id}`, data);
+      }
+
+      getCard(data:any): Observable<any> {
+        return this.http.post(`${this.eyeTestauditApiUrl}/summary-card`,data);
+      }
+   getConversationDetails(docId: string): Observable<any> {
+        return this.http.get(`${this.eyeTestauditApiUrl}/get-conversation-details/${docId}`);
+      }
+
+   getEmailLog(data:any): Observable<any> {
+        return this.http.post(`${this.eyeTestauditApiUrl}/email-alert-log`,data);
+      }
+
+       getEmailLogExport(data:any): Observable<any> {
+        return this.http.post(`${this.eyeTestauditApiUrl}/email-alert-log`,data,{
+      responseType: 'arraybuffer'
+    });
+      }
+       private auditData: any;
+
+  setAuditData(data: any) {
+    this.auditData = data;
+  }
+
+  getAuditData() {
+    return this.auditData;
+  }
+
+  chatStream(data: any): Observable<string> {
+    return new Observable(observer => {
+      this.http.post<{ code: number; status: string; data: { text: string }[] }>(
+        `${this.auditAnalyticsApiUrl}/ai-stream-response`, data
+      ).subscribe({
+        next: (res) => {
+          if (res?.data?.length) {
+            const fullText = res.data.map((item: any) => item.text).join('');
+            observer.next(fullText);
+          }
+          observer.complete();
+        },
+        error: (err) => observer.error(err)
+      });
+    });
+  }
+}

package/src/lib/components/flag-layout/flag-layout.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/src/lib/components/flag-layout/flag-layout.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FlagLayoutComponent } from './flag-layout.component';
+
+describe('FlagLayoutComponent', () => {
+  let component: FlagLayoutComponent;
+  let fixture: ComponentFixture<FlagLayoutComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [FlagLayoutComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(FlagLayoutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/components/flag-layout/flag-layout.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-flag-layout',
+  templateUrl: './flag-layout.component.html',
+  styleUrl: './flag-layout.component.scss'
+})
+export class FlagLayoutComponent {
+
+}