Eric Fernandez / gestion-comprobantes

Commit 26ab7d6442ca8ec0480af9cfa4ba862ec5791640

Authored by Eric Fernandez 2019-08-08 17:55:34 -0300

Exists in master

Merge branch 'master' into 'master'

Master(efernandez)

See merge request !10

Showing 2 changed files Show diff stats

src/app/comprobantes/comprobantes.component.html

Diff comments View file @ 26ab7d6

1	<div class="row panel-informativo">	1	<div class="row panel-informativo">
2	<div class="col-12">	2	<div class="col-12">
3	<div class="row titulares">	3	<div class="row titulares">
4	<div	4	<div
5	class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle ng-binding ng-scope">	5	class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle ng-binding ng-scope">
6	Recepción	6	Recepción
7	<button class="btn btn-xs btn-outline-light float-right" type="button" (click)="busquedaComprobantes()"	7	<button class="btn btn-xs btn-outline-light float-right" type="button" (click)="busquedaComprobantes()"
8	title="Buscar">	8	title="Buscar">
9	<i class="fa fa-search"></i>	9	<i class="fa fa-search"></i>
10	</button>	10	</button>
11	</div>	11	</div>
12	<div class="col-7 col-sm border border-white align-middle">	12	<div class="col-7 col-sm border border-white align-middle">
13	Fecha:	13	Fecha:
14	<span ng-click="datepickerAbierto = true"> {{ fecha \| date: 'dd/MM/yyyy' }}</span>	14	<span ng-click="datepickerAbierto = true"> {{ fecha \| date: 'dd/MM/yyyy' }}</span>
15	</div>	15	</div>
16	<div class="col-5 col-sm border border-white border-right-0 align-middle">	16	<div class="col-5 col-sm border border-white border-right-0 align-middle">
17	Hora:	17	Hora:
18	<span ng-click="datepickerAbierto = true"> {{ fecha \| date: 'shortTime'}}</span>	18	<span ng-click="datepickerAbierto = true"> {{ fecha \| date: 'shortTime'}}</span>
19	</div>	19	</div>
20	</div>	20	</div>
21	</div>	21	</div>
22	</div>	22	</div>
23	<div class="row">	23	<div class="row">
24	<form class="col-12 col-sm-10">	24	<form class="col-12 col-sm-10">
25	<div class="row border" *ngIf="showCabecera">	25	<div class="row border" *ngIf="showCabecera">
26	<div class="col-6 col-sm-3 d-flex">	26	<div class="col-6 col-sm-3 d-flex">
27	<strong>Letra Factura: </strong>	27	<strong>Letra Factura: </strong>
28	<label>{{cabecera['TIP']}}</label>	28	<label>{{cabecera['TIP']}}</label>
29	</div>	29	</div>
30	<div class="col-6 col-sm-3 d-flex">	30	<div class="col-6 col-sm-3 d-flex">
31	<strong>Tipo Factura: </strong>	31	<strong>Tipo Factura: </strong>
32	<label>{{cabecera['TCO']}}</label>	32	<label>{{cabecera['TCO']}}</label>
33	</div>	33	</div>
34	<div class="col-6 col-sm-3 d-flex">	34	<div class="col-6 col-sm-3 d-flex">
35	<strong>Sucursal: </strong>	35	<strong>Sucursal: </strong>
36	<label>{{cabecera['SUC']}}</label>	36	<label>{{cabecera['SUC']}}</label>
37	</div>	37	</div>
38	<div class="col-6 col-sm-3 d-flex">	38	<div class="col-6 col-sm-3 d-flex">
39	<strong>Número: </strong>	39	<strong>Número: </strong>
40	<label>{{cabecera['NCO']}}</label>	40	<label>{{cabecera['NCO']}}</label>
41	</div>	41	</div>
42	<div class="col-6 col-sm-3 d-flex">	42	<div class="col-6 col-sm-3 d-flex">
43	<strong>Cuit: </strong>	43	<strong>Cuit: </strong>
44	<label>{{cabecera['CUI']}}</label>	44	<label>{{cabecera['CUI']}}</label>
45	</div>	45	</div>
46	<div class="col-12 col-sm-6 d-flex">	46	<div class="col-12 col-sm-6 d-flex">
47	<strong>Nombre: </strong>	47	<strong>Nombre: </strong>
48	<label>{{cabecera['NOM']}}</label>	48	<label>{{cabecera['NOM']}}</label>
49	</div>	49	</div>
50	</div>	50	</div>
51	<div>	51	<div>
52	<button type="button" class="btn btn-dark form-control" (click)="showCabecera = !showCabecera">	52	<button type="button" class="btn btn-dark form-control" (click)="showCabecera = !showCabecera">
53	<i class="fa" [ngClass]="{'fa-chevron-down': !showCabecera, 'fa-chevron-up': showCabecera }"></i>	53	<i class="fa" [ngClass]="{'fa-chevron-down': !showCabecera, 'fa-chevron-up': showCabecera }"></i>
54	</button>	54	</button>
55	</div>	55	</div>
56	<div class="row border pr-2">	56	<div class="row border pr-2">
57	<div class="col-6">	57	<div class="col-6">
58	<button type="button" class="btn btn-outline-success btn-sm"	58	<button type="button" class="btn btn-outline-success btn-sm"
59	[ngClass]="{'active': estadoArticulos == 'modificado'}"	59	[ngClass]="{'active': estadoArticulos == 'modificado'}"
60	(click)="estadoArticulos == 'modificado' ? estadoArticulos = undefined : estadoArticulos = 'modificado'; filter = '';">	60	(click)="estadoArticulos == 'modificado' ? estadoArticulos = undefined : estadoArticulos = 'modificado'; filter = '';">
61	Modificados ({{getCantidadArticulosByEstado('modificado')}})	61	Modificados ({{getCantidadArticulosByEstado('modificado')}})
62	</button>	62	</button>
63	</div>	63	</div>
64	<div class="col-6">	64	<div class="col-6">
65	<button type="button" class="btn btn-outline-danger btn-sm"	65	<button type="button" class="btn btn-outline-danger btn-sm"
66	[ngClass]="{'active': estadoArticulos == 'rechazado'}"	66	[ngClass]="{'active': estadoArticulos == 'rechazado'}"
67	(click)="estadoArticulos == 'rechazado' ? estadoArticulos = undefined : estadoArticulos = 'rechazado'; filter = '';">	67	(click)="estadoArticulos == 'rechazado' ? estadoArticulos = undefined : estadoArticulos = 'rechazado'; filter = '';">
68	Rechazados ({{getCantidadArticulosByEstado('rechazado')}})	68	Rechazados ({{getCantidadArticulosByEstado('rechazado')}})
69	</button>	69	</button>
70	</div>	70	</div>
71	</div>	71	</div>
72	<div class="row">	72	<div class="row">
73	<input type="text" class="form-control-sm col-12" placeholder="Busque producto por nombre, codigo"	73	<input type="text" class="form-control-sm col-12" placeholder="Busque producto por nombre, codigo"
74	[(ngModel)]="filter" [ngModelOptions]="{standalone: true}" />	74	[(ngModel)]="filter" [ngModelOptions]="{standalone: true}" />
75	</div>	75	</div>
76	<div class="row">	76	<div class="row">
77	<table class="table table-dark">	77	<table class="table table-dark">
78	<thead>	78	<thead>
79	<tr>	79	<tr>
80	<th>Producto</th>	80	<th>Producto</th>
81	<th>Cantidad</th>	81	<th>Cantidad</th>
82	<th></th>	82	<th></th>
83	</tr>	83	</tr>
84	</thead>	84	</thead>
85	<tbody class="scroll-tabla w-100 mb-5">	85	<tbody class="scroll-tabla w-100 mb-5">
86	<tr *ngFor="let articulo of getPaginaFiltro();" class="row mx-0" [ngClass]="{'bg-danger': articulo.estado == 'rechazado'}">	86	<tr *ngFor="let articulo of getPaginaFiltro();" class="row mx-0" [ngClass]="{'bg-danger': articulo.estado == 'rechazado'}">
87	<td class="col-5">{{articulo.TIO.trim() \|\| articulo.LI0}}</td>	87	<td class="col-5">{{articulo.TIO.trim() \|\| articulo.LI0}}</td>
88	<td	88	<td
89	class="col-5"	89	class="col-5"
90	*ngIf="!articulo.input"	90	*ngIf="!articulo.input"
91	(click)="articulo.estado != 'rechazado' ? articulo.input = true : false"	91	(click)="articulo.estado != 'rechazado' ? articulo.input = true : false"
92	>	92	>
93	{{articulo.recibido ? articulo.recibido + '/' : ''}}{{articulo.CAN}}	93	{{articulo.cantidadRecibida != articulo.CAN ? articulo.cantidadRecibida + '/' : ''}}{{articulo.CAN}}
94	</td>	94	</td>
95	<td *ngIf="articulo.input" class="col-5">	95	<td *ngIf="articulo.input" class="col-5">
96	<input	96	<input
97	class="form-control-sm col-10"	97	class="form-control-sm col-10"
98	type="number"	98	type="number"
99	(focus)="$event.target.select();"	99	(focus)="$event.target.select();"
100	(keyup.enter)="inputArticulo(articulo)"	100	(keyup.enter)="inputArticulo(articulo)"
101	(keyup.esc)="articulo.input = false"	101	(keyup.esc)="articulo.input = false"
102	[(ngModel)]="articulo.tempRecibido"	102	[(ngModel)]="articulo.tempRecibido"
103	[ngModelOptions]="{standalone: true}" autofocus/>	103	[ngModelOptions]="{standalone: true}" autofocus/>
104	/{{articulo.CAN}}	104	/{{articulo.CAN}}
105	</td>	105	</td>
106	<td class="col-2" *ngIf="articulo.estado != 'rechazado'">	106	<td class="col-2" *ngIf="articulo.estado != 'rechazado'">
107	<button type="button"	107	<button type="button"
108	(click)="articulo.estado = 'rechazado'">	108	(click)="articulo.estado = 'rechazado'">
109	<i class="fa fa-window-close"></i>	109	<i class="fa fa-window-close"></i>
110	</button>	110	</button>
111	</td>	111	</td>
112	<td class="col-2" *ngIf="articulo.estado == 'rechazado'">	112	<td class="col-2" *ngIf="articulo.estado == 'rechazado'">
113	<button type="button" (click)="articulo.estado = undefined">	113	<button type="button" (click)="articulo.estado = undefined">
114	<i class="fa fa-check"></i>	114	<i class="fa fa-check"></i>
115	</button>	115	</button>
116	</td>	116	</td>
117	</tr>	117	</tr>
118	<tr>	118	<tr>
119	<th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>	119	<th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>
120	</tr>	120	</tr>
121	</tbody>	121	</tbody>
122	</table>	122	</table>
123	</div>	123	</div>
124	</form>	124	</form>
125	<app-acciones (guardar)="guardarComprobante()" [(saveLoading)]="saveLoading"></app-acciones>	125	<app-acciones (guardar)="guardarComprobante()" [(saveLoading)]="saveLoading"></app-acciones>
126	</div>	126	</div>

