keevo-components 1.8.190 → 1.8.191

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

@@ -0,0 +1,201 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output
+} from '@angular/core';
+
+import { ImagensService } from '../../api/services/imagens.service';
+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 {
+
+  /**
+   * Nome do usuário logado
+   */
+  @Input() nomeUsuario: string = 'Nome do Usuário Logado';
+
+  /**
+   * Lista de masters que o usuário tem acesso
+   */
+  @Input() masters!: any[];
+
+  /**
+   * Master selecionada pelo usuário
+   */
+  @Input() masterSelecionada!: any;
+
+  /**
+   * Selecionar apenas master
+   */
+  @Input() somenteMaster: boolean = false;
+
+  /**
+   * Evento de master selecionada
+   */
+  @Output() onGetMasterSelecionada = new EventEmitter<any>();
+
+  /**
+   * Evento de empresa selecionada
+   */
+  @Output() onGetEmpresaSelecionada = new EventEmitter<any>();
+
+  empresas!: any[];
+  empresaSelecionada!: any;
+  totalRecordsEmpresa: number = 0;
+  showPaginatorEmpresa: boolean = false;
+
+  visivel = true;
+  txtPesquisa = '';
+  imgPersonagens = '';
+  imgLogoKeevo = '';
+  styleBackground = '';
+  imgLogoKeevoCenter = '';
+
+  //Tabela Master
+  dataSourceMaster: any = [];
+  selectedItemMaster: any;
+  selectedItemsLoteMaster: any;
+  tableConfigMaster!: TableConfig;
+  tableSizeMaster: number = 5;
+
+  //Tabela  Empresa
+  dataSourceEmpresa: any = [];
+  selectedItemEmpresa: any;
+  selectedItemsLoteEmpresa: any;
+  tableConfigEmpresa!: TableConfig;
+  tableSizeEmpresa: number = 5;
+
+  constructor() { }
+
+  activeItemEmpresa(e: any) {
+    this.selectedItemEmpresa = e;
+  }
+
+  activeItemMaster(e: any) {
+    this.selectedItemMaster = e;
+  }
+
+  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: 'nome', 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,
+    };
+  }
+
+  columnConfigTableEmpresa() {
+    this.dataSourceEmpresa = this.empresas;
+    this.tableConfigEmpresa = {
+      lazy: false,
+      columns: [
+        { position: 0, field: 'codigopessoa', header: 'Código', width: '', centralize: false, sortable: false },
+        { position: 1, field: 'cpfcnpj', header: 'CPF/CNPJ', width: '', centralize: false, sortable: false, pipe: 'cpfcnpj' },
+        { position: 2, field: 'razaosocial', header: 'Razão social', width: '50%', centralize: false, sortable: false },
+      ],
+      actions: [
+        {
+          label: 'Acessar',
+          icon: 'login',
+          tooltip: 'Acessar Empresa',
+          command: () => {
+            this.selecionarEmpresa(this.selectedItemEmpresa);
+          },
+          disabled: () => {
+            return false;
+          },
+        },
+      ],
+      actionsLote: [],
+      enableCation: true,
+      enableFilter: true,
+      enableSelect: false,
+    };
+  }
+
+  doubleClickEmpresa(e: any) {
+    this.selectedItemEmpresa = e.rowData;
+    this.selecionarEmpresa(e.rowData);
+  }
+
+  doubleClickMaster(e: any) {
+    this.selectedItemMaster = e.rowData;
+    this.selecionarMaster(e.rowData);
+  }
+
+  filtrarEmpresa(event: any) {
+    this.empresas = this.masterSelecionada.empresas.filter((e: any) =>
+      e.nomeempresa.toLowerCase().includes(event.toLowerCase())
+    );
+  }
+
+  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();
+  }
+
+  selecionarEmpresa(empresa: any) {
+    this.onGetEmpresaSelecionada.emit(empresa);
+    this.empresaSelecionada = empresa;
+    this.visivel = false;
+  }
+
+  selecionarMaster(master: any) {
+    this.onGetMasterSelecionada.emit(master);
+    this.masterSelecionada = master;
+
+    if (this.somenteMaster)
+      this.visivel = false;
+    else {
+      this.empresas = master.empresas;
+      this.showPaginatorEmpresa = (this.empresas.length > 5);
+      this.columnConfigTableEmpresa();
+      this.verificaEmpresaUnica();
+    }
+  }
+
+  verificaEmpresaUnica() {
+    if (this.empresas && this.empresas.length == 1)
+      this.selecionarEmpresa(this.empresas[0]);
+  }
+
+  verificaMasterUnica() {
+    if (this.masters.length == 1)
+      this.selecionarMaster(this.masters[0]);
+  }
+
+  voltar() {
+    this.empresaSelecionada = undefined;
+    this.masterSelecionada = undefined;
+  }
+}

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 { }