keevo-components 1.8.44 → 1.8.45

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,9 @@
+<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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,57 @@
+<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">
+    <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]"
+          [acoesLinhaTabela]="true"
+          (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]="false"
+        [dataSource]="dataSourceEmpresa"
+        [rowsPerPageOptions]="[5, 10, 25, 50, 100, 200]"
+        [acoesLinhaTabela]="true"
+        (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

@@ -0,0 +1,117 @@
+// * {
+//   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: 70%;
+  max-width: 700px;
+}

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

@@ -0,0 +1,196 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { ImagensService } from '../../api/services/imagens.service';
+import { TableConfigColumn } from '../../api/components/table/table.config.column';
+import { TableConfig } from '../../api/components/table/table.config';
+
+@Component({
+  selector: 'kv-workspace',
+  templateUrl: './kv-workspace.component.html',
+  styleUrls: ['./kv-workspace.component.scss'],
+})
+export class WorkspaceComponent implements OnInit {
+  @Input() nomeSistema: string = 'Nome do Sistema';
+  @Input() nomeUsuario: string = 'Nome do Usuário Logado';
+  @Input() masters!: any[]; // Lista das contabilidades e suas respectivas empresas
+  @Input() somenteMaster: boolean = false; // Se for apenas seleção de contabilidade
+
+  @Output() onGetMasterSelecionada = new EventEmitter<any>();
+  @Output() onGetEmpresaSelecionada = new EventEmitter<any>();
+
+  empresas!: any[];
+  masterSelecionada!: any;
+  empresaSelecionada!: any;
+
+  visivel = true;
+  txtPesquisa = '';
+  imgPersonagens = '';
+  imgLogoKeevo = '';
+  styleBackground = '';
+  imgLogoKeevoCenter = '';
+
+  //Tabela Master
+  selectedItemMaster: any;
+  selectedItemsLoteMaster: any;
+  tableSizeMaster: number = 5;
+  tableConfigMaster!: TableConfig;
+  dataSourceMaster: any = [];
+  //Tabela  Empresa
+  selectedItemEmpresa: any;
+  selectedItemsLoteEmpresa: any;
+  tableSizeEmpresa: number = 5;
+  tableConfigEmpresa!: TableConfig;
+  dataSourceEmpresa: any = [];
+
+  constructor() {}
+
+  ngOnInit(): void {
+    this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
+    this.imgLogoKeevo = ImagensService.getLogoKeevo();
+    this.imgLogoKeevoCenter = ImagensService.getLogoKeevoCenter();
+    this.styleBackground =
+      'background-image: url(' + ImagensService.getBackgroundWorkSpace() + ');';
+    this.columnConfigTableMaster();
+    this.verificaMasterUnica();
+  }
+
+  verificaMasterUnica() {
+    if (this.masters.length == 1) this.selecionarMaster(this.masters[0]);
+  }
+
+  selecionarMaster(master: any) {
+    this.onGetMasterSelecionada.emit(master);
+    this.masterSelecionada = master;
+
+    if (this.somenteMaster) this.visivel = false;
+    else {
+      this.empresas = master.empresas;
+      this.columnConfigTableEmpresa();
+      this.verificaEmpresaUnica();
+    }
+  }
+
+  verificaEmpresaUnica() {
+    if (this.empresas && this.empresas.length == 1)
+      this.selecionarEmpresa(this.empresas[0]);
+  }
+
+  selecionarEmpresa(empresa: any) {
+    this.onGetEmpresaSelecionada.emit(empresa);
+    this.empresaSelecionada = empresa;
+    this.visivel = false;
+  }
+
+  voltar() {
+    this.empresaSelecionada = undefined;
+    this.masterSelecionada = undefined;
+  }
+
+  filtrarEmpresa(event: any) {
+    this.empresas = this.masterSelecionada.empresas.filter((e: any) =>
+      e.nomeempresa.toLowerCase().includes(event.toLowerCase())
+    );
+  }
+
+  //------------------MASTER------------------------
+
+  columnConfigTableMaster() {
+    this.dataSourceMaster = this.masters;
+    this.tableConfigMaster = {
+      lazy: false,
+      columns: [
+        {
+          position: 0,
+          field: 'idmaster',
+          header: 'Licença',
+          width: '',
+          centralize: false,
+          sortable: false,
+        },
+        {
+          position: 1,
+          field: 'razaosocial',
+          header: '',
+          width: '80%',
+          centralize: false,
+          sortable: false,
+        },
+      ],
+      actions: [
+        {
+          label: 'Acessar',
+          icon: 'login',
+          tooltip: 'Acessar Workspace',
+          command: () => {
+            this.selecionarMaster(this.selectedItemMaster);
+          },
+          disabled: () => {
+            return false;
+          },
+        },
+      ],
+      actionsLote: [],
+      enableCation: false,
+      enableFilter: false,
+      enableSelect: false,
+    };
+  }
+
+  activeItemMaster(e: any) {
+    this.selectedItemMaster = e;
+  }
+
+  doubleClickMaster(e: any) {
+    this.selectedItemMaster = e.rowData;
+    this.selecionarMaster(e.rowData);
+  }
+
+  //------------------Empresa------------------------
+
+  columnConfigTableEmpresa() {
+    this.dataSourceEmpresa = this.empresas;
+    this.tableConfigEmpresa = {
+      lazy: false,
+      columns: [
+        {
+          position: 0,
+          field: 'cnpjempresa',
+          header: 'Empresa',
+          width: '',
+          centralize: false,
+          sortable: false,
+        },
+        {
+          position: 1,
+          field: 'nomeempresa',
+          header: '',
+          width: '80%',
+          centralize: false,
+          sortable: false,
+        },
+      ],
+      actions: [
+        {
+          label: 'Acessar',
+          icon: 'login',
+          tooltip: 'Acessar Empresa',
+          command: () => {
+            this.selecionarEmpresa(this.selectedItemEmpresa);
+          },
+        },
+      ],
+      actionsLote: [],
+      enableCation: true,
+      enableFilter: true,
+      enableSelect: false,
+    };
+  }
+
+  activeItemEmpresa(e: any) {
+    this.selectedItemEmpresa = e;
+  }
+
+  doubleClickEmpresa(e: any) {
+    this.selectedItemEmpresa = e.rowData;
+    this.selecionarEmpresa(e.rowData);
+  }
+}

package/src/lib/components/kv-workspace/kv-workspace.module.ts

@@ -0,0 +1,35 @@
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import { CommonModule } from '@angular/common';
+
+import {
+    FormsModule,
+    ReactiveFormsModule
+} from '@angular/forms';
+
+import { NgModule } from '@angular/core';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
+
+import { KvButtonsModule } from "../kv-buttons/kv-button.module";
+import { KvTableModule } from '../kv-table/kv-table.module';
+import { PrimeNgModule } from '../../api/modules/primeng.module';
+import { WorkspaceComponent } from './kv-workspace.component';
+
+@NgModule({
+    declarations: [
+        WorkspaceComponent
+    ],
+    exports: [
+        WorkspaceComponent
+    ],
+    imports: [
+        CommonModule,
+        PrimeNgModule,
+        ReactiveFormsModule,
+        ProgressSpinnerModule,
+        AutoCompleteModule,
+        FormsModule,
+        KvButtonsModule,
+        KvTableModule
+    ]
+})
+export class KvWorkspaceModule { }