src/app/comprobantes/comprobantes.component.ts

Diff comments View file @ 26ab7d6

 import { Component, OnInit} from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { BusquedaComprobanteComponent } from '../busqueda-comprobante/busqueda-comprobante.component';
 import { ComprobanteService } from './comprobantes.service';
 import { Router } from '@angular/router';
 @Component({
   templateUrl: './comprobantes.component.html',
   styleUrls: ['./comprobantes.component.scss'],
   providers:[ ComprobanteService ]
 })
 export class ComprobantesComponent implements OnInit {
   constructor(
       private modalService: NgbModal,
       public comprobanteService: ComprobanteService,
       public router: Router) { }
   ngOnInit() { }
   filter = '';
   estadoArticulos : string;
   tempRecibido = [];
   cabecera = {};
   cuerpo = [];
   articulosFiltro = [];
   saveLoading = false;
   showCabecera = true;
   fecha = new Date();
   getPaginaFiltro() {
     this.articulosFiltro = this.cuerpo.filter((articulo) => {
       var tio = articulo.TIO.trim().toLocaleUpperCase().includes(this.filter.toLocaleUpperCase());
       var lio = articulo.LI0.trim().toLocaleUpperCase().includes(this.filter.toLocaleUpperCase());
       var codigoBarras = articulo.codigoBarras == this.filter;
-      articulo.recibido && !articulo.estado ? articulo.estado = 'modificado' : false;
+      articulo.cantidadRecibida != articulo.CAN && !articulo.estado ? articulo.estado = 'modificado' :
+        false;
       var estado = articulo.estado == this.estadoArticulos;
       return (tio || lio || codigoBarras) && estado;
     });
     return this.articulosFiltro;
   }
   getCantidadArticulosByEstado(estado: String) {
     return this.cuerpo.filter((articulo) => {
       return articulo.estado == estado;
     }).length;
   }
   guardarComprobante() {
     if (this.getCantidadArticulosByEstado('pendiente')) {
       alert('No deben quedar articulos pendientes');
       return;
     }
     if (!this.cuerpo.length) {
       alert('Debe seleccionar un comprobante');
       return;
     }
     this.saveLoading = true;
     this.comprobanteService
       .saveComprobantes({cabecera: this.cabecera, cuerpo: this.cuerpo})
       .subscribe(data => {
         alert('Comprobante guardado con éxito');
         this.saveLoading = false;
         this.router.navigateByUrl('/home');
       }, err => {
         alert('Algo salió mal...');
         this.saveLoading = false;
         console.log(err);
       });
   }
   busquedaComprobantes() {
     this.modalService.open(BusquedaComprobanteComponent).result.then(comprobante => {
       this.cabecera = comprobante.cabecera;
+      comprobante.cuerpo.forEach(articulo => {
+        articulo.cantidadRecibida = articulo.CAN;
+      });
       this.cuerpo = comprobante.cuerpo;
       this.getPaginaFiltro();
     }, (reason) => { });
   }
   inputArticulo(articulo) {
     if (articulo.tempRecibido > 999999) {
       alert('Cantidad máxima superada');
       return;
     }
     articulo.input = false;
-    articulo.recibido = articulo.tempRecibido;
+    articulo.cantidadRecibida = articulo.tempRecibido || articulo.CAN;
   }
 }