appproject-components 1.0.45 → 1.0.47

package/src/lib/input-valor/input-valor.component.ts

@@ -0,0 +1,164 @@
+import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BaseInputComponent } from '../baseInputComponent';
+
+@Component({
+  selector: 'kb-input-valor',
+  templateUrl: './input-valor.component.html',
+  styleUrls: ['./input-valor.component.scss', './../baseComponent.scss'],
+  providers: [{
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: InputValorComponent,
+    multi: true
+  }]
+})
+export class InputValorComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
+  @Input() maxValor: number = null;
+  @ViewChild('inputValor', { read: ElementRef, static: true}) inputValorEdit;
+  //control value acessor
+  public data: string | any;
+  private onChange: Function = (data: string) => { };
+  private onTouch: Function = () => { };
+  private disabled: boolean = false;
+  public console = console;
+
+  writeValue(value: string | any): void {
+    //console.log('write value', value);
+    this.onChange(value);
+    this.data = value;
+  }
+  registerOnChange(fn: any): void {
+    this.onChange = fn;
+  }
+  registerOnTouched(fn: any): void {
+    this.onTouch = fn;
+  }
+  setDisabledState?(isDisabled: boolean): void {
+    this.disabled = this.disabled;
+  }
+
+  constructor() {
+    super();
+  }
+
+  override ngOnInit() { }
+
+  onBlur() {
+    if (this.form) {
+      this.form.get(this.formControlName)?.markAsTouched();
+    }
+    //verificar o valor
+    if (this.maxValor) {
+      if (this.form) {
+        //console.log(this.form.get(this.formControlName).value);
+        let valor = this.strToFloatZero(this.form.get(this.formControlName).value);
+        if (valor > this.maxValor) {
+          this.form.patchValue({
+            [this.formControlName]: this.converterValorDecimalMil((this.maxValor * 100).toString())
+          });
+        }
+      } else {
+        let valor = this.strToFloatZero(this.data);
+        if (valor > this.maxValor) {
+          this.data = this.converterValorDecimalMil((this.maxValor * 100).toString());
+          this.writeValue(this.data);
+        }
+      }
+    }
+    if (this.blur) {
+      this.blur.emit(this.blurArgs);
+    }
+  }
+
+  digitarValor(event: any) {
+    //this.item.vendaunitario = this.utils.converterValorDecimal(this.item.vendaunitario);
+    setTimeout(() => {
+      if (this.form) {
+        this.form.patchValue({
+          [this.formControlName]: this.converterValorDecimalMil(this.form.get(this.formControlName)?.value) 
+        });
+      } else {
+        this.data = this.converterValorDecimalMil(this.data);
+        this.writeValue(this.data);
+      }
+    }, 100);
+
+    return true;
+  }
+
+  isEmpty(str: string | any): boolean {
+    return str == null || str == undefined || str == '';
+  }
+
+  converterValorDecimalMil(campo: string, casas: number = 2): string {
+    if (!this.isEmpty(campo)) {
+      //console.log('converterValorDecimal');
+      //console.log('campo:', campo, ' replaced: ', campo.replace(',', '').replace('.', ''));      
+      if (campo == '-') {
+        return campo;
+      }
+
+      let valor = parseFloat(campo.replace(',', '').replace('.', '').replace('.', '').replace('.', ''));
+
+      if (isNaN(valor)) {
+        return '';
+      }
+
+      let valordiv = parseInt("1" + this.stringOfChar("0", casas));
+      //valor /= 100;      
+      console.log(valor, '/', valordiv);
+      valor /= valordiv;
+      console.log('=', valor);
+      return this.decimalToStringMil(valor);
+      /*
+      var str = valor.toString().replace('.', ',');
+      var aStr = str.split(',');
+      if (aStr.length == 1) {
+        //str += ',00';
+        str += ',' + this.stringOfChar('0', casas);
+      }
+      else {
+        //str += this.stringOfChar('0', 2 - aStr[1].length);
+        str += this.stringOfChar('0', casas - aStr[1].length);
+      }
+      return str;
+      */
+    }
+    else
+      return campo;
+  }
+
+  decimalToStringMil(number?: any) {
+    if (number != null) {
+      if (number == 0 || number == '0') {
+        return '0,00';
+      }
+      //console.log(number);
+      let numero = number.toFixed(2).split('.');
+      numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
+      return numero.join(',').replace('-.', '-');
+    } else
+      return '';
+  }
+
+  stringOfChar(str: string, tam: number): string {
+    var res = '';
+    for (var i = 0; i < tam; i++) {
+      res += str;
+    }
+    return res;
+  }
+
+  strToFloatZero(str): number {
+    if (Number.isFinite(str))
+      return str;
+    if (this.isEmpty(str))
+      return 0;
+    else
+      return parseFloat(str.replace('.', '').replace(',', '.'));
+  }
+
+  setFocus() {
+    this.inputValorEdit.nativeElement.setFocus();
+  }
+}

