keevo-components 2.0.105 → 2.0.107

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

@@ -0,0 +1,62 @@
+:host {
+  overflow: hidden;
+}
+
+.cards-container {
+  overflow-x: hidden;
+
+  transition: all 0.2s;
+  &::-webkit-scrollbar {
+    width: 6px;
+
+    &:hover {
+    }
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: transparent;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
+    border-left: 2px solid white;
+    background-color: rgba(var(--kv-secondary-color), 0.75);
+  }
+
+  &::-webkit-scrollbar-track {
+    border-left: 2px solid white;
+    background-color: rgba(var(--kv-secondary-color), 0.15);
+  }
+}
+
+.voltar-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  padding: 0.5rem;
+
+  transition: all 0.2s;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  &:active {
+    opacity: 0.9;
+  }
+}
+
+.link {
+  color: rgba(var(--kv-secondary-color), 0.9);
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+  }
+
+  &:active {
+    color: rgba(var(--kv-secondary-color), 1);
+  }
+}

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

@@ -0,0 +1,91 @@
+import {
+  Component,
+  computed,
+  effect,
+  EventEmitter,
+  inject,
+  input,
+  Input,
+  OnInit,
+  output,
+  Output,
+  signal
+} from '@angular/core';
+import { ImagensService } from '../../../api/services/imagens.service';
+import { FormBuilder, FormGroup } from '@angular/forms';
+
+@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() somenteMaster: boolean = true;
+  @Input() visivel: boolean = true;
+  @Input() showBtnVoltar: boolean = false;
+
+  @Input() empresaSelecionada!: any
+  @Input() totalEmpresas: number = 0;
+
+  @Input() masterSelecionada!: any;
+
+  @Output() onGetMasterSelecionada = new EventEmitter<any>();
+  @Output() onGetEmpresaSelecionada = new EventEmitter<any>();
+  @Output() onPaginate = new EventEmitter<any>();
+  @Output() onBtnVoltarClick = new EventEmitter<any>();
+
+  fb = inject(FormBuilder);
+  masters = input<any[]>([]);
+  empresas = input<any[]>([]);
+  nomeUsuario = input<string>('Nome do Usuário Logado');
+  workspaceForm!: FormGroup;
+
+  widthScreen = signal<number>(window.innerWidth);
+  logoKeevoCenter = input<string>('');
+  onFilter = output<any>();
+
+  searchInput = signal<string>('');
+
+  minWidthCard = computed(() => {
+    return this.widthScreen() >= 992 ? '45rem' : '100%';
+  });
+
+  constructor() { }
+
+  ngOnInit(): void {
+    this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
+    this.imgLogoKeevo = ImagensService.getLogoKeevo();
+
+    this.workspaceForm = this.fb.group({
+      search: ['']
+    });
+
+    window.addEventListener('resize', () => {
+      this.widthScreen.set(window.innerWidth);
+    });
+  }
+
+  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);
+  }
+
+  filter() {
+    this.onFilter.emit(this.workspaceForm.value.search)
+  }
+}