keevo-components 1.8.191 → 1.8.192

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

@@ -1,305 +0,0 @@
-import {
-  Component,
-  ContentChildren,
-  EventEmitter,
-  HostListener,
-  Input,
-  Output,
-  QueryList,
-  TemplateRef,
-} from '@angular/core';
-import { MenuItem, TreeNode } from 'primeng/api';
-import { TreeTable } from 'primeng/treetable';
-import {
-  ValueOrFn,
-  getOrExecute,
-  mapToMenuItem,
-} from '../../api/components/table/kv-menuitem';
-import { TablePaginate } from '../../api/components/table/table.paginate';
-import { TemplateDirective } from '../../api/directives/template/template.directive';
-import { TreeTableConfig } from '../../api/components/tree-table/tree-table.config';
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
-import { TableConfigColumn } from '../../api/components/table/table.config.column';
-
-@Component({
-  selector: 'kv-tree-table',
-  templateUrl: './kv-tree-table.component.html',
-  styleUrls: ['./kv-tree-table.component.scss'],
-})
-export class KvTreetableComponent {
-  menuItems: MenuItem[] = [];
-  tamanhoTela!: number;
-
-  @Input() config!: TreeTableConfig;
-  @Input() dataSource!: any;
-  @Input() gridLines: boolean = false;
-  @Input() tableCaptalized: boolean = false;
-  @Input() selectedItems: any = [];
-  @Input() paginator = true;
-  @Input() rows = 10;
-  @Input() treeTableDraggable = false;
-  @Input() transferArrayItem = false;
-  @Input() ordenacao!: string;
-  @Input() totalRecords!: number;
-  @Input() textoEmptyMessage: string = 'Nenhum registro encontrado';
-  @Input() childrenRecoil: boolean = true;
-
-  /**
-   * @deprecated O valor de pageLinks é atribuído de acordo com o tamanho da tela, essa propriedade não está sendo utilizada
-   */
-  @Input() pageLinksOptions!: number;
-  /**
-   * @deprecated O valor de pageLinks é atribuído de acordo com o tamanho da tela, essa propriedade não está sendo utilizada
-   */
-  @Input() pageLinks!: number;
-  /**
-   * @deprecated A quantidade de paginitorPageIcons é atribuído de acordo com o tamanho da tela, essa propriedade não está sendo utilizada
-   */
-  @Input() showFirstLastIcon!: boolean;
-
-  @Output() onFilter: EventEmitter<any> = new EventEmitter();
-  @Output() onPaginate: EventEmitter<any> = new EventEmitter();
-  @Output() onActiveItem: EventEmitter<any> = new EventEmitter();
-  @Output() onActiveItemLote: EventEmitter<any> = new EventEmitter();
-  @Output() doubleClickEvent: EventEmitter<any> = new EventEmitter();
-  @Output() onNodeSelect: EventEmitter<any> = new EventEmitter();
-  @Output() onNodeUnselect: EventEmitter<any> = new EventEmitter();
-  @Output() onDropItem: EventEmitter<any> = new EventEmitter<any>();
-
-  ngOnInit() {
-    this.tamanhoTela = window.innerWidth;
-    if (this.ordenacao) {
-      this.dataSource = this.sortTreeNodes(this.dataSource);
-    }
-  }
-
-  @ContentChildren(TemplateDirective) templates!: QueryList<any>;
-  @Input('templates') _templates!: any;
-
-  @HostListener('window:resize', ['$event'])
-  onWindowResize() {
-    this.tamanhoTela = window.innerWidth;
-  }
-
-  public activeItem(rowData: any) {
-    this.onActiveItem.emit(rowData);
-  }
-
-  public activeItemLote(rowData: any) {
-    this.onActiveItemLote.emit(rowData);
-  }
-
-  getOrExecute<T>(action: ValueOrFn<T>, data: any): T {
-    return getOrExecute(action, data);
-  }
-
-  public onGlobalFilter(table: TreeTable, event: Event) {
-    this.onFilter.emit((event.target as HTMLInputElement).value);
-    table.filterGlobal((event.target as HTMLInputElement).value, 'contains');
-  }
-
-  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);
-    }
-  }
-
-  drop(event: CdkDragDrop<any>) {
-    const draggedNode = event.item.data;
-    const draggedChildData = draggedNode.node.data;
-
-    if (draggedNode.level === 0) {
-      moveItemInArray(this.dataSource, event.previousIndex, event.currentIndex);
-    } else if (draggedNode.level >= 1) {
-      const parentNode = draggedNode.node.parent;
-
-      if (parentNode) {
-        const parentChildren = parentNode.children.map(
-          (child: any) => child.data
-        );
-        const previousChildIndex = parentChildren.indexOf(draggedChildData);
-
-        const relativeCurrentIndex =
-          previousChildIndex + (event.currentIndex - event.previousIndex);
-
-        const targetChildIndex = Math.max(
-          0,
-          Math.min(parentChildren.length - 1, relativeCurrentIndex)
-        );
-
-        if (previousChildIndex !== -1 && targetChildIndex !== -1) {
-          moveItemInArray(
-            parentNode.children,
-            previousChildIndex,
-            targetChildIndex
-          );
-        }
-        const dropInfo: any = {
-          previousChildIndex: previousChildIndex + 1,
-          targetChildIndex: targetChildIndex + 1,
-        };
-
-        this.onDropItem.emit({ event: event, dropChildInfo: dropInfo });
-      }
-    }
-
-    this.dataSource = [...this.dataSource];
-    if (draggedNode.level === 0) {
-      this.onDropItem.emit(event);
-    }
-  }
-
-  sortTreeNodes(nodes: TreeNode[]): TreeNode[] {
-    return nodes
-      .sort((a, b) => a.data[this.ordenacao] - b.data[this.ordenacao])
-      .map((node) => {
-        if (node.children) {
-          node.children = this.sortTreeNodes(node.children);
-        }
-        return node;
-      });
-  }
-
-  calculateTargetChildIndex(
-    event: CdkDragDrop<any>,
-    parentChildren: any[],
-    previousChildIndex: number
-  ): number {
-    const targetChildIndex =
-      previousChildIndex + (event.currentIndex - event.previousIndex);
-
-    if (targetChildIndex < 0) {
-      return 0;
-    } else if (targetChildIndex >= parentChildren.length) {
-      return parentChildren.length - 1;
-    } else {
-      return targetChildIndex;
-    }
-  }
-
-  // returnStyleRow(col: any, rowNode: any): string {
-  //   const isFirstColumn = col.field === this.config.columns[0].field;
-  //   const baseOpacity = 1;
-  //   const maxLevels = 4;
-
-  //   if (isFirstColumn && rowNode.level >= 0) {
-  //     const opacity = baseOpacity - (rowNode.level / maxLevels);
-
-  //     return `border-left: solid 4px rgba(59, 110, 158, ${ opacity }) !important;`;
-  //   }
-
-  //   if (rowNode.level == 0)
-  //     return 'border-left: none !important; border-right: none !important'
-
-  //   return '';
-  // }
-
-  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);
-          }
-        }
-      }
-    }
-  }
-
-  exibirCampo(field: any, rowData: any) {
-    let visible = field.visible ? field.visible(rowData) : true;
-    return visible;
-  }
-
-  validateActionPosition(rowNode: any): boolean {
-    if (this.config.actionsPai && rowNode.level == 0) return false;
-    else return true;
-  }
-
-  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, rowNode: any): boolean {
-    return this.config.disableControlCheckboxFunction
-      ? this.config.disableControlCheckboxFunction(rowData, rowNode)
-      : false;
-  }
-
-  onNodeSelected(event: any) {
-    this.onNodeSelect.emit(event);
-  }
-
-  onNodeUnselected(event: any) {
-    this.onNodeUnselect.emit(event);
-  }
-
-  getCustomTemplate(templatename: string): TemplateRef<any> {
-    return this._templates[templatename];
-  }
-
-  validateShowTemplate(rowNode: any, col: any): boolean {
-    if (col.templateOnly) {
-      if (col.templateOnly === 'pai') {
-        return rowNode.level === 0;
-      }
-      if (col.templateOnly === 'filho') {
-        return rowNode.level === 1;
-      }
-    }
-    return true;
-  }
-
-  getIcon(icon: string): string {
-    return icon.includes('pi-') ? `pi ${icon}` : '';
-  }
-
-  align(col: TableConfigColumn): string {
-    if (col.centralize) return 'justify-content-center';
-    else if (col.align == 'right') return 'justify-content-end';
-    else return '';
-  }
-}

