keevo-components 1.8.127 → 1.8.129

package/src/lib/api/base-components/base-component-crud-form.ts

@@ -1,361 +0,0 @@
-import { ActivatedRoute, Router } from "@angular/router";
-import { Component, OnDestroy, OnInit } from "@angular/core";
-import { DialogService, DynamicDialogConfig, DynamicDialogRef } from "primeng/dynamicdialog";
-import { FormGroup, ValidatorFn } from "@angular/forms";
-import { Observable, combineLatest, filter, finalize } from "rxjs";
-
-import { ActionItem } from "../components/table/action-item";
-import { BaseComponentCrud } from "./base-component-crud";
-import { FormService } from "../services/form.service";
-import { NotificationService } from "../services/notification.service";
-import { loading } from "../../components/kv-loader/kv-loader.service";
-
-export interface DadosTela {
-  subTituloForm: string | undefined;
-  tituloForm: string | undefined;
-  rotaListar: string;
-  mensagemValidacao: boolean
-}
-
-@Component({
-  template: ''
-})
-export abstract class BaseComponentCrudForm extends BaseComponentCrud implements OnInit, OnDestroy {
-
-  protected isAccordionExpanded = false;
-  protected isNewRegistry = false;
-  protected isSaveLoading = false;
-  protected isView = false;
-
-  protected formGroup: FormGroup = new FormGroup({});
-  protected actions: ActionItem[] = [];
-
-  protected dadosTela: DadosTela | undefined;
-  protected popup: boolean = false;
-  protected registry: any = null;
-
-  private onSetFormValues: boolean = false;
-
-  constructor(
-    dialogService: DialogService,
-    notificationService: NotificationService,
-    protected activatedRoute: ActivatedRoute,
-    protected dynamicDialogRef: DynamicDialogRef,
-    protected dynamicDialogConfig: DynamicDialogConfig,
-    protected router: Router) {
-    super
-      (
-        dialogService,
-        notificationService
-      );
-  }
-
-  /**
-   * Método disparado para configuração do form
-   */
-  abstract configureForm(): void;
-
-  /**
-   * Método disparado para o carregamento do form
-   * @param id
-   */
-  abstract loadForm(id: any): void;
-
-  /**
-   * Método disparado para salvamento dos dados
-   */
-  abstract save(): void;
-
-  /**
-   * Método disparado para tratamento das notificações do backend
-   * @param err - Notificação
-   */
-  protected backendError(err: any): void {
-    if (err) {
-      if (err.status == 404) {
-        this.notificationService.toastError(err.error.item2[0].message);
-        return;
-      }
-      else if (err.status == 400) {
-        // Erros de validação de domínio do backend
-        if (Array.isArray(err.error)) {
-          if (err.error?.length) {
-
-            if (err.error.length == 1 && err.error[0].key == '') {
-              this.notificationService.toastError(err.error[0].message);
-              return;
-            }
-
-            this.invalidForm(err.error);
-            return;
-          }
-        }
-        else if (Array.isArray(err.error.item2)) {
-          if (err.error.item2?.length) {
-
-            if (err.error.item2.length == 1) {
-              this.notificationService.toastError(err.error.item2[0].message);
-              return;
-            }
-
-            this.invalidForm(err.error.item2);
-            return;
-          }
-        }
-        else if (err.error?.title) {
-          // Erro de json no backend
-          this.notificationService.toastError(err.error.title);
-          return;
-        }
-      }
-      else if (err.status == 415) {
-        if (err.error?.title) {
-          // Erro de json no backend
-          this.notificationService.toastError(err.error.title);
-          return;
-        }
-      }
-
-      // Qualquer outro tipo de erro que tenha mensagem
-      if (err.message) {
-        this.notificationService.toastError(err.message);
-      }
-    }
-  }
-
-  /**
-   * Método disparado ao clicar no botão de cancelamento
-   */
-  protected cancel() {
-    this.notificationService.question({
-      type: 'question',
-      message: 'Deseja cancelar a operação?',
-      accept: () => {
-        this.navigateList();
-      },
-    });
-  }
-
-  /**
-   * Verifica se houveram alterações nos componentes do formControl
-   * @param controls - Nomes do controles no formGroup
-   * @returns Observable
-   */
-  protected detectFormControlChanges(controls: Array<string>): Observable<any> {
-    const controlList: Observable<any>[] = [];
-    controls.forEach(controlName => controlList.push(this.formGroup.controls[controlName].valueChanges));
-    return combineLatest(controlList).pipe(filter(() => !this.onSetFormValues));
-  }
-
-  /**
-   * Método responsável por desabilitar um componente
-   * @param controlName - Nome do controle no formGroup
-   */
-  protected disableComponent(controlName: string) {
-    FormService.disableControl(this.formGroup, controlName);
-  }
-
-  /**
-   * Método responsável por limpar e desabilitar um componente
-   * @param controlName - Nome do controle no formGroup
-   * @param value - Valor default
-   */
-  protected disableAndClearComponent(controlName: string, value?: any) {
-    FormService.disableAndClearControl(this.formGroup, controlName, value);
-  }
-
-  /**
-   * Método responsável por habilitar um componente
-   * @param controlName - Nome do controle no formGroup
-   */
-  protected enableComponent(controName: string) {
-    FormService.enableControl(this.formGroup, controName);
-  }
-
-  /**
-   * Método que retorna o valor de um componente
-   * @param controlName - Nome do controle no formGroup
-   * @returns - Valor
-   */
-  protected getFormValue<T>(controlName: string): T {
-    return FormService.getFormValue<T>(this.formGroup, controlName);
-  }
-
-  /**
-   * Verifica se o componente possui erro
-   * @param controlName - Nome do controle no formGroup
-   */
-  protected hasControlError(controlName: string, errorCode?: string): boolean {
-    return FormService.hasControlError(this.formGroup, controlName, errorCode);
-  }
-
-  /**
-   * Seta inconsistências para o fomulário
-   * @param notification - Lista de notificações
-   */
-  protected invalidForm(notification?: any) {
-    FormService.invalidForm(this.formGroup, notification);
-  }
-
-  /**
-   * Tratamento de inconsistências do formulário
-   */
-  protected invalidateForm() {
-    this.isAccordionExpanded = true;
-    this.invalidForm();
-
-    if (this.dadosTela?.mensagemValidacao) {
-      this.notificationService.dialog({
-        type: 'alert',
-        message: 'Verifique os campos obrigatórios.',
-      });
-    }
-  }
-
-  /**
-   * Método responsável pelo carregamento da tela
-   * @param obs - Observable responsável pelo salvamento dos dados
-   */
-  public loadData<T>(obs: Observable<any>) {
-    obs
-      .pipe(loading())
-      .subscribe((data: any) => {
-        this.isNewRegistry = false;
-        this.registry = data as T;
-        this.setFormValues(this.registry);
-        this.loadGrids();
-        this.setTitlePopup();
-      });
-  }
-
-  async loadDataAsync<T>(obs: Observable<any>) {
-    await obs.pipe(loading()).toPromise();
-    const data: any = await obs.toPromise();
-
-    this.isNewRegistry = false;
-    this.registry = data as T;
-    this.setFormValues(this.registry);
-    this.loadGrids();
-    this.setTitlePopup();
-  }
-
-  /**
-   * Método disparado para carregamento de grids (Disparado após o loadData)
-   */
-  public loadGrids() { }
-
-  /**
-   * Método disparado para retornar a lista
-   */
-  protected navigateList(id: any = null) {
-    if (this.popup) {
-      this.dynamicDialogRef.close(id);
-    }
-    else if (this.dadosTela?.rotaListar) {
-      this.router.navigate([this.dadosTela.rotaListar]);
-    }
-  }
-
-  public ngOnDestroy() {
-    if (this.dynamicDialogRef) {
-      this.dynamicDialogRef.close();
-    }
-  }
-
-  public ngOnInit() {
-    this.configureForm();
-
-    this.popup = this.dynamicDialogConfig?.data?.popup || false;
-
-    this.activatedRoute.params.subscribe((params: any) => {
-      if (params['id']) {
-        this.loadForm(params['id']);
-      }
-      else if (this.dynamicDialogConfig?.data?.id) {
-        this.loadForm(this.dynamicDialogConfig.data.id);
-      }
-      else {
-        this.isNewRegistry = true;
-        this.loadGrids();
-        this.setTitlePopup();
-      }
-    });
-  }
-
-  /**
-   * Método disparado para salvar dados
-   * @param obs - Observable responsável pelo salvamento dos dados
-   */
-  protected saveData(obs: Observable<any>) {
-    obs
-      .pipe((src: Observable<any>) => {
-        this.isSaveLoading = true;
-        return src.pipe(finalize(() => {
-          this.isSaveLoading = false;
-        }));
-      })
-      .subscribe({
-        next: (res: any) => {
-          this.notificationService.toastSuccess(res.item2[0].message);
-          this.navigateList(res.item1);
-        },
-        error: (e) => {
-          this.backendError(e);
-        },
-      });
-  }
-
-  /**
-   * Método se atualiza o valor de um componente do formGroup
-   * @param controName - Nome do controle
-   * @param value - Valor para atualização
-   */
-  protected setControlValue(controName: string, value: any) {
-    FormService.setControlValue(this.formGroup, controName, value);
-  }
-
-  /**
-   * Atualiza valores dos componentes do formGroup
-   * @param values - Valores para atualização
-   */
-  protected setFormValues(values: any) {
-    this.onSetFormValues = true;
-    this.formGroup.patchValue(values, { emitEvent: false });
-    this.onSetFormValues = false;
-  }
-
-  /**
-   * Seta o título do popup
-   */
-  private setTitlePopup() {
-    if (this.popup) {
-      if (this.dynamicDialogConfig)
-        this.dynamicDialogConfig.header = this.dadosTela?.tituloForm;
-    }
-  }
-
-  /**
-   * Atualiza o validador de um componente do formGroup
-   * @param controName - Nome do controle
-   * @param validators - Regra de validação
-   */
-  protected setValidators(controName: string, validators: ValidatorFn | ValidatorFn[] | null) {
-    FormService.setValidators(this.formGroup, controName, validators);
-  }
-
-  /**
-   * Dispara os métodos de validações do formulário
-   * @returns - True/False
-   */
-  protected validateForm(): boolean {
-    let valid: boolean = false;
-
-    if (this.formGroup && this.formGroup.valid) {
-      valid = true;
-    } else {
-      this.invalidateForm();
-    }
-
-    return valid;
-  }
-}

