cat-qw-lib 0.0.2 → 0.0.3

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

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-queue-admin-form',
-  imports: [],
-  templateUrl: './queue-admin-form.component.html',
-  styleUrl: './queue-admin-form.component.css'
-})
-export class QueueAdminFormComponent {
-
-}

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

@@ -1 +0,0 @@
-<p>queue-admin-list works!</p>

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

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

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

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-queue-admin-list',
-  imports: [],
-  templateUrl: './queue-admin-list.component.html',
-  styleUrl: './queue-admin-list.component.css'
-})
-export class QueueAdminListComponent {
-
-}

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

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule
-  ]
-})
-export class QueueAdminModule { }

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

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

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

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

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

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-widget-admin-form',
-  imports: [],
-  templateUrl: './widget-admin-form.component.html',
-  styleUrl: './widget-admin-form.component.css'
-})
-export class WidgetAdminFormComponent {
-
-}

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

@@ -1 +0,0 @@
-<p>widget-admin-list works!</p>

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

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

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

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-widget-admin-list',
-  imports: [],
-  templateUrl: './widget-admin-list.component.html',
-  styleUrl: './widget-admin-list.component.css'
-})
-export class WidgetAdminListComponent {
-
-}

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

@@ -1,12 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule
-  ]
-})
-export class WidgetAdminModule { }

package/src/lib/shared/_base/base-control/base-control.component.html

@@ -1 +0,0 @@
-<p>base-control works!</p>

package/src/lib/shared/_base/base-control/base-control.component.spec.ts

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

package/src/lib/shared/_base/base-control/base-control.component.ts

@@ -1,55 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AttributeModel } from '../../models/attribute.model';
-import { SHARED } from '../../constant/SHARED';
-import { BaseQuery } from '../../state/base.query';
-import { BaseStore } from '../../state/base.store';
-
-@Component({
-  selector: 'app-base-control',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './base-control.component.html',
-  styleUrl: './base-control.component.scss',
-  providers : [BaseStore]
-})
-export class BaseControlComponent implements OnChanges {
-  constructor() {}
-  @Input() store !: BaseStore<any> | null;
-  @Input() record: any;
-  @Input() attributeModel! : AttributeModel;
-  @Input() error : string = ""
-  @Output() onInput = new EventEmitter();
-  @Output() onEnterKeydown = new EventEmitter();
-  @Output() onBtnClick = new EventEmitter();
-
-  query !: BaseQuery<any>
-  ngOnChanges(){
-      if(this.store) {
-        this.query = new BaseQuery(this.store)
-      }
-  }
-  handleModelChange(event:any, valid: boolean|null, val?:any) {   
-    if (this.attributeModel?.name) {
-      this.record[this.attributeModel?.name] = event;
-      this.onInput.emit(event);
-    }
-  }
-
-  // handleEnterKey(event:any, valid: boolean|null) {
-  //   if (this.attributeModel?.name) {
-  //     this.record[this.attributeModel?.name] = event;
-  //     this.onEnterKeydown.emit(event);
-  //     this.record[this.attributeModel?.name] = SHARED.EMPTY;
-  //   }
-  // }
-
-  handleButtonClick(event:MouseEvent){
-    this.onBtnClick.emit(event);
-  }
-
-  getValue() : string | null | undefined {
-    return this.record[this.attributeModel.name]
-  }
-  
-}

package/src/lib/shared/_base/base-form/base-form.component.html

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

package/src/lib/shared/_base/base-form/base-form.component.spec.ts

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

package/src/lib/shared/_base/base-form/base-form.component.ts

