keevo-components 1.8.125 → 1.8.127

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: 80%;
+  max-width: 800px;
+}

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