cat-qw-lib 0.0.1 → 0.0.2

package/README.md

@@ -1,63 +1,63 @@
-# CatQwLib
-
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build cat-qw-lib
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-   ```bash
-   cd dist/cat-qw-lib
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+# CatQwLib
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build cat-qw-lib
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/cat-qw-lib
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/cat-qw-lib",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "assets": [
+ "src/assets"
+  ]
+}

package/package.json

@@ -1,23 +1,16 @@
-{
-  "name": "cat-qw-lib",
-  "version": "0.0.1",
-  "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/cat-qw-lib.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/cat-qw-lib.mjs"
-    }
-  }
-}
+{
+  "name": "cat-qw-lib",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "typings": "index.d.ts",
+  "main": "bundles/cat-qw-lib.umd.js",
+  "module": "fesm2015/cat-qw-lib.js",
+  "es2015": "fesm2015/cat-qw-lib.js",
+  "sideEffects": false
+}

package/src/assets/config/api.config.json

@@ -0,0 +1,4 @@
+{
+  "baseApi": "http://localhost:3200/api/",
+  "apiUrl": "http://localhost:3100/api/"
+}

package/src/lib/admin/action-admin/action-admin.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AdminActionListComponent } from './components/admin-action-list/admin-action-list.component';
+import { TablePrimaryComponent } from '../../shared';
+
+
+
+@NgModule({
+  declarations: [AdminActionListComponent],
+  imports: [
+    CommonModule,
+    TablePrimaryComponent
+  ],
+  exports: [AdminActionListComponent]
+})
+export class ActionAdminModule { }

package/src/lib/admin/action-admin/components/admin-action-form/admin-action-form.component.html

@@ -0,0 +1 @@
+<p>admin-action-form works!</p>

package/src/lib/admin/action-admin/components/admin-action-form/admin-action-form.component.spec.ts

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

package/src/lib/admin/action-admin/components/admin-action-form/admin-action-form.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-admin-action-form',
+  standalone : false,
+  templateUrl: './admin-action-form.component.html',
+  styleUrl: './admin-action-form.component.scss'
+})
+export class AdminActionFormComponent {
+
+}

package/src/lib/admin/action-admin/components/admin-action-list/admin-action-list.component.html

@@ -0,0 +1,5 @@
+<div class="dicitonary-list-wrapper">
+    @if(table){
+            <lib-table-primary [title]="'Actions'" [table]="table"></lib-table-primary>
+    }
+</div>

package/src/lib/admin/action-admin/components/admin-action-list/admin-action-list.component.spec.ts

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

package/src/lib/admin/action-admin/components/admin-action-list/admin-action-list.component.ts

@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { BaseListComponent } from '../../../../shared/_base/base-list/base-list.component';
+import { ActionModel } from '../../models/action.model';
+import { TableBuilder } from '../../../../shared/services/table.builder';
+import { ActionService } from '../../state/action.service';
+import { actionHiddenHeaderList, actionList, actionTableColumnWidthList } from '../../../../shared/constant/SHARED';
+
+@Component({
+  selector: 'lib-admin-action-list',
+  standalone : false,
+  templateUrl: './admin-action-list.component.html',
+  styleUrl: './admin-action-list.component.scss'
+})
+export class AdminActionListComponent extends BaseListComponent<ActionModel>{
+  constructor(service: ActionService, private tableBuilder: TableBuilder){
+    super(service, tableBuilder)
+    this.tableBuilder.hiddenHeaders = actionHiddenHeaderList;
+  } 
+
+  override ngOnInit(): void {
+    const actionTableColumnWidths = actionTableColumnWidthList;
+    this.table = this.tableBuilder.buildTable(actionList, actionTableColumnWidths);
+  }
+}

package/src/lib/admin/action-admin/models/action.model.ts

@@ -0,0 +1,12 @@
+import { SHARED } from "../../../shared/constant/SHARED";
+import { BaseModel } from "../../../shared/models/base.model";
+
+export class ActionModel extends BaseModel {
+    actionName!: string;
+    apiEndPoint!: string;
+    prompt!: string;
+    queue!: string;
+    status!: StatusType;
+}
+
+export type StatusType = "Enable" | "Disable";

package/src/lib/admin/action-admin/state/action.query.ts

@@ -0,0 +1,11 @@
+import { Injectable } from '@angular/core';
+import { ActionModel } from '../models/action.model';
+import { ActionStore } from './action.store';
+import { BaseQuery } from '../../../shared/state/base.query';
+
+@Injectable({ providedIn: 'root' })
+export class ActionQuery extends BaseQuery<ActionModel> {
+    constructor(protected override store: ActionStore) {
+        super(store);
+    }
+}

package/src/lib/admin/action-admin/state/action.service.ts

@@ -0,0 +1,18 @@
+
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { ActionModel } from '../models/action.model';
+import { ActionStore } from './action.store';
+import { DATASOURCES } from '../../../shared/constant/DATASOURCES';
+import { BaseService } from '../../../shared/state/base.service';
+import { AppConfigService } from '../../../shared/services/app-config.service';
+import { ListService } from '../../../shared/services/list.service';
+
+@Injectable({ providedIn: 'root' })
+export class ActionService extends BaseService<ActionModel> {
+
+    constructor(public actionStore: ActionStore, http: HttpClient, appConfigService : AppConfigService, listService:ListService) {
+        super(http, actionStore, appConfigService,listService);
+        this._pathName = DATASOURCES.ACTIONS;
+    }
+}

package/src/lib/admin/action-admin/state/action.state.ts

@@ -0,0 +1,14 @@
+import { BaseState } from "../../../shared/state/base.state";
+import { ActionModel } from "../models/action.model";
+
+export interface ActionState extends BaseState {
+    actions: ActionModel[];
+}
+
+export function createInitialState(): ActionState {
+    return {
+        actions: [],
+        records: [],
+        lists: []
+    };
+}

package/src/lib/admin/action-admin/state/action.store.ts

@@ -0,0 +1,14 @@
+import { Injectable } from '@angular/core';
+import { StoreConfig } from '@datorama/akita';
+import { BaseStore } from '../../../shared/state/base.store';
+import { ActionModel } from '../models/action.model';
+
+@Injectable({ providedIn: 'root' })
+@StoreConfig({ name: 'action' })
+export class ActionStore extends BaseStore<ActionModel> {
+
+  constructor() {
+    super();
+  }
+
+}

package/src/lib/admin/admin.module.ts

@@ -0,0 +1,22 @@
+import { APP_INITIALIZER, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AppConfigService } from '../shared';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ],
+  providers: [
+    {
+      provide: APP_INITIALIZER,
+      useFactory: (configService: AppConfigService) => () =>
+        configService.loadAppConfig(),
+      deps: [AppConfigService],
+      multi: true,
+    },
+  ],
+})
+export class AdminModule { }

package/src/lib/admin/api-admin/api-admin.module.ts

@@ -0,0 +1,39 @@
+import { APP_INITIALIZER, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ApiAdminFormComponent } from './components/api-admin-form/api-admin-form.component';
+import { ApiAdminListComponent } from './components/api-admin-list/api-admin-list.component';
+import { FormsModule } from '@angular/forms';
+import { AppConfigService, PasswordComponent, SharedModule, TablePrimaryComponent, UsernameComponent } from '../../shared';
+import { HttpClientModule } from '@angular/common/http';
+import { ButtonModule } from 'primeng/button';
+import { ApiCredentialFormComponent } from './components/api-credential-form/api-credential-form.component';
+import { TextAreaComponent } from '../../shared/controls/text-area/text-area.component';
+
+
+@NgModule({
+  declarations: [ApiAdminFormComponent,ApiCredentialFormComponent ,ApiAdminListComponent],
+  imports: [
+    CommonModule,
+    FormsModule,
+    SharedModule,
+    HttpClientModule,
+    ButtonModule,
+    UsernameComponent,
+    PasswordComponent,
+    TextAreaComponent,
+    TablePrimaryComponent
+    
+
+  ],
+  exports : [ApiAdminFormComponent, ApiAdminListComponent],
+   providers: [
+      {
+        provide: APP_INITIALIZER,
+        useFactory: (configService: AppConfigService) => () =>
+          configService.loadAppConfig(),
+        deps: [AppConfigService],
+        multi: true,
+      },
+    ],
+})
+export class ApiAdminModule { }

package/src/lib/admin/api-admin/components/api-admin-form/api-admin-form.component.html

@@ -0,0 +1,96 @@
+<form-container
+  [headerText]="'Queue / Api Management Form'"
+  [messages]="messages"
+  (onSave)="handleSubmit()"
+  [showSave]="true"
+>
+    <div class="card p-fluid p-formgrid grid ">
+      <h4 class="font-bold col-12 md:col-12">Api Management Form</h4>
+      <div class="col-12 md:col-6">
+        <text-box
+          [store]="apiAdminStore"
+          [record]="record"
+          [attributeModel]="{
+            readonly: false,
+            name: 'name',
+            isRequired: true,
+            displayText: 'Name',
+            placeholder: 'Enter Name'
+          }"
+        ></text-box>
+      </div>
+      <div class="col-12 md:col-6">
+        <text-box
+          [store]="apiAdminStore"
+          [record]="record"
+          [attributeModel]="{
+            readonly: false,
+            name: 'path',
+            isRequired: true,
+            displayText: 'Path',
+            placeholder: 'Enter Path'
+          }"
+        ></text-box>
+      </div>
+
+      <div class="col-12 md:col-2">
+        <button
+          pButton
+          pRipple
+          type="button"
+          label="Validate"
+          (click)="hanldeValidateApi()"
+          class="p-button-raised"
+        ></button>
+      </div>
+    </div>
+    <div class="card p-fluid p-formgrid grid ">
+      <h4 class="font-bold">Other Details</h4>
+      <div class="col-12 md:col-12 p-0 m-0">
+        <api-credential-form [record]="record"></api-credential-form>
+      </div>
+      <div class="col-12 md:col-6">
+        <dropdown
+          [store]="apiAdminStore"
+          [record]="record"
+          [attributeModel]="{
+            name: 'parentApiConfigID',
+            dataSource: 'apiConfig',
+            listLabelProperty: 'name',
+            listValueProperty: '_id', 
+            displayText: 'Select Parent',
+            placeholder: 'Select Parent API',
+            childListName: 'parentKey',
+            childListKey: 'name'
+          }"
+          (onInput)="handleModelChange($event)"
+        ></dropdown>
+
+      </div>
+      <div class="col-12 md:col-6">
+        <dropdown
+        [store]="apiAdminStore"
+        [record]="record"
+        [attributeModel]="{
+          name:'parentKey',
+          displayText : 'Property',
+          placeholder: 'Select Property',
+          options: apiPropertyList
+        }"></dropdown>
+      </div>
+
+      <div class="col-12 md:col-12">
+       <text-area
+        [store]="apiAdminStore"
+        [record]="record"
+        [attributeModel]="{
+          readonly: false,
+          name: 'description',
+          isRequired: false,
+          displayText: 'Description',
+          placeholder: 'Enter Description'
+        }"
+      ></text-area>
+      </div>
+  </div>
+</form-container>

package/src/lib/admin/api-admin/components/api-admin-form/api-admin-form.component.scss

@@ -0,0 +1,6 @@
+.p-message {
+
+    .p-message-wrapper{
+        padding: 0.143rem 1.357rem;
+    }
+}

package/src/lib/admin/api-admin/components/api-admin-form/api-admin-form.component.spec.ts

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

package/src/lib/admin/api-admin/components/api-admin-form/api-admin-form.component.ts

@@ -0,0 +1,94 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Message, SelectItem } from 'primeng/api';
+import { BaseFormComponent, SHARED } from '../../../../shared';
+import { ValidatorService } from '../../../../shared/services/validator.service';
+import { Credentials } from '../../models/credentials.model';
+import { ROUTES } from '../../../../shared/constant/ROUTES';
+import { ApiAdminService } from '../../state/api-admin.service';
+import { ApiAdminStore } from '../../state/api-admin.store';
+import { ApiAdminModel } from '../../models/api-admin.model';
+import { Subscription } from 'rxjs';
+@Component({
+  selector: 'lib-api-admin-form',
+  templateUrl: './api-admin-form.component.html',
+  styleUrl: './api-admin-form.component.scss',
+  standalone: false
+})
+export class ApiAdminFormComponent extends BaseFormComponent<ApiAdminModel> implements OnInit , OnDestroy{
+
+  messages: Message[] = SHARED.EMPTYARRAY;
+  name: string = SHARED.EMPTY;
+  selectedParentId!: string;
+  filteredRecords: string[] = SHARED.EMPTYARRAY;
+  dropdownOptions: any[] = SHARED.EMPTYARRAY;
+  apiPropertyList!: SelectItem[];
+  private recordChangeSubscription: Subscription | null = null;
+
+
+  constructor(public apiAdminService: ApiAdminService, override validatorService: ValidatorService, override router: Router, override activatedRoute: ActivatedRoute, public apiAdminStore: ApiAdminStore) {
+    super(apiAdminService, validatorService, router, activatedRoute)
+    this.record.credentials = new Credentials();
+    this.record.isActive = true;
+  }
+
+  override ngOnInit(): void {
+    super.ngOnInit();
+    this.recordChangeSubscription = this.recordChange.subscribe((res) => {
+      if (this.record && this.record.parentApiConfigID) {
+        this.apiPropertyList = [{
+          label: this.record.parentKey,
+          value: this.record.parentKey
+        }]
+      }
+    })
+  }
+
+  hanldeValidateApi() {
+    const payload = {
+      apiPath: this.record.path,
+      credentials: SHARED.token
+    }
+    if (this.record.path) {
+      this.apiAdminService.checkApiByPathName(ROUTES.VALIDATEAPI, payload).subscribe({
+        next: (res: any) => {
+          if (res) {
+            this.messages = [{ severity: SHARED.SUCCESS, detail: res.message }];
+            setTimeout(() => {
+              this.messages = SHARED.EMPTYARRAY
+            }, 3000);
+          }
+        },
+        error: (error: any) => {
+          this.messages = [{ severity: SHARED.ERROR, detail: error.error.message }];
+          setTimeout(() => {
+            this.messages = SHARED.EMPTYARRAY;
+          }, 3000);
+        },
+      });
+    } else {
+      this.messages = [{ severity: SHARED.ERROR, detail: SHARED.INVALID_API_PATH }];
+    }
+  }
+
+  handleModelChange(event: string) {
+    if (event) {
+      this.apiAdminService.getById(event).subscribe((res: any) => {
+        this.apiPropertyList = res.properties.map((property: string) => ({
+          label: property,
+          value: property
+        }));
+      })
+    } else {
+      this.record.parentKey = SHARED.EMPTY;
+      this.apiPropertyList = SHARED.EMPTYARRAY;
+    }
+  }
+
+  ngOnDestroy(): void {
+    if (this.recordChangeSubscription) {
+      this.recordChangeSubscription.unsubscribe();
+    }
+  }
+}
+