cat-qw-lib 0.0.2 → 0.0.3

package/src/lib/shared/services/session.service.ts

@@ -1,37 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
-import { SHARED } from '../constant/SHARED';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class SessionService {
-
-  constructor(public router : Router) {
-
-   }
-
-   getUserRole() {
-    const role = sessionStorage.getItem('role');
-    return role;
-  }
-
-   setUserSession(data: any): void {
-    sessionStorage.setItem(SHARED.SESSIONKEY, JSON.stringify(data));
-  }
-
-  getUserSession(): any {
-    const sessionData = sessionStorage.getItem(SHARED.SESSIONKEY);
-    return sessionData ? JSON.parse(sessionData) : null;
-  }
-
-
-   getSessionID(){
-    return 1;
-   }
-
-   clearSession(): void {
-    sessionStorage.clear();
-    localStorage.clear();
-  }
-}

package/src/lib/shared/services/table.builder.ts

@@ -1,38 +0,0 @@
-import { Injectable } from "@angular/core";
-import { TablePrimaryModel } from "../table-primary/models/table-primary.model";
-import { SHARED } from "../constant/SHARED";
-import { TablePrimaryHeaderModel } from "../table-primary/models/table-primary-header.model";
-
-
-@Injectable({
-    providedIn:'root'
-})
-export class TableBuilder{
-
-    public hiddenHeaders: string[] = [];
-    buildTable(records: any[], headerWidths?: { [key: string]: string }): TablePrimaryModel {
-        const table = new TablePrimaryModel();
-        table.records = records;
-        if (records && records.length > 0) {
-          table.headers = this.buildHeaders(Object.keys(records[0]),headerWidths);
-        } else {
-          table.headers = [];
-        }
-        return table;
-      }
-    
-      private buildHeaders(keys: string[], headerWidths: { [key: string]: string } | undefined): TablePrimaryHeaderModel[] {
-       
-        const headers: TablePrimaryHeaderModel[] = [];
-        const filteredKeys = keys.filter(
-          key => key !== SHARED.ID && !this.hiddenHeaders.includes(key) // hide headers
-        );
-        for (const key of filteredKeys) {
-          const header = new TablePrimaryHeaderModel();
-          header.name = key;
-          if(headerWidths) header.width = headerWidths[key] || SHARED.WIDTH_AUTO;
-          headers.push(header);
-        }
-        return headers;
-      }
-}

package/src/lib/shared/services/validator.service.spec.ts

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

package/src/lib/shared/services/validator.service.ts

@@ -1,13 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ValidatorService {
-
-  constructor() { }
-
-  handleValidateRecords(record:any){
-    return true
-  }
-}

package/src/lib/shared/shared.module.ts

@@ -1,62 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { DropdownModule } from 'primeng/dropdown';
-import { InputGroupModule } from 'primeng/inputgroup';
-import { ButtonModule } from 'primeng/button';
-import { CardModule } from 'primeng/card';
-import { SidebarModule } from 'primeng/sidebar';
-import { SidebarComponent } from './components/sidebar/sidebar.component';
-import { CheckBoxComponent } from './controls/check-box/check-box.component';
-import { DragDropModule } from 'primeng/dragdrop';
-import { FormContainerComponent } from './components/form-container/form-container.component';
-import { BaseListComponent } from './_base/base-list/base-list.component';
-import { DropdownComponent } from './controls/dropdown/dropdown.component'
-import { BaseFormComponent } from './_base/base-form/base-form.component';
-import { TextBoxComponent } from './controls/text-box/text-box.component';
-import { InputTextareaModule } from 'primeng/inputtextarea';
-import { DividerModule } from 'primeng/divider';
-import { DateComponent } from './controls/date/date.component';
-import { DialogModule } from 'primeng/dialog';
-import { TimelineModule } from 'primeng/timeline';
-import { ListboxModule } from 'primeng/listbox';
-import { CheckboxModule } from 'primeng/checkbox';
-import { FileUploadComponent } from './controls/file-upload/file-upload.component';
-import { FileUploadModule } from 'primeng/fileupload';
-import { CapitalizeWordsPipe } from './pipe/capitalize-words.pipe';
-import { TextAreaComponent } from './controls/text-area/text-area.component';
-@NgModule({
-    
-    declarations: [ SidebarComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    InputTextModule,
-    ButtonModule,
-    DropdownModule,
-    InputGroupModule,
-    CardModule,
-    SidebarModule,
-    CheckBoxComponent,
-    DragDropModule,
-    FormContainerComponent,
-    BaseListComponent,
-    DropdownComponent,
-    BaseListComponent,
-    TextBoxComponent,
-    InputTextareaModule,
-    DividerModule,
-    DateComponent,
-    DialogModule,
-    TimelineModule,
-    ListboxModule,
-    CheckboxModule,
-    FileUploadComponent,
-    FileUploadModule,
-    CapitalizeWordsPipe,
-    TextAreaComponent
-  ],
-  exports: [ CapitalizeWordsPipe,TextBoxComponent,FormsModule,ListboxModule,DialogModule, CheckboxModule,DropdownComponent,FormContainerComponent, BaseListComponent, SidebarComponent, DividerModule, CardModule]
-})
-export class SharedModule { }

