comprobantes.component.ts 1.91 KB
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-comprobantes',
  templateUrl: './comprobantes.component.html',
  styleUrls: ['./comprobantes.component.scss']
})
export class ComprobantesComponent implements OnInit {

  constructor() { }

  ngOnInit() {

    this.obtenerConsulta();
  }

  filter = '';
  comprobantes = [1, 2, 3];
  cabecera = {};
  cuerpo = [];
  articulosFiltro = [];
  paginaActiva = 1;
  paginas = [];

  fecha = new Date();

  filtrar(event: any) {
    this.articulosFiltro =  this.cuerpo.filter((param)=> {
      return (param.LI0).toLocaleUpperCase().includes(
        (event.target.value).toLocaleUpperCase()) ||
        param.codigoBarras == event.target.value;
    });

    this.paginar();
  }

  paginar() {

    var cantPaginas = Math.round(this.articulosFiltro.length / 5) + 1;
    this.paginas = [];
    for (let i = 0; i < cantPaginas; i++) {
      this.paginas.push(i + 1);
    }
  }

  getPaginaFiltro() {
    return this.articulosFiltro.slice(
      (this.paginaActiva - 1) * 5 , this.paginaActiva * 5);
  }

  obtenerConsulta() {

    setTimeout(() => {
      this.cabecera = {
        TIP: 'A',
        TCO: 'FT',
        SUC: 623,
        NCO: 53979,
        COD: 1,
        FEC: new Date(),
        NOM: 'POTIGIAN GOLOCINAS',
        CUI: '30-54775125-2'
      };
  
      this.cuerpo = [
        {
          LI0: 'Mantel Combo Bolso CocaCola',
          CAN: 5,
          codigoBarras: '7790667006462'
        },
        {
          LI0: 'Papas',
          CAN: 5
        },
        {
          LI0: 'Peras',
          CAN: 5
        },
        {
          LI0: 'Cafe',
          CAN: 5
        },
        {
          LI0: 'Menta',
          CAN: 5
        },
        {
          LI0: 'Fernet',
          CAN: 5
        },
        {
          LI0: 'Birra',
          CAN: 5
        }
      ];
  
      this.articulosFiltro = this.cuerpo;

      this.paginar();
    }, 500);
  }

}