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

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

  constructor() { }

  ngOnInit() {

    this.obtenerConsulta();
  }

  filter = '';
  estadoArticulos = 'pendiente';
  comprobantes = [1, 2, 3];
  cabecera = {};
  cuerpo = [];
  articulosFiltro = [];
  paginaActiva = 1;
  paginas = [];
  
  fecha = new Date();

  filtrar(event: any) {
    this.articulosFiltro =  this.cuerpo.filter((param)=> {
      return 
    });

    this.paginar();
  }

  paginar() {

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

  getPaginaFiltro() {

    this.articulosFiltro = this.cuerpo.filter((articulo) => {
      return articulo.estado == this.estadoArticulos &&
        (articulo.LI0.toLocaleUpperCase().includes(this.filter.toLocaleUpperCase()) ||
        articulo.codigoBarras == this.filter);
    });

    this.paginar();

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

  getCantidadArticulosByEstado(estado: String) {
    return this.cuerpo.filter((articulo) => {
      return articulo.estado == estado;
    }).length;
  }

  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,
          estado: 'pendiente',
          codigoBarras: '7790667006462'
        },
        {
          LI0: 'Papas',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Peras',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Cafe',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Cafe capuchino',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Menta',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Fernet',
          CAN: 5,
          estado: 'pendiente',
        },
        {
          LI0: 'Andes',
          CAN: 5,
          estado: 'pendiente',
        }
      ];
  
      this.articulosFiltro = this.cuerpo;

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

}