package/src/lib/shared/state/base.query.ts

@@ -1,48 +0,0 @@
-import { QueryEntity } from '@datorama/akita';
-import { BaseEntityState, BaseStore } from './base.store';
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-import { BaseModel } from '../models/base.model';
-
-@Injectable({ providedIn: 'root' })
-export class BaseQuery<T extends BaseModel> extends QueryEntity<BaseEntityState<T>, T> {
-    constructor(protected override store: BaseStore<T>) {
-        super(store);
-    }
-
-    selectAllEntities() {
-        return this.selectAll();
-    }
-
-    selectEntityById(id: string) {
-        return this.selectEntity(id);
-    }
-
-    getLists(): Observable<any> {
-        return this.select(state => state.lists);
-    }
-
-    getRecordChange() {
-        return this.store.recordChange$.asObservable();
-    }
-
-    getOnDocumentAccept() {
-        return this.store.onDocumentAccept$.asObservable();
-    }
-
-    getonDailogClose() {
-        return this.store.onDailogClose$.asObservable();
-    }
-
-    getOpenDocument() {
-        return this.store.openDocument$.asObservable();
-    }
-
-    getAlertMessage() {
-        return this.store.alertMessage$.asObservable();
-    }
-
-  
-
-    
-}

package/src/lib/shared/state/base.service.ts

@@ -1,69 +0,0 @@
-import { Injectable, Injector } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
-import { BaseStore } from './base.store';
-import { SHARED } from '../constant/SHARED';
-import { BaseModel } from '../models/base.model';
-import { AppConfigService } from '../services/app-config.service';
-import { ListService } from '../services/list.service';
-
-@Injectable({providedIn:'root'})
-export class BaseService<T extends BaseModel> {
-    public _pathName: string = SHARED.EMPTY;
-    protected lists!:string[];
-    protected http: HttpClient;
-    protected list!:[]
-    constructor(http: HttpClient, private store: BaseStore<T>, private appConfigService: AppConfigService, protected listService : ListService) {
-        
-        this.http = http;
-    }
-    
-
-    get apiUrl(): string {
-        return this.appConfigService.apiBaseUrl;
-    }
-
-    set pathName(value: string) {
-        this._pathName = value;
-    }
-
-    async initList() {
-       let response = await this.listService.getLists(this.list)
-          if (response && response.length > 0) {
-            this.store.setList(response as any)
-          }
-      
-    }   
-
-    create(entity: T): Observable<T> {
-        return this.http.post<T>(this.apiUrl + this._pathName, entity).pipe(
-            tap((newEntity: T) => this.store.add(newEntity))
-        );
-    }
-
-    getAll(): Observable<T[]> {
-        return this.http.get<T[]>(this.apiUrl + this._pathName).pipe(
-            tap((entities: T[]) => this.store.set(entities))
-        );
-    }
-
-    getById(id: string): Observable<T> {
-        return this.http.get<T>(`${this.apiUrl}${this._pathName}/${id}`).pipe(
-            tap((entity: T) => this.store.upsert(id, entity))
-        );
-    }
-
-    update(id: string, entity: T): Observable<T> {
-        return this.http.put<T>(`${this.apiUrl}${this._pathName}/${id}`, entity).pipe(
-            tap((updatedEntity: T) => this.store.update(id, updatedEntity))
-        );
-    }
-
-    delete(id: string): Observable<void> {
-        return this.http.delete<void>(`${this.apiUrl}${this._pathName}/${id}`).pipe(
-            tap(() => this.store.remove(id))
-        );
-    }
- 
-}