package/{lib/lib-config.d.ts → src/lib/lib-config.ts}

@@ -1,3 +1,4 @@
-export interface LibConfig {
-    apiUrl: string;
-}
+export interface LibConfig {
+    apiUrl: string;
+  }
+  

package/src/lib/model-treeview/model-treeview.component.html

@@ -0,0 +1,20 @@
+<ion-header>
+    <ion-toolbar color="secondary">
+      <ion-title>{{ titulo }}</ion-title>
+      <ion-buttons slot="end">
+        <ion-button (click)="atualizaArvoreEntidade(tipo)">
+          <ion-icon slot="icon-only" name="refresh"></ion-icon>
+        </ion-button>
+        <ion-button (click)="modalCtrl.dismiss()">Fechar</ion-button>
+      </ion-buttons>
+    </ion-toolbar>
+  </ion-header>
+  
+  <ion-content>
+    <ion-item>
+      <ion-button style="box-shadow:  #4c8dff 0px 2px 2px 0.05px;" fill="outline" (click)="expandir()">
+        <ion-icon name="expand-outline"></ion-icon>
+      </ion-button>    
+    </ion-item>
+    <kb-tree-view #treeViewComp [campoId]="campoId" [campoPai]="campoPai" [campoLabel]="'LabelTree'" (selecionarRegistro)="clickRegistro($event)"></kb-tree-view>
+  </ion-content>

