keevo-components 1.8.125 → 1.8.127

package/src/lib/components/kv-table-edit/kv-table-edit.component.ts

@@ -0,0 +1,700 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnInit,
+  Output,
+  SimpleChanges,
+  HostListener,
+  TemplateRef
+} from '@angular/core';
+
+import {
+  DatePipe,
+  DecimalPipe
+} from '@angular/common';
+
+import {
+  FormControl,
+  FormGroup,
+  ValidatorFn
+} from '@angular/forms';
+
+import {
+  MenuItem,
+  SelectItem
+} from 'primeng/api';
+
+import { Table } from 'primeng/table';
+
+import {
+  CapitalizePipe,
+  CpfCnpjPipe,
+  KvMenuItem,
+  NotificationService,
+  TableConfigColumn,
+  TablePaginate,
+  TelefonePipe,
+  ValueOrFn,
+  getOrExecute,
+  mapToMenuItem
+} from '../../../public-api';
+
+import { TableEditConfigColumn } from '../../api/components/table/tableedit.config.column';
+import TableEditConfig from '../../api/components/table/tabledit.config';
+import { Subject, Subscription, takeUntil, timer } from 'rxjs';
+
+@Component({
+  selector: 'kv-table-edit',
+  templateUrl: './kv-table-edit.component.html',
+  styleUrls: ['./kv-table-edit.component.scss']
+})
+export class KvTableEditComponent implements OnInit, OnChanges {
+
+
+  collapsed: boolean = false;
+  config!: TableEditConfig;
+  globalFilterFields: string[] = [];
+
+
+  @Input('config') set setConfig(value: TableEditConfig) {
+    this.config = {
+      enableCation: value.enableCation || true,
+      enableSelect: value.enableSelect || false,
+      enableFilter: value.enableFilter || true,
+      ...value,
+    };
+
+    // if (this.config.enableFilter) {
+    //   this.config.columns.forEach((col) => {
+    //     this.globalFilterFields.push(col.field);
+    //   });
+    // }
+  }
+
+  @Input() dataSource!: any[];
+  @Input() selectedItems: any[] = [];
+  selectedItem!: any;
+  @Input() totalRecords!: number;
+  @Input() paginator: boolean = true;
+  @Input() rowsPerPageOptions!: number[];
+  @Input() rows: number = 5;
+  @Input() pageLinksOptions: number = 1;
+  @Input() showFirstLastIcon: boolean = false;
+  @Input() tableSize!: number;
+  @Input() applyStyle: Function = (rowData: any, col: TableConfigColumn) => '';
+  @Input() filterColumnsBtn: boolean = false;
+  @Input() filtrosAvancados: boolean = false;
+  @Input() scrollHeight: string = '';
+  @Input() isTableScrollable: boolean = false;
+  @Input() rowTrackBy: Function = (index: number, item: any) => item;
+  @Input() responsiveLayout: boolean = true;
+  @Input() tamanhoTotalTabela!: number;
+
+  //FIXME: Remover props não utlizadas
+  //NOTE: PROPS CRIADAS AGORA
+  @Input() editMode: 'row' | 'cell' = 'cell';
+  isEditing: boolean = false;
+  isShowSizes: boolean = false;
+
+  private itemsParaSalvamento: any[] = []
+  protected itemInitialState!: any;
+
+  @Input() enableSizes: boolean = false;
+
+
+
+  @Input('templates') _templates!: any;
+  tamanhoTela!: number;
+  selecteIems!: any[];
+  menuItems: MenuItem[] = [];
+  imgDefault: string =
+    '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';
+
+  isExpanded: boolean = false;
+
+  statuses!: SelectItem[];
+  clonedDataSource: { [s: string]: any } = {};
+
+  /**  Emite evento de salvamento da linha */
+  // @Output() onRowSave: EventEmitter<any> = new EventEmitter();
+  @Output() onSave: EventEmitter<any> = new EventEmitter();
+
+  @Output() onActiveItem: EventEmitter<any> = new EventEmitter();
+  @Output() onActiveItemLote: EventEmitter<any> = new EventEmitter();
+  @Output() onPaginate: EventEmitter<any> = new EventEmitter();
+  @Output() onSelectionChange: EventEmitter<any> = new EventEmitter();
+  @Output() doubleClickEvent: EventEmitter<any> = new EventEmitter();
+  @Output() filterField: EventEmitter<any> = new EventEmitter();
+  @Output() onSwitchTableChange: EventEmitter<any> = new EventEmitter();
+  @Output() onFilter: EventEmitter<any> = new EventEmitter();
+
+  constructor(
+    private readonly datePipe: DatePipe,
+    private readonly decimalPipe: DecimalPipe,
+    private readonly cpfCnpjPipe: CpfCnpjPipe,
+    private readonly telefonePipe: TelefonePipe,
+    private readonly capitalizePipe: CapitalizePipe,
+    private readonly notificationService: NotificationService
+  ) {
+    this.isRowSelectable = this.isRowSelectable.bind(this);
+  }
+  selectedProduct: any = {
+    rowData: {},
+    editing: false
+  };
+
+  getOrExecute<T>(action: ValueOrFn<T>, data: any): T {
+    return getOrExecute(action, data);
+  }
+
+  items!: MenuItem[];
+
+  sizes = [
+    {
+      label: 'Pequeno', class: 'p-datatable-sm', size: 0.83, command: (x: any) => {
+        this.selectedSize = { label: 'Pequeno', class: 'p-datatable-sm', size: 0.83 }
+      }
+    },
+    {
+      label: 'Normal', class: 'p-datatable-md', size: 1, command: (x: any) => {
+        this.selectedSize = { label: 'Normal', class: 'p-datatable-md', size: 1 }
+      }
+    },
+    {
+      label: 'Grande', class: 'p-datatable-lg', size: 1.17, command: (x: any) => {
+        this.selectedSize = { label: 'Large', class: 'p-datatable-lg', size: 1.17 }
+
+      }
+    },
+
+    // { name: 'Small', class: 'p-datatable-sm', size:  0.83 },
+    // { name: 'Normal', class: 'p-datatable-md', size: 1 },
+    // { name: 'Large',  class: 'p-datatable-lg', size: 1.17 }
+  ];
+  selectedSize: any = { name: 'Normal', class: 'p-datatable-md', size: 1 };
+
+
+  //FIXME: Mover para um local adequado
+  timerSubscription!: Subscription; // Assinatura do temporizador
+  onSaveTimer$: Subject<void> = new Subject<void>(); // Sujeito para controlar o temporizador
+  private onDestroy$: Subject<void> = new Subject<void>();
+
+  ngOnInit() {
+
+    this.onSaveTimer$.pipe(
+      takeUntil(this.onDestroy$)
+    ).subscribe(() => {
+      // Quando o temporizador terminar, emita o evento onSave com os dados a serem salvos
+      this.onRowEditSave();
+    });
+
+
+    this.tamanhoTela = window.innerWidth;
+
+    this.items = [
+      {
+        label: 'Editar linha', icon: 'pi pi-fw pi-pencil', command: () => {
+          const element = document.getElementById('rowEdit' + this.selectedProduct.rowData[this.config.dataKey]);
+          if (element && !this.config.disableEditRowFunction?.(this.selectedProduct.rowData)) {
+            element.click()
+          } else {
+            this.notificationService.toastWarn("A edição dessa linha esta desabilitada")
+          }
+          this.onRowEditInit(this.selectedProduct)
+
+        }
+      },
+      {
+        label: 'Cancelar edição', icon: 'pi pi-fw pi-times', command: (data: any) => {
+          const element = document.getElementById('rowCancel' + this.selectedProduct.rowData[this.config.dataKey]);
+          if (element) {
+            element.click();
+          } else {
+            this.notificationService.toastWarn("A edição dessa linha esta desabilitada")
+          }
+        }
+      },
+      {
+        label: 'Salvar edição', icon: 'pi pi-fw pi-save', command: (data: any) => {
+          const element = document.getElementById('rowSave' + this.selectedProduct.rowData[this.config.dataKey]);
+          if (element) {
+            element.click(); // Dispara um evento de clique no elemento com ID 'teste'
+          } else {
+            this.notificationService.toastWarn("A edição dessa linha esta desabilitada")
+          }
+        }
+      },
+      {
+        label: 'Entrar em modo de edição', icon: 'pi pi-fw pi-pencil', command: () => {
+          this.isEditing = true;
+        }
+      },
+      {
+        label: 'Sair do modo de edição', icon: 'pi pi-fw pi-pencil', command: () => {
+          this.isEditing = false;
+          if (this.itemsParaSalvamento.length > 0)
+            this.onRowEditSave();
+        }
+      },
+    ];
+
+
+    // Subscreve-se ao sujeito onSaveTimer$
+
+
+  }
+  ngOnDestroy(): void {
+    // Completa o sujeito onDestroy$
+    this.onDestroy$.next();
+    this.onDestroy$.complete();
+    // Se houver um temporizador em execução, pare-o
+    if (this.timerSubscription) {
+      this.timerSubscription.unsubscribe();
+      // Após parar o temporizador, chame onSave diretamente para salvar os dados
+      this.onRowEditSave();
+    }
+  }
+
+  ngDoCheck(): void {
+    this.items[0].visible = this.editMode == 'row' && !this.selectedProduct.editing && this.isEditableTable() !== false;
+    this.items[1].visible = this.editMode == 'row' && this.selectedProduct.editing && this.isEditableTable() !== false;
+    this.items[2].visible = this.editMode == 'row' && this.selectedProduct.editing && this.isEditableTable() !== false;
+
+    this.items[3].visible = this.editMode == 'cell' && !this.isEditing;
+    this.items[4].visible = this.editMode == 'cell' && this.isEditing;
+
+
+  }
+
+  dbClickEdit() {
+
+    const element = document.getElementById('rowEdit' + this.selectedItem[this.config.dataKey]);
+    if (element) {
+      element.click();
+    } else {
+      if (this.editMode == 'row')
+        this.notificationService.toastWarn("A edição dessa linha esta desabilitada")
+    }
+  }
+
+  isRowSelectable(event: any) {
+    return !this.isDisabledCheckbox(event.data);
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    //Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.
+    //Add '${implements OnChanges}' to the class.
+    if (changes['setConfig'] && this.config) {
+
+      this.config.columns.forEach((e: TableEditConfigColumn) => {
+        if (e.fieldControlType == 'dropdown') {
+          this.listarDrop(e.fieldDropDownControl?.fieldControlDropdownService, e)
+
+        }
+      })
+    }
+  }
+
+  onRowEditInit(rowData: any) {
+    this.clonedDataSource[rowData.id as string] = { ...rowData };
+  }
+
+
+
+  onEditInit(event1: any) {
+    if (this.isEditing) this.itemInitialState = { ...event1.data }
+  }
+
+  onEditComplete(event: any) {
+    if (this.isEditing) {
+      //Verificamos se e o prmeiro item ou se o novo item ainda e do mesmo objeto. Alem disso verificamos se o campo foi realmente alterado abaixo
+      if (
+        this.itemsParaSalvamento.length === 0 ||
+        this.itemsParaSalvamento[this.itemsParaSalvamento.length - 1].index === event.index
+      ) {
+        if (event.data[event.field] != this.itemInitialState[event.field]) {
+          this.adicionarCelulaParaSalvar(event);
+        }
+      } else {
+        // Se o último item editado não for da mesma linha, emita o evento onSave e adicione o item atual para salvar
+        this.onRowEditSave();
+        this.adicionarCelulaParaSalvar(event);
+      }
+    }
+
+  }
+
+  adicionarCelulaParaSalvar(item: any) {
+    // Adiciona os dados editados ao array para salvamento
+    this.itemsParaSalvamento.push(item);
+
+    // Se houver um temporizador em execução, limpe-o e reinicie
+    if (this.timerSubscription) {
+      this.timerSubscription.unsubscribe();
+    }
+
+    // Inicia o temporizador para emitir onSave após 5 segundos
+    this.timerSubscription = timer(5000).subscribe(() => {
+      this.onSaveTimer$.next(); // Emita onSave após 5 segundos
+    });
+  }
+
+
+  onRowEditSave() {
+
+    const objetoRefletido: any = { ...this.itemsParaSalvamento[0].data };
+    // Reflete as alterações em um objeto
+    this.itemsParaSalvamento.forEach(item => {
+      const chave = item.field
+      const valor = item.data[chave];
+      objetoRefletido[chave] = valor;
+    });
+    this.onSave.emit(objetoRefletido)
+    this.itemsParaSalvamento = [];
+  }
+
+  // onRowEditSave(rowData: any, index?: any) {
+
+
+  //   let errors = []
+  //   //Validação do formulario fake
+  //   this.config.columns.forEach((col: TableEditConfigColumn) => {
+
+  //     if (col.required ?? true) {
+  //       if (!rowData[col.field])
+  //         this.notificationService.toastWarn(`O campo ${col.header} e obrigatório! `)
+  //     }
+
+  //     if (col.validator) {
+  //       const tempFormControl = new FormControl(rowData[col.field], col.validator as ValidatorFn);
+  //       tempFormControl.markAllAsTouched()
+  //       tempFormControl.valid
+  //       if (tempFormControl.invalid) {
+  //         this.notificationService.toastWarn(`Erro ao validar dados do campo: ${col.header}! `)
+  //         errors.push({ erro: "Campo invalido", campo: rowData[col.field] })
+  //       }
+  //     }
+  //   })
+
+  //   if (errors.length == 0) {
+  //     this.onRowSave.emit(rowData)
+  //     delete this.clonedDataSource[rowData.id as string];
+  //   } else {
+  //     this.notificationService.toastWarn(`Erro de validação de dados! `)
+  //     // this.onRowEditCancel(rowData, index)
+  //     // this.onRowEditInit(rowData)
+  //     this.dataSource[index] = this.clonedDataSource[rowData.id as string];
+  //     delete this.clonedDataSource[rowData.id as string];
+  //   }
+  // }
+
+  onRowEditCancel(product: any, index: number) {
+    this.dataSource[index] = this.clonedDataSource[product.id as string];
+    delete this.clonedDataSource[product.id as string];
+  }
+
+  async listarDrop(service: any, col: any, indtodos?: boolean) {
+    const column = this.config.columns?.indexOf(col);
+
+    if (!col.fieldDropDownControl.fieldControlDropdownSource)
+      await service.Listar(indtodos || '').subscribe({
+        next: (data: any[]) => {
+          if (column) {
+
+            if (this.config && this.config.columns && column !== undefined) {
+              // @ts-ignore
+              this.config.columns[column].fieldDropDownControl.fieldControlDropdownSource = data;
+            }
+
+            return this.config.columns[column].fieldDropDownControl?.fieldControlDropdownSource
+          }
+        }
+      });
+
+    else return this.config.columns[column].fieldDropDownControl?.fieldControlDropdownSource
+  }
+
+  retornaDescricaoDrop(rowData: any[], col: TableEditConfigColumn) {
+
+    const data = col.fieldDropDownControl?.fieldControlDropdownSource
+    const idobjeto = col.fieldDropDownControl?.idobjeto
+    const descricaoobjeto = col.fieldDropDownControl?.descricaoobjeto
+    // @ts-ignore
+    const valorAtual = rowData[col.field]
+
+    if (data && idobjeto && descricaoobjeto)
+      return data?.find((item: any) => item[idobjeto] == valorAtual)[descricaoobjeto]
+    else return 'Carregando'
+  }
+
+  public onGlobalFilter(table: Table, event: Event) {
+    this.onFilter.emit((event.target as HTMLInputElement).value);
+    table.filterGlobal((event.target as HTMLInputElement).value, 'contains');
+  }
+
+  @HostListener('window:resize', ['$event'])
+  onWindowResize() {
+    this.adjustTableSize();
+    this.tamanhoTela = window.innerWidth;
+  }
+
+  adjustTableSize() {
+    if (this.tableSize < 800) {
+      this.selectedSize = 'p-datatable-sm';
+    } else {
+      this.selectedSize = '';
+    }
+  }
+
+  public paginate($event: any) {
+    if ($event) {
+      let paginaInicial =
+        ($event?.first > 0 ? $event.first / $event.rows : $event.first) + 1;
+      let termoPesquisa = '';
+      let ordenacao = '';
+
+      if ($event.globalFilter) termoPesquisa = $event.globalFilter;
+
+      if ($event.sortField)
+        ordenacao = `${ $event.sortField } ${ $event.sortOrder === 1 ? 'ASC' : 'DESC'
+          }`;
+
+      const objeto: TablePaginate = {
+        paginaInicial: paginaInicial,
+        tamanhoPagina: $event.rows,
+        termoPesquisa: termoPesquisa,
+        ordenacao: ordenacao,
+      };
+
+      this.onPaginate.emit(objeto);
+    }
+  }
+
+  isBooleanField(rowData: any, col: TableConfigColumn): boolean {
+    return col.fieldType == 'boolean';
+  }
+
+  isChipField(col: TableConfigColumn): boolean {
+    return col.fieldType == 'chip';
+  }
+
+  isImageField(col: TableConfigColumn): boolean {
+    let retorno = col.fieldType && col.fieldType === 'image' ? true : false;
+    return retorno;
+  }
+
+  returnRowClass(rowData: any, col: TableConfigColumn) {
+    let value = rowData[col.field];
+    let rowClass: string;
+
+    this.tableSize > 800 ? (rowClass = 'text-base') : (rowClass = '');
+
+    if (col.expiredDate == true) {
+      new Date(value) < new Date()
+        ? (rowClass = rowClass + ' text-red-400 font-semibold')
+        : '';
+    }
+    return rowClass;
+  }
+
+  transformValue(rowData: any, col: TableConfigColumn) {
+    let value = rowData[col.field];
+
+    if (value != null) {
+      if (!col.pipe) {
+        return value;
+      }
+
+      switch (col.pipe) {
+        case 'date':
+          return this.datePipe.transform(value, 'dd/MM/yyyy');
+        case 'decimal':
+          return this.decimalPipe.transform(value, '1.2-2', 'pt-BR');
+        case 'cpfcnpj':
+          return this.cpfCnpjPipe.transform(value);
+        case 'telefone':
+          return this.telefonePipe.transform(value);
+          case 'capitalize':
+            return this.capitalizePipe.transform(value);
+        case 'money':
+          return this.formatarValor(value);
+        case 'percentage':
+          return `${ value } %`;
+
+        default:
+          break;
+      }
+    }
+  }
+
+  alignColunasHeader(col: any): string {
+    if (col.align) {
+      if (col.align == 'right') return 'justify-content: end';
+      else return '';
+    } else return '';
+  }
+
+  centralizarColunas(col: any): string {
+    if (col.centralize) {
+      return 'text-align: center; ';
+    } else return '';
+  }
+
+  alignColunas(col: any): string {
+    if (col.align) {
+      return `text-align: ${ col.align }`;
+    } else return '';
+  }
+
+  returnClassIcon(rowData: any, col: any): string {
+    return this.retornarRow(rowData, col, 'iconrow');
+  }
+
+  returnTooltipIcon(rowData: any, col: any): string {
+    return this.retornarRow(rowData, col, 'tooltipiconrow');
+  }
+
+  returnClassChip(rowData: any, col: any): string {
+    return `chip-style w-auto border-round-2xl p-2 text-${ this.retornarRow(
+      rowData,
+      col,
+      'stylechip'
+    ) } border-${ this.retornarRow(rowData, col, 'stylechip') }`;
+  }
+
+  retornarRow(rowData: any, col: any, field: string): string {
+    const _rowaction = this.config.rows ? this.config.rows[col.field] : null;
+    const _field: string =
+      _rowaction && _rowaction[field]
+        ? _rowaction[field].constructor === Function
+          ? _rowaction[field].apply(this, [rowData])
+          : _rowaction[field]
+        : null;
+    return _field;
+  }
+
+  selectionChange(value = []) {
+    this.onSelectionChange.emit(value);
+  }
+
+  formatarValor(valor: number): string {
+    const formatter = new Intl.NumberFormat('pt-BR', {
+      style: 'currency',
+      currency: 'BRL',
+    });
+
+    return formatter.format(valor);
+  }
+
+  loadImage(rowData: any, col: TableConfigColumn): string {
+    /*
+      Nossa coluna de imagem trabalha com strings do tipo: base64 ou url
+    */
+    let retorno = `data:image/jpg;base64, ${ this.imgDefault }`;
+    if (rowData && col && rowData[col.field] && rowData[col.field] !== '') {
+      if (rowData[col.field].includes('http')) retorno = rowData[col.field];
+      else retorno = `data:image/jpg;base64, ${ rowData[col.field] }`;
+    }
+
+    return retorno;
+  }
+
+  getCustomTemplate(templatename: string): TemplateRef<any> {
+    return this._templates[templatename];
+  }
+
+  exibirCampo(field: any, rowData: any) {
+    let visible = field.visible ? field.visible(rowData) : true;
+    return visible;
+  }
+
+  public activeItem(rowData: any) {
+    this.selectedItem = rowData;
+    this.onActiveItem.emit({ rowData: rowData });
+  }
+
+  public activeItemLote(rowData: any) {
+    this.onActiveItemLote.emit(rowData);
+  }
+
+  criarMenusModal(data: any) {
+    if (this.config.actions && data) {
+      for (const action of this.config.actions) {
+        const menuInsert = mapToMenuItem(action, data);
+
+        let item = this.menuItems.filter(
+          x => x.command == menuInsert.command
+        );
+
+        if (item.length == 0) this.menuItems.push(menuInsert);
+        else {
+          if (menuInsert.label != item[0].label) {
+            let index = this.menuItems.indexOf(item[0]);
+            this.menuItems.splice(index, 1);
+          }
+
+          if (menuInsert.visible != item[0].visible) {
+            let index = this.menuItems.indexOf(item[0]);
+            this.menuItems.splice(index, 1);
+          }
+
+          if (menuInsert.disabled != item[0].disabled) {
+            let index = this.menuItems.indexOf(item[0]);
+            this.menuItems.splice(index, 1);
+          }
+        }
+      }
+    }
+  }
+
+  doubleClick(e: any, rowData: any) {
+    let eventDoubleClick = { event: e, rowData: rowData };
+
+    let array: string[] = [];
+    e.target.classList.forEach((x: any) => array.push(x));
+
+    //if (array.find((x: any) => x == 'ng-star-inserted') != undefined)
+    this.doubleClickEvent.emit(eventDoubleClick);
+  }
+
+  isDisabledCheckbox(rowData: any): boolean {
+    return this.config.disableControlCheckboxFunction
+      ? this.config.disableControlCheckboxFunction(rowData)
+      : false;
+  }
+
+  returnTooltipRow(rowData: any, col: any): any {
+    return this.retornarRow(rowData, col, 'tooltiprow');
+  }
+
+  isSwitchField(col: TableConfigColumn): boolean {
+    let retorno = col.fieldType && col.fieldType === 'switch' ? true : false;
+    return retorno;
+  }
+
+  onSwitchChange(estado: any, rowData: boolean, col: any) {
+    this.onSwitchTableChange.emit({
+      estado: estado,
+      rowData: rowData,
+      col: col
+    })
+  }
+
+  isDisableEditRowFunction(rowData: any): boolean {
+    return this.config.disableEditRowFunction ? this.config.disableEditRowFunction(rowData) : false;
+  }
+
+  isDisableEditRowCellFunction(rowData: any, col: any): boolean {
+    return col.disableEditRowCellFunction ? col.disableEditRowCellFunction(rowData) : false;
+  }
+
+  isEditableTable(): boolean | null {
+    if (!this.config.columns)
+      return null;
+
+    return this.config.columns.some((column: any) => 'fieldControlType' in column);
+  }
+}
+