ngx-wapp-components 3.2.11-alpha.9 → 3.2.11

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

@@ -1,37 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { WFileAttachment } from '../models/w-file-attachment.model';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class FileService {
-
-  constructor(private http: HttpClient) { }
-
-  private arrayBufferToBase64(buffer: ArrayBuffer): Promise<string> {
-    return new Promise((resolve, reject) => {
-      const blob = new Blob([buffer], { type: 'application/octet-stream' });
-      const reader = new FileReader();
-      reader.onload = () => {
-        const base64String = (reader.result as string).split(',')[1];
-        resolve(base64String);
-      };
-      reader.onerror = error => reject(error);
-      reader.readAsDataURL(blob);
-    });
-  }
-
-  downloadFile(url: string): Promise<any> {
-    return this.http.get(url, { responseType: 'arraybuffer' }).toPromise().then((response: any) => {
-      return this.arrayBufferToBase64(response);
-    });
-  }
-
-  async processDownloadFile(url: string){
-    const fileName = url.split('/').pop() || 'file';
-    const content = (await this.downloadFile(url)).toString();
-    const attachment: WFileAttachment = {fileName: fileName, content: content};
-    return attachment;
-  }
-}

package/src/lib/shared/services/form-control.service.spec.ts

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

package/src/lib/shared/services/form-control.service.ts

@@ -1,15 +0,0 @@
-import { Injectable } from '@angular/core';
-import { AbstractControl, FormControl } from '@angular/forms';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class FormControlService {
-
-  constructor() { }
-
-  convertToFormControl(absCtrl: AbstractControl | null): FormControl {
-    const ctrl = absCtrl as FormControl;
-    return ctrl;
-  }
-}

package/src/lib/shared/services/local-storage.service.spec.ts

@@ -1,16 +0,0 @@
-/* tslint:disable:no-unused-variable */
-
-import { TestBed, async, inject } from '@angular/core/testing';
-import { LocalStorageService } from './local-storage.service';
-
-describe('Service: LocalStorage', () => {
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [LocalStorageService]
-    });
-  });
-
-  it('should ...', inject([LocalStorageService], (service: LocalStorageService) => {
-    expect(service).toBeTruthy();
-  }));
-});

package/src/lib/shared/services/local-storage.service.ts

@@ -1,15 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class LocalStorageService {
-  
-  private tenant = "Tenant";
-
-  constructor() { }
-
-  getTenant() {
-    return JSON.parse(localStorage.getItem(this.tenant)!);
-  }
-}

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

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

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