@@ -1,81 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import { ValidatorService } from '../../services/validator.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { SHARED, expectedRoutes } from '../../constant/SHARED';
-import { AttributeModel } from '../../models/attribute.model';
-import { BaseModel } from '../../models/base.model';
-import { BaseStore } from '../../state/base.store';
-import { BaseService } from '../../state/base.service';
-@Component({
-  selector: 'base-form',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './base-form.component.html',
-  styleUrls: ['./base-form.component.scss'],
-  providers : [ValidatorService]
-})
-export class BaseFormComponent<T extends BaseModel> implements OnInit {
-  protected subscriptions: Subscription[];
-  record!: T;
-  public recordChange = new BehaviorSubject<any>({});
-
-  constructor(protected service: BaseService<T>, protected validatorService?:ValidatorService, protected router?: Router, protected activatedRoute?: ActivatedRoute, protected baseStore?: BaseStore<T>
-  ) {
-    this.subscriptions = [];
-    this.record = {} as T;
-  }
-
-  message:any[] = []
-  attributeMode!:AttributeModel;
-
-  ngOnInit(): void {
-    this.baseStore?.setRecordChange(SHARED.EMPTY);
-    const baseRoute:any = this.router?.url.split(SHARED.SLASH)[1];
-      let id = this.activatedRoute ? this.activatedRoute.snapshot.params[SHARED.ID] : '';
-      if((id !== SHARED.ZERO.toString()) && id && expectedRoutes.includes(baseRoute)) {
-        this.service.getById(id).subscribe((res:any) => {
-          this.record = res;
-          this.baseStore?.setRecordChange(res);
-          this.recordChange.next(res);
-        })
-      }
-  }
-
-  handleSubmit() {
-    let validateRecords = this.validatorService ? this.validatorService.handleValidateRecords(this.record) : true
-    if (validateRecords) {
-      if(this.record._id){
-        this.service.update(this.record._id ,this.record).subscribe({
-          next: (response: T) => {
-            this.navigateToList();
-            console.log('Record created:', response);
-          },
-          error: (error) => {
-            console.error('Error creating record:', error);
-          }
-        })
-      } else {
-        this.service.create(this.record).subscribe({
-          next: (response: T) => {
-            this.navigateToList();
-            console.log('Record created:', response);
-          },
-          error: (error) => {
-            console.error('Error creating record:', error);
-          }
-        })
-      }
-    }
-  }
-
-  navigateToList() {
-    if(this.router) {
-      const currentUrl = this.router.url;
-      const listUrl = currentUrl.split(SHARED.SLASH).slice(0, -1).join(SHARED.SLASH);
-      this.router.navigate([`${listUrl}`]);
-    }
-  }
-  
-}

package/src/lib/shared/_base/base-list/base-list.component.html

@@ -1 +0,0 @@
-<p>base-list works!</p>

package/src/lib/shared/_base/base-list/base-list.component.spec.ts

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

package/src/lib/shared/_base/base-list/base-list.component.ts

@@ -1,31 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BaseModel } from '../../models/base.model';
-import { TableBuilder } from '../../services/table.builder';
-import { BaseService } from '../../state/base.service';
-import { TablePrimaryModel } from '../../table-primary/models/table-primary.model';
-
-@Component({
-  selector: 'lib-base-list',
-  standalone: true,
-  imports: [CommonModule],
-  templateUrl: './base-list.component.html',
-  styleUrl: './base-list.component.scss',
-})
-export class BaseListComponent<T extends BaseModel> implements OnInit {
-
-  table!: TablePrimaryModel;
-
-  constructor(protected service: BaseService<T>, protected builder: TableBuilder){}
-
-  ngOnInit(){
-    this.service.getAll().subscribe((res:any)=>{
-      this.table = this.builder.buildTable(res);
-      this.afterTableBuild()
-    });
-  }
-
-  afterTableBuild(){
-
-  }
-}

package/src/lib/shared/components/form-container/form-container.component.html

@@ -1,55 +0,0 @@
-<div class="form-container">
-      <div class="text-900 font-bold text-xl form-header mb-2">
-        <div class="form-header-container w-full mr-0">
-          <div class="form-header-title"[innerHTML]="this.headerText">
-          </div>
-          <div class="form-header-messege w-full">
-            <p-messages class="message-wrapper" [(value)]="messages" [enableService]="false" />
-            </div>
-        </div>
-
-        <div class="btn-wrapper">
-          <ng-content select="[headerButtons]"></ng-content>
-            @if(showSave){
-              <button
-              pButton
-              pRipple
-              label="Cancel"
-              (click)="handleCancelClick()"
-              class="p-button-outlined mr-2"
-            ></button>
-
-            <button
-              pButton
-              class="p-button-success"
-              label="Save"
-              [disabled]="disableSaveButton"
-              type="button"
-              tooltipPosition="bottom"
-              (click)="handleSaveClick()"
-            ></button>
-        }
-          <ng-content select="[headerButtons]"></ng-content>
-        </div>
-      </div>
-  
-  
-    <p-toast></p-toast>
-
-   <div>
-      <p-confirmDialog>
-        <ng-template pTemplate="message" let-message>
-          <div class="flex flex-column align-items-center w-full gap-3 border-bottom-1 surface-border">
-            <i class="pi pi-exclamation-circle text-6xl text-primary-500"></i>
-            <p>{{ message.message }}</p>
-          </div>
-        </ng-template>
-      </p-confirmDialog>
-    </div> 
-    <div class="grid">
-      <div class="col-12">
-          <ng-content></ng-content>
-      </div>
-    </div>
-  </div>
-  

