keevo-components 1.8.540 → 1.8.541

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

@@ -0,0 +1,20 @@
+<div class="field col-12 flex justify-content-center mb-1">
+  <img [src]="logoKeevoCenter" style="width: auto; height: 4rem;" />
+</div>
+
+<div class="col-12 align-items-center z-5">
+  <div class="col-9">
+    Olá, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!
+  </div>
+
+  @if(!masterSelecionada){
+  <b class="field col-9 flex">
+    Escolha qual workspace você deseja acessar:
+  </b>
+  }
+  @else {
+  <b class="field col-9 flex">
+    Escolha qual empresa você deseja acessar:
+  </b>
+  }
+</div>

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

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { LogoComponent } from './kv-workspace-logo.component';
+
+describe('LogoComponent', () => {
+  let component: LogoComponent;
+  let fixture: ComponentFixture<LogoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LogoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LogoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,18 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'kv-workspace-logo',
+  templateUrl: './kv-workspace-logo.component.html',
+  styleUrls: ['./kv-workspace-logo.component.scss']
+})
+export class WokspaceLogoComponent implements OnInit {
+
+  @Input() logoKeevoCenter !: string;
+  @Input() nomeUsuario: string = 'Nome do Usuário Logado';
+  @Input() masterSelecionada!: any;
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+}

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

@@ -0,0 +1,12 @@
+<kv-table
+  [tableSize]="5"
+  [rows]="5"
+  [config]="tableConfig"
+  [paginator]="false"
+  [dataSource]="dataSource"
+  [rowsPerPageOptions]="[5, 10, 25, 50, 100, 200]"
+  (doubleClickEvent)="doubleClick($event)"
+  (onActiveItem)="activeItem($event)"
+  [isTableScrollable]="true"
+  [scrollHeight]="'300px'">
+</kv-table>

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

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { WorkspaceMasterComponent } from './kv-workspace-master.component';
+
+describe('WorkspaceMasterComponent', () => {
+  let component: WorkspaceMasterComponent;
+  let fixture: ComponentFixture<WorkspaceMasterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WorkspaceMasterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WorkspaceMasterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,72 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output
+} from '@angular/core';
+
+import { TableConfig } from '../../../api/components/table/table.config';
+
+@Component({
+  selector: 'kv-workspace-master',
+  templateUrl: './kv-workspace-master.component.html',
+  styleUrls: ['./kv-workspace-master.component.scss']
+})
+export class WorkspaceMasterComponent implements OnInit {
+  dataSource: any = [];
+  tableConfig!: TableConfig;
+
+  @Input() masters!: any[];
+  @Input() masterSelecionada!: any;
+
+  @Output() onMasterSelecionada = new EventEmitter<any>();
+
+  constructor() { }
+
+  ngOnInit() {
+    this.configTable();
+  }
+
+  activeItem(e: any) {
+    this.masterSelecionada = e;
+  }
+
+  configTable() {
+    this.dataSource = this.masters;
+    this.tableConfig = {
+      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.masterSelecionada);
+          },
+          disabled: () => {
+            return false;
+          },
+        },
+      ],
+      actionsLote: [],
+      enableCation: false,
+      enableFilter: false,
+      enableSelect: false,
+    };
+  }
+
+  doubleClick(e: any) {
+    this.masterSelecionada = e.rowData;
+    this.selecionarMaster(this.masterSelecionada);
+  }
+
+  selecionarMaster(master: any) {
+    this.masterSelecionada = master;
+    this.onMasterSelecionada.emit(this.masterSelecionada);
+  }
+}

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