package/src/lib/api/base-components/base-component-crud-list.ts

@@ -1,122 +0,0 @@
-import { Component, OnInit } from "@angular/core";
-import { DialogService } from "primeng/dynamicdialog";
-import { Router } from "@angular/router";
-
-import { BaseComponentCrud } from "./base-component-crud";
-import { TablePaginate } from "../components/table/table.paginate";
-import { TableConfig } from "../components/table/table.config";
-import { ActionItem } from "../components/table/action-item";
-import { NotificationService } from "../services/notification.service";
-import { Observable } from "rxjs";
-import { loading } from "../../components/kv-loader/kv-loader.service";
-import { TreeTableConfig } from "../components/tree-table/tree-table.config";
-
-@Component({
-  template: ''
-})
-export abstract class BaseComponentCrudList extends BaseComponentCrud implements OnInit {
-
-  dataSource: any = [];
-  selectedItem: any;
-  tableConfig!: TableConfig | TreeTableConfig;
-  totalRecords: number = 0;
-  actionsPageList: ActionItem[] = [];
-
-  constructor(
-    dialogService: DialogService,
-    notificationService: NotificationService,
-    public router: Router) {
-    super
-      (
-        dialogService,
-        notificationService
-      );
-  }
-
-  ngOnInit() {
-    this.loadFilters();
-    this.configureTable();
-
-    // Tabela não configurada para paginação
-    if (!this.tableConfig?.lazy)
-      this.loadTable(new TablePaginate());
-  }
-
-  /**
-   * Método disparado para configuração das tabelas do componente de lista
-   */
-  abstract configureTable(): void;
-
-  /**
-   * Método disparado para edição de registros
-   * @param registry - Registro que está sendo editado
-   *
-   */
-  abstract edit(registry: any): void;
-
-  /**
-   * Método disparado para carregamento dos filtros da tela
-   */
-  abstract loadFilters(): void;
-
-  /**
-   * Método disparado para carregar a tabela do componente de lista
-   * @param tablePaginate - Classe dos dados da paginação da tabela
-   */
-  abstract loadTable(tablePaginate: TablePaginate): void;
-
-  /**
-   * Método disparado ao clicar no botão de novo registro
-   */
-  abstract newRegistry(): void;
-
-  /**
-   * Método que seta o registro selecionado na tabela
-   * @param event - Registro
-   */
-  protected activeItem(event: any) {
-    this.selectedItem = event;
-  }
-
-  /**
-   * Método que dispara o carregamento da tabela
-   * @param obs - Observable de carregamento dos dados
-   */
-  protected loadData(obs: Observable<any>) {
-    obs
-      .pipe(loading())
-      .subscribe({
-        next: (res: any) => {
-          if (res) {
-            if (Array.isArray(res)) {
-              //Tratamento para retorno do tipo listar ([])
-              this.totalRecords = res.length;
-              this.dataSource = res
-            }
-            else {
-              //Tratamento para retorno do tipo listarPaginado (<int,[]>)
-              this.totalRecords = res.item1;
-              this.dataSource = res.item2
-            }
-          }
-        },
-        error: (e) => {
-          this.toastError(e);
-        },
-      });
-  }
-
-  /**
-   * Método que dispara a paginação
-   */
-  protected paginate(event: any) {
-    this.loadTable(event);
-  }
-
-  /**
-   * Método que dispara a atualização da página inteira
-   */
-  protected refresh() {
-    this.loadTable(new TablePaginate());
-  }
-}