package/src/lib/model-treeview/model-treeview.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ModelTreeviewComponent } from './model-treeview.component';
+
+describe('ModelTreeviewComponent', () => {
+  let component: ModelTreeviewComponent;
+  let fixture: ComponentFixture<ModelTreeviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ModelTreeviewComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ModelTreeviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/model-treeview/model-treeview.component.ts

@@ -0,0 +1,152 @@
+import { Component, Inject, Input, OnInit, Predicate, ViewChild } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { TreeViewComponent } from '../tree-view/tree-view.component';
+import { LoadingController, ModalController } from '@ionic/angular';
+import { LibConfig } from '../lib-config';
+import { HttpClient } from '@angular/common/http';
+@Component({
+  selector: 'kb-model-treeview',
+  templateUrl: './model-treeview.component.html',
+  styleUrls: ['./model-treeview.component.scss']
+})
+export class ModelTreeviewComponent implements OnInit {
+  titulo: string = "Selecionar";
+  campoId: string;
+  campoPai: string;
+  campoLabel: string;
+  @Input() textoPesquisa: string = "";
+  empresaSelecionadaId: number;
+  empresaContabilidadeId: number;
+  listaArvore: any[];
+  tipo: string;
+  //url da API para pesquisar os itens
+  url: string;
+  subscriptionClick: Subscription;
+  subscribeId: string;
+  //função para filtrar registros que podem ser clicados
+  filterFunction: Predicate<any>;
+  //especificos
+  planoContas: number;
+  maximizar: boolean = false;
+  @ViewChild("treeViewComp") treeView: TreeViewComponent;
+
+  BASE_API = this.config.apiUrl;
+  constructor(@Inject('LibConfigService') private config: LibConfig,
+    public modalCtrl: ModalController,
+    private httpClient: HttpClient,
+    private loadingCtrl: LoadingController) { }
+
+  ngOnInit(): void {
+  }
+
+  ionViewDidEnter() {
+    this.atualizaArvoreEntidade(this.tipo);
+  }
+
+  async atualizaArvoreEntidade(tipo: string) {
+    let subscriptionC: Subscription;
+    this.treeView.cadastro = this.subscribeId;
+    let loading = await this.showLoading("Pesquisando...", true);
+    loading.onDidDismiss().then(() => {
+      subscriptionC?.unsubscribe();
+    });
+
+    this.url = this.url.startsWith('http') ? this.url : `${this.BASE_API}/${this.url}`;
+
+    var url = this.url.replace('<<EMPRESA>>', this.empresaSelecionadaId.toString());
+    var url = this.url.replace('<<FILTRO>>', '');
+    // if (this.textoPesquisa) {
+    //   url += `?filtro=${this.textoPesquisa}`;
+    // }
+
+    subscriptionC = this.httpClient.get(url).subscribe({
+      next: (result: any[]) => {
+
+
+        /*
+        empresaContato.forEach((ec) => {
+          ec.LabelTree = ec.Nome;
+          ec.EmpresaContatoPaiId = null; //campo ficticio para montar arvore
+          ec.ClicableTree = true;
+        });
+
+        this.treeView.campoId = "EmpresaContatoId";
+        this.treeView.campoPai = "EmpresaContatoPaiId";
+        this.treeView.campoLabel = "LabelTree";
+        this.treeView.itens = empresaContato;
+        this.treeView.arvoreClick(false);
+        */
+
+
+        if (!this.campoPai) {
+          this.campoPai = `${this.campoId}Pai`;
+        }
+
+
+        result.forEach((cc) => {
+          cc.LabelTree = cc[this.campoLabel];
+          if (!cc[this.campoPai]) {
+            cc[this.campoPai] = null;
+          }
+
+          if (this.filterFunction != null) {
+            const clicable = [{ ...cc }].find(this.filterFunction);
+            if (clicable != null && cc.ClicableTree == null) {
+              cc.ClicableTree = true;
+            } else {
+              cc.ClicableTree = false;
+            }
+          } else {
+            cc.ClicableTree = true;
+          }
+        });
+
+        console.log('tree result', result);
+
+        this.treeView.campoId = this.campoId;
+        this.treeView.campoPai = this.campoPai;
+        this.treeView.campoLabel = this.campoLabel;
+        this.treeView.itens = result;
+        this.treeView.arvoreClick(false);
+
+        loading.dismiss();
+      },
+      error: (error) => {
+        loading.dismiss();
+        console.log("Erro ao carregar os registros.<br>Tente mais tarde.");
+      }
+    });
+
+  }
+
+  clickRegistro(evento) {
+    if (evento.Id > 0) {
+      this.modalCtrl.dismiss({ Id: evento.Id });
+    }
+  }
+
+  expandir() {
+    this.treeView.expandir();  
+  }
+
+  //utils
+  async showLoading(msg: string, cancelable: boolean = false): Promise<HTMLIonLoadingElement> {
+    const loading = await this.loadingCtrl.create({
+      message: msg,
+      backdropDismiss: cancelable
+      //duration: 2000
+    });
+    /*
+    loading.onDidDismiss().then(() => {
+      console.log('loading dissmissed', request);
+      if (request.subscription) {
+        request.subscription.unsubscribe();
+      }
+    });
+    */
+    await loading.present();
+    return loading;
+
+  }
+  
+}

package/src/lib/tree-view/tree-view.component.html

@@ -0,0 +1,96 @@
+<div style="position: relative; height: auto; padding-left: 2%; background-color: white;">
+      
+    <div *ngIf="arvore" [class]="caixaClass" style="padding-left: 6px; font-size: 12px;">
+      <!-- raiz -->
+      <div *ngFor="let raiz of arvore" class="coluna">
+        <kb-tree-view-nivel [nivel]="0" [node]="raiz" [currentSearch]="currentSearch" (nivelClick)="raiz.Clicable === true ? carregarRegistro(raiz) : null">
+        </kb-tree-view-nivel>        
+  
+        <div *ngIf="raiz.Expandido" class="filho">
+          <div *ngFor="let nivel1 of raiz.Filhos" draggable="true">
+            <kb-tree-view-nivel [nivel]="1" [node]="nivel1" [currentSearch]="currentSearch" (nivelClick)="nivel1.Clicable === true ? carregarRegistro(nivel1): null">
+            </kb-tree-view-nivel>          
+  
+            <div *ngIf="nivel1 && nivel1.Expandido" class="filho">
+              <div *ngFor="let nivel2 of nivel1.Filhos">
+                <kb-tree-view-nivel [nivel]="2" [node]="nivel2" [currentSearch]="currentSearch" (nivelClick)="nivel2.Clicable === true ? carregarRegistro(nivel2): null">
+                </kb-tree-view-nivel>              
+  
+                <div *ngIf="nivel2 && nivel2.Expandido" class="filho">
+                  <div *ngFor="let nivel3 of nivel2.Filhos">
+                    <kb-tree-view-nivel [nivel]="3" [node]="nivel3" [currentSearch]="currentSearch" (nivelClick)="nivel3.Clicable === true ? carregarRegistro(nivel3): null">
+                    </kb-tree-view-nivel>
+  
+                    <div *ngIf="nivel3 && nivel3.Expandido" class="filho">
+                      <div *ngFor="let nivel4 of nivel3.Filhos">
+                        <kb-tree-view-nivel [nivel]="4" [node]="nivel4" [currentSearch]="currentSearch" (nivelClick)="nivel4.Clicable === true ? carregarRegistro(nivel4): null">
+                        </kb-tree-view-nivel>
+  
+                        <div *ngIf="nivel4 && nivel4.Expandido" class="filho">
+                          <div *ngFor="let nivel5 of nivel4.Filhos">
+                            <kb-tree-view-nivel [nivel]="5" [node]="nivel5" [currentSearch]="currentSearch"
+                              (nivelClick)="nivel5.Clicable === true ? carregarRegistro(nivel5): null"></kb-tree-view-nivel>
+  
+                            <div *ngIf="nivel5 && nivel5.Expandido" class="filho">
+                              <div *ngFor="let nivel6 of nivel5.Filhos">
+                                <kb-tree-view-nivel [nivel]="6" [node]="nivel6" [currentSearch]="currentSearch"
+                                  (nivelClick)="nivel6.Clicable === true ? carregarRegistro(nivel6): null"></kb-tree-view-nivel>
+  
+                                <div *ngIf="nivel6 && nivel6.Expandido" class="filho">
+                                  <div *ngFor="let nivel7 of nivel6.Filhos">
+                                    <kb-tree-view-nivel [nivel]="7" [node]="nivel7" [currentSearch]="currentSearch"
+                                      (nivelClick)="nivel7.Clicable === true ? carregarRegistro(nivel7): null"></kb-tree-view-nivel>
+  
+                                    <div *ngIf="nivel7 && nivel7.Expandido" class="filho">
+                                      <div *ngFor="let nivel8 of nivel7.Filhos">
+                                        <kb-tree-view-nivel [nivel]="8" [node]="nivel8"
+                                          (nivelClick)="nivel8.Clicable === true ? carregarRegistro(nivel8): null"></kb-tree-view-nivel>
+  
+                                        <div *ngIf="nivel8 && nivel8.Expandido" class="filho">
+                                          <div *ngFor="let nivel9 of nivel8.Filhos">
+                                            <kb-tree-view-nivel [nivel]="9" [node]="nivel9" [currentSearch]="currentSearch"
+                                              (nivelClick)="nivel9.Clicable === true ? carregarRegistro(nivel9): null"></kb-tree-view-nivel>
+  
+                                            <div *ngIf="nivel9 && nivel9.Expandido" class="filho">
+                                              <div *ngFor="let nivel10 of nivel9.Filhos">
+                                                <kb-tree-view-nivel [nivel]="10" [node]="nivel10" [currentSearch]="currentSearch"
+                                                  (nivelClick)="nivel10.Clicable === true ? carregarRegistro(nivel10): null"></kb-tree-view-nivel>
+  
+                                              </div>
+  
+                                            </div>
+                                          </div>
+  
+                                        </div>
+  
+  
+                                      </div>
+  
+                                    </div>
+                                  </div>
+  
+                                </div>
+                              </div>
+  
+                            </div>
+                          </div>
+  
+                        </div>
+                      </div>
+  
+                    </div>
+                  </div>
+  
+                </div>
+  
+  
+  
+              </div>
+  
+            </div>
+  
+          </div>
+  
+        </div>
+      </div>
+    </div>

package/src/lib/tree-view/tree-view.component.scss

@@ -0,0 +1,50 @@
+.boxSeta {
+    margin: 2px;
+    font-size: large;
+    color: rgb(9, 69, 158);
+    cursor: pointer;
+}
+.caixa{
+    border: 2px transparent solid;
+    padding: 3px;
+    //height: 560px;
+    width: 100%;
+    position: relative;
+    overflow-y: auto;
+    background-color: white;
+    border-radius: 5px;
+    height: 100%;
+}
+.coluna{
+    padding-bottom: 10px;    
+}
+
+.filho{
+    padding-top: 6px;     
+}
+
+.node-link {
+    cursor: pointer;
+}
+
+.caixa-agrupado{
+    border: 2px transparent solid;
+    padding: 3px;
+    height: 701px;
+    width: 100%;
+    position: relative;
+    overflow-y: auto;
+    border-radius: 5px;
+    background-color: white;
+}
+
+.caixa-empresa{
+    border: 2px transparent solid;
+    padding: 3px;
+    height: 340px;
+    width: 100%;
+    position: relative;
+    overflow-y: auto;
+    border-radius: 5px;
+    background-color: white;
+}

package/src/lib/tree-view/tree-view.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TreeViewComponent } from './tree-view.component';
+
+describe('TreeViewComponent', () => {
+  let component: TreeViewComponent;
+  let fixture: ComponentFixture<TreeViewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TreeViewComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(TreeViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/tree-view/tree-view.component.ts

@@ -0,0 +1,92 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Tree } from 'appproject-lib';
+
+@Component({
+  selector: 'kb-tree-view',
+  templateUrl: './tree-view.component.html',
+  styleUrl: './tree-view.component.scss'
+})
+export class TreeViewComponent implements OnInit{
+  @Input() itens: any[] = [];
+  @Input() campoId: string;
+  @Input() campoPai: string;
+  @Input() campoLabel: string;
+  @Input() cadastro: string;
+  //sera o nome da chamada put, ex: [endpoint: CentroCustoPai]/id/pai
+  @Input() endpoint: string;
+  @Input() caixaClass: string = 'caixa';
+  @Output() beforeUpdate = new EventEmitter();  
+  @Input() currentSearch: string;
+  @Output() selecionarRegistro = new EventEmitter();
+
+  arvore: Tree[] = [];
+
+  ngOnInit(): void {
+    //throw new Error('Method not implemented.');
+  }
+
+  montaArvore(pai: number, arvore: Tree[]): number {
+    if (arvore && arvore.length > 0) {
+      //procurar os filhos de cada no
+      arvore.forEach(f => {
+        //console.log('no atual:', f, );
+        let filhos = this.itens.filter(i => i[this.campoPai] == f.Id);
+        //console.log('filhos atual:', filhos);
+        f.Filhos = [];
+        filhos.forEach(fi => {
+          f.Filhos.push({ Id: fi[this.campoId], Pai: f.Id, Label: fi[this.campoLabel], Filhos: [], Expandido: false, Clicable: (fi['ClicableTree'] == null || fi['ClicableTree'] === true) });
+        });
+        return this.montaArvore(0, f.Filhos);
+      });
+      return 0;
+    } else {
+      //console.log('sem filhos');
+      return 0;
+    }
+  }
+
+  arvoreClick(before: boolean = true) {
+    if (this.beforeUpdate && before) {
+      this.beforeUpdate.emit();
+      return;
+    }
+    this.arvore = [];
+    //console.log('tree itens', this.itens);
+    if (this.itens && this.itens.length > 0) {
+      //montar arvore pais
+      this.itens.forEach(it => {
+        if (it[this.campoPai] == null) {
+          //é pai
+          this.arvore.push({ Id: it[this.campoId], Pai: null, Label: it[this.campoLabel], Filhos: [], Expandido: false, Clicable: (it['ClicableTree'] == null || it['ClicableTree'] === true) });
+
+        }
+      })
+      this.montaArvore(0, this.arvore);
+
+      console.log('arvore', this.arvore);
+    }
+  }
+
+  expandir(arvore: Tree[] = null): number {
+    if (arvore == null) {
+      arvore = this.arvore;
+    }
+    if (arvore && arvore.length > 0) {
+      //procurar os filhos de cada no
+      arvore.forEach(f => {
+        //expandir
+        f.Expandido = true;
+        return this.expandir(f.Filhos);
+      });
+      return 0;
+    } else {
+      //console.log('sem filhos');
+      return 0;
+    }
+  }
+
+  carregarRegistro(node: Tree) {
+    console.log('carrega registro', node);
+    this.selecionarRegistro.next({ Cadastro: this.cadastro, Id: node.Id });
+  }
+}

package/src/lib/tree-view-nivel/tree-view-nivel.component.html

@@ -0,0 +1,17 @@
+<span [innerHtml]="identacao" class="node-link"></span>
+<!-- mostrar a seta se tiver filhos ou se for raiz (nivel = 0)-->
+<span class="node-link" *ngIf="!node.Expandido && (node.Filhos.length > 0 || nivel == 0)" (click)="node.Expandido = !node.Expandido"
+  class="boxSeta">
+  <ion-icon name="chevron-forward-outline"></ion-icon>
+</span>
+<span class="node-link" *ngIf="node.Expandido" (click)="node.Expandido = !node.Expandido" class="boxSeta">
+  <ion-icon name="chevron-down-outline"></ion-icon>
+</span>
+<!--
+<span *ngIf="!node.Expandido">&nbsp;&nbsp;&nbsp;</span>
+-->
+
+<!-- 
+<span [class]="{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }" (click)="nodeClick()" title="{{ node.Label }}"> {{ node.Label }}</span>
+-->
+<span [class]="{ 'node-link' : node.Clicable === true, 'node-disabled': node.Clicable === false }" (click)="nodeClick()" title="{{ node.Label }}" [innerHTML]="highlight(node.Label)"></span>

package/src/lib/tree-view-nivel/tree-view-nivel.component.scss

@@ -0,0 +1,8 @@
+.node-link {
+    cursor: pointer;
+}
+
+.node-disabled {
+    cursor: auto;
+    color: darkgray;
+}

package/src/lib/tree-view-nivel/tree-view-nivel.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TreeViewNivelComponent } from './tree-view-nivel.component';
+
+describe('TreeViewNivelComponent', () => {
+  let component: TreeViewNivelComponent;
+  let fixture: ComponentFixture<TreeViewNivelComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TreeViewNivelComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(TreeViewNivelComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});