@@ -0,0 +1,50 @@
+@if(visivel){
+<div 
+  class="flex justify-content-center align-items-center flex-column h-screen "
+  id="kvworkspace-container"
+  [style.background-image]="'url(' + backgroundImg + ')'"
+>
+  <div id="card-workspace" class="flex flex-column justify-content-around formgrid p-fluid  bg-white border-round p-2">
+
+    <kv-workspace-logo
+      [logoKeevoCenter]="logoKeevoCenter"
+      [masterSelecionada]="masterSelecionada"
+      [nomeUsuario]="nomeUsuario">
+    </kv-workspace-logo>
+
+    @if(!masterSelecionada){
+    <div class="col-12 z-5">
+      <kv-workspace-master
+        [masters]="masters"
+        [masterSelecionada]="masterSelecionada"
+        (onMasterSelecionada)="selecionarMaster($event)">
+      </kv-workspace-master>
+    </div>
+    }
+
+    @if(!somenteMaster && masterSelecionada){
+    <kv-workspace-empresa
+      [empresas]="empresas"
+      [totalEmpresas]="totalEmpresas"
+      (onEmpresaSelecionada)="selecionarEmpresa($event)"
+      (onPaginate)="paginate($event)">
+    </kv-workspace-empresa>
+    }
+    <!-- <kv-button
+    class="col-2" 
+    severity="secondary" label="Voltar" /> -->
+    @if(showBtnVoltar && masterSelecionada) {
+    <div class="flex">
+      <div class="col">
+      </div>
+      <kv-button
+      class="col-2" 
+      severity="tertiary" label="Voltar" 
+      (onClick)="OnBtnVoltarClick()"
+      />
+    </div>
+  }
+
+  </div>
+</div>
+}

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

@@ -0,0 +1,17 @@
+#card-workspace {
+  width: 80%;
+  max-width: 800px;
+  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+:host {
+  overflow: hidden;
+}
+
+
+#kvworkspace-container {
+  font-family: 'Inter var' ,'Roboto' ,Arial, Helvetica, sans-serif !important;
+  background: no-repeat center;
+  background-size: cover;
+  padding: 20px; // Para evitar cortes nas bordas 
+}

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

@@ -0,0 +1,60 @@
+import {
+  Component,
+  EventEmitter,
+  Input,
+  OnInit,
+  Output
+} from '@angular/core';
+import { ImagensService } from '../../../api/services/imagens.service';
+
+@Component({
+  selector: 'kv-workspace',
+  templateUrl: './kv-workspace.component.html',
+  styleUrls: ['./kv-workspace.component.scss'],
+})
+export class WorkspaceComponent implements OnInit {
+
+  imgLogoKeevo !: string;
+  imgPersonagens!: string;
+  @Input() backgroundImg: string = 'https://work-assets.keevo.com.br/img/background-keevocenter-login.jpg';
+  @Input() logoKeevoCenter !: string;
+  @Input() nomeUsuario: string = 'Nome do Usuário Logado';
+  @Input() somenteMaster: boolean = true;
+  @Input() visivel: boolean = true;
+  @Input() showBtnVoltar: boolean = false;
+
+  @Input() empresas!: any[];
+  @Input() empresaSelecionada!: any
+  @Input() totalEmpresas: number = 0;
+
+  @Input() masters!: any[];
+  @Input() masterSelecionada!: any;
+
+  @Output() onGetMasterSelecionada = new EventEmitter<any>();
+  @Output() onGetEmpresaSelecionada = new EventEmitter<any>();
+  @Output() onPaginate = new EventEmitter<any>();
+  @Output() onBtnVoltarClick = new EventEmitter<any>();
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
+    this.imgLogoKeevo = ImagensService.getLogoKeevo();
+  }
+
+  paginate(event: any) {
+    this.onPaginate.emit(event);
+  }
+
+  OnBtnVoltarClick() {
+   this.onBtnVoltarClick.emit(); 
+  }
+
+  selecionarEmpresa(empresa: any) {
+    this.onGetEmpresaSelecionada.emit(empresa);
+  }
+
+  selecionarMaster(event: any) {
+    this.onGetMasterSelecionada.emit(event);
+  }
+}