package/src/lib/components/kv-tree-table/kv-tree-table.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { KvTreetableComponent } from './kv-tree-table.component'
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvTreetableComponent
-  ],
-  imports: [
-    CommonModule,
-    PrimeNgModule,
-  ],
-  exports: [
-    KvTreetableComponent
-  ]
-})
-export class KvTreetableModule { }

package/src/lib/components/kv-tree-view/kv-tree-view.component.html

@@ -1,9 +0,0 @@
-<div class="card flex flex-column align-items-center justify-content-center">
-    <p-tree
-        [value]="treeViewData"
-        [selectionMode]="selectionMode"
-        class="w-full"
-        [(selection)]="selectedFiles"
-        (selectionChange)="onSelectionChange()"
-    ></p-tree>
-</div>

package/src/lib/components/kv-tree-view/kv-tree-view.component.spec.ts

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

package/src/lib/components/kv-tree-view/kv-tree-view.component.ts

@@ -1,31 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output
-} from '@angular/core';
-
-import { TreeNode } from 'primeng/api';
-
-@Component({
-  selector: 'kv-tree-view',
-  templateUrl: './kv-tree-view.component.html',
-  styleUrls: ['./kv-tree-view.component.scss']
-})
-export class KvTreeViewComponent implements OnInit {
-  @Input() selectedFiles: any = [];
-  @Input() selectionMode: any = 'checkbox';
-  @Input() treeViewData!: TreeNode[];
-
-  @Output() selectedItems: EventEmitter<any> = new EventEmitter();
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-  onSelectionChange() {
-    this.selectedItems.emit(this.selectedFiles)
-  }
-}