package/src/lib/shared/state/base.state.ts

@@ -1,6 +0,0 @@
-
-import { EntityState } from "@datorama/akita"
-export class BaseState {
-    records !: any[]; 
-    lists !: any[];
-}

package/src/lib/shared/state/base.store.ts

@@ -1,56 +0,0 @@
-import { Injectable } from '@angular/core';
-import { EntityState, EntityStore, StoreConfig } from '@datorama/akita';
-import { BaseState } from './base.state';
-import { BehaviorSubject } from 'rxjs';
-import { BaseModel } from '../models/base.model';
-export interface BaseEntityState<T> extends BaseState, EntityState<T> {
-    
-}
-
-@StoreConfig({ name: 'base' })
-@Injectable({ providedIn: 'root' })
-export class BaseStore<T extends BaseModel> extends EntityStore<BaseEntityState<T>, T> {
-    static storeName = 'base';
-  public recordChange$: BehaviorSubject<any>;
-  public onDocumentAccept$: BehaviorSubject<any>;
-  public onDailogClose$: BehaviorSubject<any>;
-  public openDocument$: BehaviorSubject<any>;
-  public alertMessage$: BehaviorSubject<any>;
-
-  constructor() {
-    super({ records: [], lists: [] }, { name: BaseStore.storeName });  
-    this.recordChange$ = new BehaviorSubject<any>([]);
-    this.onDocumentAccept$ = new BehaviorSubject<any>({});
-    this.onDailogClose$ = new BehaviorSubject<boolean>(false);
-    this.openDocument$ = new BehaviorSubject<any>({});
-    this.alertMessage$ = new BehaviorSubject<string>('');
-    }
-
-    setList(data: T[]) {
-        this.update({ lists: data });
-    }
-
-    setRecordChange(value: any) {
-        this.recordChange$.next(value);
-    }
-
-    setOnDocumentAccept(value: any) {
-        this.onDocumentAccept$.next(value);
-    }
-
-    setOnDailogClose(value: any) {
-        this.onDailogClose$.next(value);
-    }
-
-    setOpenDocument(value: any) {
-        this.openDocument$.next(value);
-    }
-
-    setAlertMessage(value: any) {
-        this.alertMessage$.next(value);
-    }
-
-    
- 
-   
-}

package/src/lib/shared/table-primary/components/table-primary.component.html

@@ -1,56 +0,0 @@
-<p-table #dt2 [columns]="table.headers" class="table-primary-container" [value]="table.records">
-    <ng-template pTemplate="caption">
-        <div class="table-header-wrapper flex align-items-center justify-content-between">
-            <h3 class="text-color table-title-wrapper text-color m-0">{{title}}</h3>
-            <div class="flex align-items-center justify-content-between w-full">
-            <div class="flex justify-content-end w-full" *ngIf="showSearchBar">
-                <input pInputText type="text" [(ngModel)]="globalFilter" (input)="dt2.filterGlobal($event, 'contains')"
-                [placeholder]="'Search ' + title + '...'" class="search-input-wrapper w-4" />
-                <p-button icon="pi pi-cog" class="setting-icon-wrapper ml-3"></p-button>
-            </div>
-            </div>
-        </div>
-    </ng-template>
-
-    <!-- Header Template -->
-    <ng-template pTemplate="header" let-columns>
-        <tr *ngIf="table.headers.length > 0">
-            <th *ngFor="let col of table.headers" class="p-4" [pSortableColumn]="col.name" [ngClass]="col.width">
-            <h4 class="flex align-items-center table-header-title capitalize text-color font-semibold m-0">
-                {{ col.name }}
-                <p-sortIcon [field]="col.name" />
-            </h4>
-          </th>
-            <th *ngIf="showActions" class="table-action-title p-4 w-2">
-            <h4 class="text-color font-semibold table-header-title capitalize m-0">Actions</h4></th>
-        </tr>
-    </ng-template>
-
-    <!-- Table Body -->
-    <ng-template pTemplate="body" let-rowData>
-        <tr *ngIf="table.headers.length > 0" class="table-row-wrapper relative table-group-wrapper">
-            <td class="text-left p-4" *ngFor="let col of table.headers">
-                <div class="table-text-wrapper p-0" 
-                [ngClass]="{
-                    'enable-badge-wrapper': col.name.toLowerCase() === 'status' && rowData[col.name] === 'Enable',
-                    'disable-badge-wrapper': col.name.toLowerCase() === 'status' && rowData[col.name] === 'Disable',
-                    'w-8': col.name.toLowerCase() === 'status',
-                    'text-primary font-semibold': col.name.toLowerCase() === 'action' || col.name.toLowerCase() === 'name'
-                  }"
-                  >
-                    {{ rowData[col.name] }}
-                    <p *ngIf="col.name.toLowerCase() === 'action'" class="text-color font-normal">{{rowData['apiEndPoint']}}</p>
-                  </div>
-            </td>
-
-            <!-- Actions -->
-            <td *ngIf="showActions" class="action-data-wrapper text-left p-4">
-                    <div class="flex align-items-center">
-                        <p-button icon="pi pi-pencil" (click)="handleEditClick(rowData._id)" class="edit-icon-wrapper mr-3"></p-button>
-                        <p-button icon="pi pi-trash" (click)="deleteRow(rowData)" class="delete-icon-wrapper mr-3"></p-button>
-                    </div>
-            </td>
-            <p-button icon="pi pi-eye" (click)="viewRow(rowData)" class="view-icon-wrapper icon-position-wrapper table-group-wrapper-hover:visible"></p-button>
-        </tr>
-    </ng-template>
-</p-table>