package/src/lib/shared/components/form-container/form-container.component.scss

@@ -1,108 +0,0 @@
-.form-container {
-    display: flex;
-    flex-direction: column;
-    overflow-y: auto;
-    overflow-x: hidden;
-  
-    &.card {
-      padding: 0px;
-    }
-
-    .p-button {
-      padding: 0.50rem 1.25rem;
-    }
-  
-    .form-footer {
-      background-color: var(--surface-100);
-      padding: 6px 16px;
-      height: 46px;
-      width: 100%;
-      margin-top: auto; 
-      position: sticky;
-      bottom: 0;
-      z-index: 4;
-  
-      &.card {
-        margin-bottom: 0px !important;
-      }
-    }
-  
-    .form-header {
-      padding: 6px 16px;
-      height: 46px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      position: sticky;
-      top: 0;
-      z-index: 4;
-      width: 100%;
-    }
-  
-    .form-top button {
-      height: fit-content;
-    }
-  
-    .form-header-bg-light {
-      background-color: #e1e2e8 !important;
-    }
-  
-    .form-header-bg-dark {
-      background-color: #3b3848 !important;
-    }
-  
-    .left-wrapper {
-      display: flex;
-    }
-  
-    .p-16 {
-      padding: 4px 32px 16px;
-    }
-  
-    .m-16 {
-      margin: 0px 16px;
-    }
-  
-    // .grid {
-    //   margin-top: 6px !important;
-    // }
-  
-    .errors {
-      position: sticky;
-      top: 3.4rem;
-      z-index: 1;
-      background-color: var(--surface-900);
-      padding: 0px 16px;
-    }
-  }
-  
-  .btn-wrapper{
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-  }
-  
-  .form-header-container {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    margin-right: 2rem;
-  
-    .form-header-title {
-      text-wrap: nowrap;
-    }
-  
-    .form-header-messege{
-      margin-left: 1rem;
-    }
-  }
-
-  ::ng-deep {
-    .message-wrapper{
-      .p-message-wrapper{
-        padding: 0.143rem 1.357rem;
-        display: flex;
-        align-items: center;
-    }
-    }
-  }

package/src/lib/shared/components/form-container/form-container.component.spec.ts

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

package/src/lib/shared/components/form-container/form-container.component.ts

@@ -1,55 +0,0 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { ToastModule } from 'primeng/toast';
-import {  ConfirmationService, Message, MessageService } from 'primeng/api';
-import { MessageModule } from 'primeng/message';
-import { MessagesModule } from 'primeng/messages';
-import { ButtonComponent } from '../../controls/button/button.component';
-import { TextBoxComponent } from '../../controls/text-box/text-box.component';
-import { ActivatedRoute, Router } from '@angular/router';
-@Component({
-  selector: 'form-container',
-  standalone: true,
-  imports: [CommonModule, ButtonModule,ConfirmDialogModule,ToastModule, MessagesModule, ButtonComponent, TextBoxComponent],
-  templateUrl: './form-container.component.html',
-  styleUrl: './form-container.component.scss',
-  providers : [MessageService, ConfirmationService],
-  encapsulation: ViewEncapsulation.None
-})
-export class FormContainerComponent {
-  @Input() messages: Message[] = [];
-  @Input() record: any
-  @Input() headerText: string | undefined;
-  @Input() showSave:boolean = false
-  @Input() disableButton:boolean = false
-  @Input() disableSubmitButton:boolean = false
-  @Input() disableSaveButton:boolean = false
-  @Output() onSave = new EventEmitter();
-  @Output() onSubmit = new EventEmitter();
-  @Output() onCancel = new EventEmitter();
-  @Input() overrideNavigate: boolean = false;
-  
-
-  constructor( private router: Router,
-    private route: ActivatedRoute,){}
-  handleSubmitClick(){
-    this.onSubmit.emit()
-  }
-  
-  handleSaveClick(){
-    this.onSave.emit()
-  }
-  handleCancelClick(){
-    if(this.overrideNavigate){
-      this.onCancel.emit()
-    }else{
-      this.router.navigate(["../"], { relativeTo: this.route });
-    }
-  }
-
-  handleCreateBtnClick() {
-
-  }
-}