@@ -1,71 +0,0 @@
-import { Injectable, Type } from '@angular/core';
-import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
-import { DialogService, DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
-
-export interface ModalSize {
-  width: string;
-  height?: string;
-}
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ModalService {
-
-  constructor(private dialogService: DialogService, private breakpointObserver: BreakpointObserver) { }
-
-  dialogRef: any;
-  smallDialogSubscription: any;
-  dialogData: any;
-
-  open(componentOrTemplateRef: Type<any>, modalConfig?: DynamicDialogConfig, modalSize?: ModalSize,): DynamicDialogRef {
-    if (!modalConfig) {
-      modalConfig = new DynamicDialogConfig;
-    }
-
-    if (modalConfig.data) {
-      this.dialogData = modalConfig.data;
-    }
-
-    // TODO dejo esto comentado como guía para completarlo más adelante
-    //modalConfig.maxWidth = '100vw';
-
-    this.dialogRef = this.dialogService.open(componentOrTemplateRef, modalConfig);
-
-    this.smallDialogSubscription = this.breakpointObserver.observe([Breakpoints.XSmall])
-      .subscribe(size => {
-        if (size.matches) {
-          //this.dialogRef.updateSize('100%', '100%');
-          //this.dialogRef.hasBackdrop = false;
-        } else {
-          if (!modalSize) {
-            //this.dialogRef.updateSize('auto', 'auto');
-          }
-          else {
-            //this.dialogRef.updateSize(modalSize.width, modalSize.height);
-          }
-        }
-      });
-
-    return this.dialogRef;
-  }
-
-  close(): void {
-    this.smallDialogSubscription.unsubscribe();
-    this.dialogRef.close();
-  }
-  
-  getComponentInstance<T>() {
-    let dialogComponentRef = this.dialogService.dialogComponentRefMap.get(this.dialogRef);
-    dialogComponentRef!.changeDetectorRef.detectChanges();
-
-    return dialogComponentRef?.instance.componentRef!.instance as T;
-  }
-
-  getComponentRef() {
-    let dialogComponentRef = this.dialogService.dialogComponentRefMap.get(this.dialogRef);
-    dialogComponentRef!.changeDetectorRef.detectChanges();
-
-    return dialogComponentRef?.instance.componentRef;
-  }
-}

package/src/lib/shared/services/number-conversion.service.spec.ts

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

package/src/lib/shared/services/number-conversion.service.ts

@@ -1,29 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NumberConversionService {
-
-  constructor() { }
-
-  getPercentageValue(value: number | string): number{
-    let valuePercentage = typeof value === "string" ? Number(value) : value;
-  
-    if (isNaN(valuePercentage)) {
-      throw new Error("Invalid value");
-    }
-
-    return parseFloat((valuePercentage / 100).toFixed(4));
-  }
-
-  getValueByPercentage(value: number | string): number {
-    let numericValue = typeof value === "string" ? Number(value) : value;
-  
-    if (isNaN(numericValue)) {
-      throw new Error("Invalid value");
-    }
-  
-    return parseFloat((numericValue * 100).toFixed(4));
-  }
-}

package/src/lib/shared/services/session-storage.service.spec.ts

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

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

@@ -1,124 +0,0 @@
-import { Injectable } from '@angular/core';
-import { StoredFilterPanelQuery } from '../models/stored-filter-panel-query.model';
-import { ComponentsTenantStorage } from '../models/components-tenant-storage.model';
-import { StoreableTablePagination } from '../models/storeable-table-pagination.model';
-import { TenantStoragePagination } from '../models/tenant-storage-pagination.model';
-import { PeriodSelectEnum } from '../models/enums.model';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class SessionStorageService {
-  private businessData = "businessData";
-
-  constructor() { }
-
-  setComponentsTenantStorage(tenantId: string, tenantStorage: ComponentsTenantStorage) {
-    sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-  }
-
-  getComponentsTenantStorage(tenantId: string): ComponentsTenantStorage {
-    return JSON.parse(sessionStorage.getItem(tenantId)!);
-  }
-
-  setLastFilterPanelQuery(tenantId: string, storedQuery: StoredFilterPanelQuery | null) {
-
-    if(storedQuery != undefined) {
-      let allFilters:ComponentsTenantStorage = this.getAllLastFilterPanelQueries(tenantId);
-      if(allFilters) {
-        allFilters[storedQuery.id] = storedQuery;
-        sessionStorage.setItem(tenantId, JSON.stringify(allFilters));
-      } else {
-        let tenantStorage: ComponentsTenantStorage = {
-          [storedQuery.id]: storedQuery
-        }
-        sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-      }
-    }
-  }
-
-  setFilterPanelValue(tenantId: string, filterId: string, queryValue: StoredFilterPanelQuery | null) {
-    let tenantStorage: ComponentsTenantStorage = this.getComponentsTenantStorage(tenantId);
-    tenantStorage[filterId] = queryValue;
-    sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-  }
-
-  getAllLastFilterPanelQueries(tenantId: string): ComponentsTenantStorage {
-    return this.getComponentsTenantStorage(tenantId);
-  }
-
-  getLastFilterPanelQuery(tenantId: string, filterId: string): StoredFilterPanelQuery {
-    return this.getComponentsTenantStorage(tenantId)?.[filterId]!;
-  }
-
-  removeLastFilterPanelQuery(tenantId: string, filterId: string) {
-    let tenantStorage: ComponentsTenantStorage = JSON.parse(sessionStorage.getItem(tenantId)!);
-    tenantStorage[filterId] = null;
-    this.setComponentsTenantStorage(tenantId, tenantStorage);
-  }
-
-  getBusinessData() {
-    return JSON.parse(sessionStorage.getItem(this.businessData)!);
-  }
-
-  setTablePaginationQuery(tenantId: string, storeablePagination: StoreableTablePagination | null) {
-    if(storeablePagination != undefined) {
-      let allFilters:ComponentsTenantStorage = this.getAllLastFilterPanelQueries(tenantId);
-      if(allFilters) {
-        allFilters[storeablePagination.id] = storeablePagination;
-        sessionStorage.setItem(tenantId, JSON.stringify(allFilters));
-      } else {
-        let tenantStorage: ComponentsTenantStorage = {
-          [storeablePagination.id]: storeablePagination
-        }
-        sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-      }
-    }
-  }
-
-  getStoredPagination(tenantId: string, filterId: string) {
-    return this.getTenantStoragePaginators(tenantId)?.[filterId]!;
-  }
-
-
-  getTenantStoragePaginators(tenantId: string): TenantStoragePagination {
-    return JSON.parse(sessionStorage.getItem(tenantId)!);
-  }
-
-  setTenantPeriodSelectType(tenantId: string, periodSelectName: string, periodSelectType: PeriodSelectEnum) {
-    let allFilters: any = this.getAllLastFilterPanelQueries(tenantId);
-    if(allFilters) {
-      allFilters[periodSelectName] = periodSelectType;
-      sessionStorage.setItem(tenantId, JSON.stringify(allFilters));
-    } else {
-      let tenantStorage: any = {
-        [periodSelectName]: periodSelectType
-      }
-      sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-    }
-  }
-
-  getTenantPeriodSelectType(tenantId: string, periodSelectName: string) {
-    return this.getTenantStoragePaginators(tenantId)?.[periodSelectName]!;
-  }
-
-  removeTenantPeriodSelectType(tenantId: string, periodSelectName: string) {
-    let tenantStorage: any = JSON.parse(sessionStorage.getItem(tenantId)!);
-    if(tenantStorage) {
-      delete tenantStorage[periodSelectName];
-      sessionStorage.setItem(tenantId, JSON.stringify(tenantStorage));
-    }
-  }
-
-  setTokens(internalApiToken: string, authApiToken: string) {
-    let tokens = {
-      internalApiToken: internalApiToken,
-      authApiToken: authApiToken
-    }
-    sessionStorage.setItem("tokens", JSON.stringify(tokens));
-  }
-
-  getTokens() {
-    return JSON.parse(sessionStorage.getItem("tokens")!);
-  }
-}

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

@@ -1,30 +0,0 @@
-import { Injectable } from "@angular/core";
-import { TreeNode } from "primeng/api";
-
-@Injectable({
-    providedIn: 'root'
-})
-export class TreeService {
-
-  constructor() { }
-
-  elementToTreeNodeMap<T>(elements: T[], getChildFn: (element: T) => T[] | null, parent?: TreeNode): TreeNode[] {
-    return elements.map((element:any) => {
-      let treeNode: TreeNode = {
-        label: element.name,
-        data: element,
-        children: [],
-        expanded: false,
-        parent: parent
-      };
-
-      const childElements = getChildFn(element);
-
-      if (childElements) {
-        treeNode.children = this.elementToTreeNodeMap(childElements, getChildFn, treeNode);
-      }
-
-      return treeNode;
-    });
-  }
-}

package/src/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.html

@@ -1,32 +0,0 @@
-<w-body-container>
-  <w-header-panel class="col-12">
-    <div class="main-actions">
-      <p-skeleton height="32px" width="190px"></p-skeleton>
-      <p-skeleton height="32px" width="190px"></p-skeleton>
-    </div>
-  </w-header-panel>
-  @for (item of columnsArray; track item) {
-    @if (columnsNumber == 1) {
-      <w-panel class="col-12">
-        <p-skeleton class="col-12" width="100%" height="20px"></p-skeleton>
-        <p-skeleton class="col-12" height="500px"></p-skeleton>
-      </w-panel>
-    }
-    @if (columnsNumber == 3) {
-      <w-panel class="col-4">
-        <p-skeleton class="col-12" width="100%" height="20px"></p-skeleton>
-        <p-skeleton class="col-12" height="500px"></p-skeleton>
-      </w-panel>
-    }
-    @if (columnsNumber == 2) {
-      <w-panel class="col-6">
-        <p-skeleton class="col-12" width="100%" height="20px"></p-skeleton>
-        <p-skeleton class="col-12" height="500px"></p-skeleton>
-      </w-panel>
-    }
-  }
-  <w-panel class="col-12">
-    <p-skeleton class="col-12" width="100%" height="20px"></p-skeleton>
-    <p-skeleton class="col-12" height="500px"></p-skeleton>
-  </w-panel>
-</w-body-container>

package/src/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.spec.ts

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

package/src/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.ts

@@ -1,16 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'w-skeleton-edit',
-    templateUrl: './w-skeleton-edit.component.html',
-    styleUrls: ['./w-skeleton-edit.component.css'],
-    standalone: false
-})
-export class WSkeletonEditComponent {
-  @Input('columnsNumber') columnsNumber: number = 3;
-  columnsArray: any[] = new Array(this.columnsNumber);
-
-  ngOnInit(): void{
-    this.columnsArray.length = this.columnsNumber;
-  }
-}