package/src/lib/components/kv-tree-view/kv-tree-view.module.ts

@@ -1,19 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { KvTreeViewComponent } from './kv-tree-view.component';
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-
-@NgModule({
-  declarations: [
-    KvTreeViewComponent
-  ],
-  imports: [
-    CommonModule,
-    PrimeNgModule
-  ],
-  exports: [
-    KvTreeViewComponent
-  ],
-})
-export class KvtreeViewModule { }

package/src/lib/components/kv-workspace/kv-workspace.component.html

@@ -1,53 +0,0 @@
-<div *ngIf="visivel" [style]="styleBackground"
-  class="h-screen flex justify-content-center align-items-center login-container flex-column bg-cover">
-  <div id="card-container"
-    class="flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2">
-    <div class="field col-12 flex justify-content-center mb-1">
-      <img [src]="imgLogoKeevoCenter" style="width: 200px" />
-    </div>
-
-    <div class="col-12 align-items-center z-5">
-      <div class="col-9">
-        Olá, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!
-      </div>
-      <b class="field col-9 flex">
-        Escolha qual Workspace você deseja acessar:</b>
-    </div>
-
-    <!-- INÍCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->
-    <div *ngIf="!masterSelecionada" class="col-12 z-5">
-
-      <kv-table
-        [tableSize]="tableSizeMaster"
-        [rows]="5"
-        [config]="tableConfigMaster"
-        [paginator]="false"
-        [dataSource]="dataSourceMaster"
-        [rowsPerPageOptions]="[5, 10, 25, 50, 100, 200]"
-        (doubleClickEvent)="doubleClickMaster($event)"
-        (onActiveItem)="activeItemMaster($event)"
-        [isTableScrollable]="true"
-        [scrollHeight]="'300px'">
-      </kv-table>
-
-    </div>
-    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->
-
-    <!-- INÍCIO DO WORKSPACE EMPRESA -->
-    <div *ngIf="masterSelecionada && !empresaSelecionada" class="col-12 z-5">
-      <kv-table
-        [tableSize]="tableSizeEmpresa"
-        [rows]="5"
-        [config]="tableConfigEmpresa"
-        [paginator]="showPaginatorEmpresa"
-        [dataSource]="dataSourceEmpresa"
-        [rowsPerPageOptions]="[5]"
-        (doubleClickEvent)="doubleClickEmpresa($event)"
-        (onActiveItem)="activeItemEmpresa($event)"
-        [isTableScrollable]="true"
-        [scrollHeight]="'300px'">
-      </kv-table>
-    </div>
-    <!-- FIM DO WORKSPACE EMPRESA -->
-  </div>
-</div>