package/src/lib/shared/table-primary/components/table-primary.component.scss

@@ -1,187 +0,0 @@
-.table-header-container {
-    padding: 20px 20px 20px 8px;
-  }
-  
-  .table-header-title {
-    font-size: 14px;
-  }
-  
-  .table-text-wrapper {
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: normal;
-    max-width: 100%;
-    padding: 0.5rem;
-    box-sizing: border-box;
-  }
-  
-  .table-title-wrapper {
-    font-size: 20px;
-    font-weight: 700;
-  }
-  
-  .table-action-title {
-    border-radius: 0 10px 0 0;
-    border-right: 1px solid rgba(68, 72, 109, 0.10) !important;
-  }
-  
-  .action-data-wrapper {
-    border-right: 1px solid rgba(68, 72, 109, 0.10) !important;
-  }
-  
-  .enable-badge-wrapper {
-    border-radius: 4px;
-    background: var(--green-500);
-    color: var(--surface-0);
-    text-align: center;
-    padding: 5px !important;
-  }
-  
-  .disable-badge-wrapper {
-    border-radius: 4px;
-    background: #44486D;
-    color: var(--surface-0);
-    text-align: center;
-    padding: 5px !important;
-  }
-  
-  .search-input-wrapper {
-    height: 50px;
-    border-radius: 10px;
-    border: 1px solid rgba(76, 98, 146, 0.10);
-    background: rgba(76, 98, 146, 0.04);
-  }
-  
-  .table-row-wrapper {
-    position: relative;
-    transition: all 0.3s ease-in-out;
-  }
-  
-  .icon-position-wrapper {
-    position: absolute;
-    top: 50%;
-    left: 16%;
-    transform: translate(-50%, -50%);
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-  }
-  
-  .table-row-wrapper:hover .icon-position-wrapper {
-    opacity: 1;
-    visibility: visible;
-  }
-  
-  .table-group-wrapper:hover .icon-position-wrapper {
-    visibility: visible;
-    opacity: 1;
-  }
-  
-  ::ng-deep {
-    .edit-icon-wrapper {
-      .p-button {
-        border-radius: 10px;
-        border: 1px solid rgba(76, 98, 146, 0.10);
-        background: #EEF0F5;
-        padding: 12px 20px;
-  
-        .pi-pencil {
-          color: var(--primary-color);
-        }
-      }
-    }
-  
-    .delete-icon-wrapper {
-      .p-button {
-        border-radius: 10px;
-        border: 1px solid rgba(76, 98, 146, 0.10);
-        background: #EEF0F5;
-        padding: 12px 20px;
-  
-        .pi-trash {
-          color: var(--red-500);
-        }
-      }
-    }
-  
-    .setting-icon-wrapper {
-      .p-button {
-        border-radius: 10px;
-        border: 1px solid rgba(76, 98, 146, 0.10);
-        background: #EEF0F5;
-        padding: 24px;
-        height: 50px;
-  
-        .pi-cog {
-          color: var(--primary-color);
-        }
-      }
-    }
-  
-    .view-icon-wrapper {
-      .p-button {
-        border-radius: 10px;
-        border: 1px solid rgba(76, 98, 146, 0.30);
-        background: var(--surface-0);
-        padding: 20px;
-        height: 40px;
-        box-shadow: none;
-  
-        .pi-eye {
-          color: #44486D;
-        }
-      }
-    }
-  
-    .table-primary-container {
-      .p-datatable-table {
-        min-width: 50rem;
-        padding: 20px;
-        background-color: #FFF;
-        table-layout: fixed;
-      }
-  
-      .p-datatable-header {
-        padding: 20px 20px 0;
-        border-radius: 10px 10px 0 0 !important;
-        border: none !important;
-      }
-  
-      .p-datatable-thead {
-        th {
-          border: 1px solid rgba(68, 72, 109, 0.10);
-          border-left: none;
-          border-right: none;
-          background: #F9F9FA;
-  
-          &:first-child {
-            border-radius: 10px 0 0 0;
-            border-left: 1px solid rgba(68, 72, 109, 0.10);
-          }
-        }
-      }
-  
-      tr {
-        td {
-          border-bottom: 1px solid rgba(68, 72, 109, 0.10);
-        }
-  
-        td:first-child {
-          border-left: 1px solid rgba(68, 72, 109, 0.10);
-        }
-      }
-  
-      tr:last-child {
-        td:first-child {
-          border-radius: 0 0 0 10px;
-        }
-  
-        td:last-child {
-          border-radius: 0 0 10px 0;
-        }
-      }
-    }
-  }