package/src/lib/api/base-components/base-component-crud.ts

@@ -1,70 +0,0 @@
-import { DialogService } from 'primeng/dynamicdialog';
-import { Component, Type } from "@angular/core";
-import { FormService, paramsDialog } from "../services/form.service";
-import { NotificationService } from '../services/notification.service';
-import { Observable } from 'rxjs';
-
-@Component({
-  template: ''
-})
-export abstract class BaseComponentCrud {
-
-  public isReport: boolean = false;
-  public itemsReport: any = [];
-
-  constructor(
-    public dialogService: DialogService,
-    public notificationService: NotificationService) {
-  }
-
-  /**
-   * Fecha um relatório
-   */
-  public closeReport() {
-    this.isReport = false;
-  }
-
-  /**
-   * Abre um form dialog
-   * @param componentType - Componente que será renderizado
-   * @param callBackFunction - Função de callback que deverá ser chamada após o fechamento do dialog
-   * @param paramsDialog - Parâmetros do dialog
-   */
-  protected openDialog(componentType: Type<any>, callBackFunction: Function, paramsDialog?: paramsDialog) {
-    FormService.openDialog(
-      this.dialogService,
-      componentType,
-      callBackFunction,
-      paramsDialog);
-  }
-
-  /**
-   * Imprime um relatório na tela
-   * @param obs - Observable com o carregamento do relatório
-   */
-  protected printReportFilter(obs: Observable<any>) {
-    obs
-      //.pipe(loading())
-      .subscribe({
-        next: (res: any) => {
-          this.itemsReport = res;
-          this.isReport = true;
-        },
-        error: (e) => {
-          this.toastError(e);
-        },
-      });
-  }
-
-  /**
-   * Exibe um toast com um erro
-   * @param err - Erro
-   */
-  protected toastError(err: any) {
-    if (err) {
-      if (err.message) {
-        this.notificationService.toastError(err.message);
-      }
-    }
-  }
-}