package/src/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.html

@@ -1,37 +0,0 @@
-<w-body-container>
-    <w-header-panel class="col-12">
-        <div class="main-actions" >
-            <p-skeleton height="32px" width="129px"></p-skeleton>
-        </div>
-    </w-header-panel>
-
-    <w-panel class="col-12 xl:col-8">
-        <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-12" label="''" height="140px"></w-skeleton-input-generic>
-
-        <w-skeleton-input-generic class="col-6 xl:col-3" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-6 xl:col-3" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-6 xl:col-3" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-6 xl:col-3" label="''"></w-skeleton-input-generic>
-
-        <w-skeleton-input-generic class="col-6 xl:col-4" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-6 xl:col-4" label="''"></w-skeleton-input-generic>
-        <w-skeleton-input-generic class="col-6 xl:col-4" label="''"></w-skeleton-input-generic>
-    </w-panel>
-    <w-panel class="col-12 xl:col-4">
-        <w-panel-grid class="col-12">
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-            <w-skeleton-input-generic class="col-12" label="''"></w-skeleton-input-generic>
-        </w-panel-grid>
-    </w-panel>
-    <w-panel class="col-12 xl:col-12">
-        <w-skeleton-input-generic class="col-4" label="''"></w-skeleton-input-generic>
-    </w-panel>
-    <w-panel class="col-12 xl:col-12">
-        <w-skeleton-input-generic class="col-12" label="''" height="140px"></w-skeleton-input-generic>
-    </w-panel>
-</w-body-container>