package/src/lib/components/kv-workspace/kv-workspace.component.scss

@@ -1,117 +0,0 @@
-// * {
-//   margin: 0;
-// }
-
-// ::ng-deep body {
-//   margin: 0px !important;
-// }
-
-// .login-container {
-//   background-repeat: no-repeat;
-//   background-size: cover;
-// }
-
-// #card-container {
-//   background: #fff;
-//   border-radius: 14px;
-//   -webkit-border-radius: 14px;
-//   -moz-border-radius: 14px;
-//   -ms-border-radius: 14px;
-//   -o-border-radius: 14px;
-//   -webkit-border-radius: 14px;
-//   position: relative;
-//   width: 60vw;
-// }
-
-// .p-inputtext {
-//   font-size: 1rem;
-// }
-
-// #logo {
-//   background: linear-gradient(97deg, #002542 5.7%, #115a94 102.3%);
-//   background-clip: text;
-//   -webkit-background-clip: text;
-//   -webkit-text-fill-color: transparent;
-// }
-
-// .border-card {
-//   border-radius: 12px;
-//   border: 1px dashed #2770e8;
-// }
-
-// #master-card h1 {
-//   color: #26406b;
-// }
-
-// .bg-white1 {
-//   background-color: #f1f1f1;
-// }
-
-// .bg-white2 {
-//   background-color: #f2f3f5;
-// }
-
-// #personagens-imagem {
-//   width: 60% !important;
-//   position: absolute;
-//   transform: translate(-2%, -91%);
-// }
-
-// #master-container {
-//   --sb-track-color: #f1f1f1;
-//   --sb-thumb-color: #183462;
-//   --sb-size: 5px;
-
-//   scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
-// }
-
-// #master-container::-webkit-scrollbar {
-//   width: var(--sb-size);
-// }
-
-// #master-container::-webkit-scrollbar-track {
-//   background: var(--sb-track-color);
-//   border-radius: 40px;
-// }
-
-// #master-container::-webkit-scrollbar-thumb {
-//   background: var(--sb-thumb-color);
-//   border-radius: 40px;
-// }
-
-
-
-// @media (max-width: 960px) {
-
-//   #card-container{
-//     width: 60vw;
-//     min-width: 350px;    
-    
-//   }
-
-//   .p-datatable .p-datatable-tbody > tr > td {
-//     padding: 4px; 
-//     text-align: left !important;
-
-//   }
-//   .p-datatable thead {
-//     display: none;
-//   }
-//   .p-datatable .p-datatable-tbody > tr > td {
-//     display: block;
-//   }
-//   .p-datatable .p-datatable-tbody > tr > td:before {
-//     //content: attr(data-label); 
-//     float: left;
-//     font-weight: bold;
-//   }
-
-//   .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td:first-of-type {
-//     border-left: none;
-//   }
-// }
-
-.card-login  {
-  width: 80%;
-  max-width: 800px;
-}