package/src/lib/api/base-components/base-component-dropdown-external.ts

@@ -1,29 +0,0 @@
-import { AfterViewInit, Component, Input, ViewChild } from "@angular/core";
-import { ComponentService } from "../services/component.service";
-import { DialogService } from "primeng/dynamicdialog";
-import { FormGroup } from "@angular/forms";
-import { BaseComponentDropDown } from "./base-component-dropdown";
-import { KvDropdownComponent } from "../../components/kv-inputs/kv-dropdown/kv-dropdown.component";
-
-@Component({
-    template: '',
-})
-export abstract class BaseComponentDropDownExternal extends BaseComponentDropDown implements AfterViewInit {
-
-    @Input() formGroup!: FormGroup;
-    @ViewChild(KvDropdownComponent) dropDownComponent!: KvDropdownComponent;
-
-    constructor(
-        componentService: ComponentService,
-        dialogService: DialogService) {
-        super(componentService, dialogService);
-    }
-
-    override ngAfterViewInit(): void {
-        super.ngAfterViewInit();
-
-        if (this.dropDownComponent) {
-            this.dropDownComponent.formControl = this.formControl;
-        }
-    }
-}

package/src/lib/api/base-components/base-component-dropdown-new.ts

@@ -1,112 +0,0 @@
-import { Component, Input, TemplateRef } from "@angular/core";
-import { BaseComponentDropDown } from "./base-component-dropdown"
-import { FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms";
-import { KeevoComponentsModule } from "../../components/keevo-components.module";
-import { PrimeNgModule } from "../modules/primeng.module";
-import { KvLabelModule } from "../../components/kv-label/kv-label.module";
-import { kvErrorModule } from "../../components/kv-error/kv-error.module";
-
-@Component({
-    selector: 'app-base-dropdown',
-    template: `
-    <span>
-      <kv-label
-        [componentId]="componentId"
-        [label]="label"
-      />
-      <p-dropdown
-        appendTo="body"
-        [class]="baseInputClass"
-        [disabled]="disabled"
-        [filter]="filter"
-        [inputId]="componentId"
-        [(ngModel)]="value"
-        [options]="filteredOptions"
-        [optionLabel]="optionLabel"
-        [optionValue]="optionValue"
-        [optionDisabled]="optionDisabled"
-        [group]="group"
-        [optionGroupLabel]="optionGroupLabel"
-        [optionGroupChildren]="optionGroupChildren"
-        [showClear]="showClear"
-        [lazy]="lazy"
-        scrollHeight="250px"
-        (onBlur)="onInputBlur($event)"
-        (onClick)="onInputClick($event)"
-        (onChange)="onInputChange($event)"
-        (onFilter)="onInputFilter($event)"
-        [style]="{'width':widthField}"
-        [panelStyle]="{ width: widthField, overflow: 'auto' }"
-        styleClass="inputs"
-      >
-
-        <ng-template
-          *ngIf="showAddButton"
-          pTemplate="footer"
-        >
-          <p-divider></p-divider>
-          <div class="flex flex-wrap card-container p-1">
-            <div class="flex justify-content-center">
-              <button
-                pButton
-                label="Incluir"
-                pTooltip="Clique aqui para incluir um novo registro"
-                tooltipPosition="bottom"
-                icon="pi pi-plus"
-                class="p-button-rounded p-button-success mr-2"
-                (click)="addClick($event)"
-              ></button>
-            </div>
-          </div>
-        </ng-template>
-
-        <ng-template
-          let-selectedItem
-          pTemplate="item"
-          *ngIf="itemTemplate"
-        >
-          <ng-container
-            [ngTemplateOutlet]="itemTemplate"
-            [ngTemplateOutletContext]="{ $implicit: selectedItem }"
-          >
-          </ng-container>
-        </ng-template>
-
-
-        <ng-template
-          let-item
-          pTemplate="selectedItem"
-          *ngIf="selectedItemTemplate"
-        >
-          <ng-container
-            [ngTemplateOutlet]="selectedItemTemplate"
-            [ngTemplateOutletContext]="{ $implicit: item }"
-          >
-
-          </ng-container>
-        </ng-template>
-
-      </p-dropdown>
-
-      <kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
-    </span>
-    <ng-content></ng-content>
-    `,
-    standalone: true,
-    imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule, PrimeNgModule, KvLabelModule, kvErrorModule]
-})
-export class BaseComponentDropdownNew extends BaseComponentDropDown {
-
-    @Input() formGroup!: FormGroup;
-    @Input() formControlName!: string;
-
-    @Input() dropDowValue!: any;
-    @Input() itemTemplate!: TemplateRef<any>;
-    @Input() selectedItemTemplate!: TemplateRef<any>;
-
-    override ngOnInit(): void {
-        if (this.dropDowValue)
-            this.value = this.dropDowValue;
-    }
-
-}