appproject-components 1.0.47 → 1.0.49

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

@@ -1,92 +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 });
-  }
-}
+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 +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>
+<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.spec.ts

@@ -1,23 +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();
-  });
-});
+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 +1,43 @@
-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;
-    }
-  }
-}
+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/tsconfig.lib.json

@@ -1,15 +1,15 @@
-/* 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"
-  ]
-}
+/* 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 +1,10 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}
+/* 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 +1,17 @@
-/* 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"
-  ]
-}
+/* 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"
+  ]
+}