package/src/lib/shared/table-primary/components/table-primary.component.spec.ts

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

package/src/lib/shared/table-primary/components/table-primary.component.ts

@@ -1,71 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TableModule } from 'primeng/table';
-import { TablePrimaryModel } from '../models/table-primary.model';
-import { ButtonModule } from 'primeng/button';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { FormsModule } from '@angular/forms';
-import { InputSwitchModule } from 'primeng/inputswitch';
-import { InputTextModule } from 'primeng/inputtext';
-import { TooltipModule } from 'primeng/tooltip';
-import { Router } from '@angular/router';
-import { SHARED } from '../../constant/SHARED';
-
-@Component({
-  selector: 'lib-table-primary',
-  standalone: true,
-  imports: [CommonModule, TableModule, ButtonModule, ToggleButtonModule, FormsModule, InputSwitchModule, InputTextModule, TooltipModule],
-  templateUrl: './table-primary.component.html',
-  styleUrl: './table-primary.component.scss',
-})
-export class TablePrimaryComponent implements OnInit {
-  @Input() table!: TablePrimaryModel;
-  @Input() title!: string;
-  
-  @Input() showStatus = true;
-  @Input() showActions = true;
-  @Input() showSearchBar = true;
-  @Input() showNewRecordButton = true;
-  @Input() showRefreshButton = true;
-
-  globalFilter: string = SHARED.EMPTY;
-
-  constructor(private _router: Router) {}
-
-ngOnInit(): void {
-   // Ensure that table headers are not empty
-   if (this.table.headers.length === 0) {
-    console.error('Table headers are missing.');
-  }
-}
-
-  clearSearch(table: any) {
-    this.globalFilter = SHARED.EMPTY;
-    table.clear(); 
-  }
-
-  refreshTable() {
-  }
-
-  handleCreate() {
-    const currentRouteURL = this._router.url;
-      this._router.navigate([currentRouteURL + SHARED.SLASH + SHARED.ZERO])
-  }
-
-  handleEditClick(id: number) {
-      const currentRouteURL = this._router.url;
-      this._router.navigate([currentRouteURL + SHARED.SLASH + id])
-  }
-
-  editRow(rowData: any) {
-    console.log('Edit Row:', rowData);
-  }
-
-  deleteRow(rowData: any) {
-    console.log('Delete Row:', rowData);
-  }
-
-  viewRow(rowData: any) {
-    console.log('Delete Row:', rowData);
-  }
-}