package/src/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.spec.ts

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

package/src/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'w-skeleton-edit-product',
-    templateUrl: './w-skeleton-edit-product.component.html',
-    styleUrls: ['./w-skeleton-edit-product.component.css'],
-    standalone: false
-})
-export class WSkeletonEditProductComponent {
-
-}

package/src/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.html

@@ -1,5 +0,0 @@
-<w-panel-grid>
-  @for (row of rowsArray; track row) {
-    <w-skeleton-input-generic class="col-12" [label]="'Label'"></w-skeleton-input-generic>
-  }
-</w-panel-grid>

package/src/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.spec.ts

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

package/src/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-    selector: 'w-skeleton-form',
-    templateUrl: './w-skeleton-form.component.html',
-    styleUrls: ['./w-skeleton-form.component.css'],
-    standalone: false
-})
-export class WSkeletonFormComponent implements OnInit {
-  @Input('rowsToShow') rowsToShow: number = 3;
-  rowsArray: any = [];
-
-  constructor(){}
-
-  ngOnInit(): void{
-    this.rowsArray.length = this.rowsToShow;
-  }
-}

package/src/lib/shared/skeletons/w-skeleton-generic/w-skeleton-generic.component.html

@@ -1,3 +0,0 @@
-<w-panel-grid>
-    <w-skeleton-input-generic class="col-12" [hasAlign]="false" [height]="height"></w-skeleton-input-generic>
-</w-panel-grid>

package/src/lib/shared/skeletons/w-skeleton-generic/w-skeleton-generic.component.spec.ts

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

package/src/lib/shared/skeletons/w-skeleton-generic/w-skeleton-generic.component.ts

@@ -1,11 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-@Component({
-    selector: 'w-skeleton-generic',
-    templateUrl: './w-skeleton-generic.component.html',
-    styleUrls: ['./w-skeleton-generic.component.css'],
-    standalone: false
-})
-export class WSkeletonGenericComponent {
-  @Input('height') height: string = "300px"; 
-}