appproject-components 1.0.49 → 1.0.50

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

@@ -1,23 +0,0 @@
-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

@@ -1,152 +0,0 @@
-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

@@ -1,96 +0,0 @@
-<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

@@ -1,50 +0,0 @@
-.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

@@ -1,23 +0,0 @@
-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

@@ -1,92 +0,0 @@
-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

@@ -1,17 +0,0 @@
-<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

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

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

@@ -1,23 +0,0 @@
-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();
-  });
-});

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

@@ -1,43 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-
-@Component({
-  selector: 'kb-tree-view-nivel',    
-  templateUrl: './tree-view-nivel.component.html',
-  styleUrl: './tree-view-nivel.component.scss'
-})
-export class TreeViewNivelComponent implements OnInit {
-  @Output() nivelClick = new EventEmitter();
-  @Input() node: any;
-  @Input() nivel: number;
-  @Input() currentSearch: string;  
-
-  identacao: string = '';
-
-  constructor(private sanitizer: DomSanitizer) { }
-
-  ngOnInit() {
-    for (let i=0; i<this.nivel;i++) {
-      this.identacao += '<span>&nbsp;&nbsp;&nbsp;&nbsp;</span>';
-    }
-    //console.log('IDENT', this.identacao)
-  }
-
-  nodeClick() {
-    if (this.nivelClick) {
-      this.nivelClick.emit(this.node);
-    }
-  }
-
-  highlight(texto: string): any {    
-    if (!this.currentSearch)
-      return texto;
-    let index = texto.toLowerCase().indexOf(this.currentSearch.toLowerCase());
-    //console.log(index);
-    if (index >= 0) {
-      return this.sanitizer.bypassSecurityTrustHtml(texto.substring(0, index) + '<strong style="background-color: yellow !important;">' + texto.substring(index, index + this.currentSearch.length) + '</strong>' + texto.substring(index + this.currentSearch.length));  //texto.replace(this.textoPesquisa, `<strong>${this.textoPesquisa}</strong>`);
-    } else {
-      return texto;
-    }
-  }
-}

package/src/test.ts

@@ -1,15 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}