Commit 6937133101a9ff9cbf5fc77bdf8a42e494867eba
1 parent
9a1421ccfc
Exists in
develop
and in
1 other branch
cancelar-compra y timeout
Showing
3 changed files
with
4 additions
and
6 deletions
Show diff stats
src/app/app.component.ts
1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
2 | import { Router, RouterModule, RoutesRecognized, RouterLink, RouterState, ActivatedRoute, RouterLinkActive } from '@angular/router'; | 2 | import { Router, RouterModule, RoutesRecognized, RouterLink, RouterState, ActivatedRoute, RouterLinkActive } from '@angular/router'; |
3 | 3 | ||
4 | @Component({ | 4 | @Component({ |
5 | selector: 'app-root', | 5 | selector: 'app-root', |
6 | templateUrl: './app.component.html', | 6 | templateUrl: './app.component.html', |
7 | styleUrls: ['./app.component.scss'] | 7 | styleUrls: ['./app.component.scss'] |
8 | }) | 8 | }) |
9 | export class AppComponent implements OnInit { | 9 | export class AppComponent implements OnInit { |
10 | title = 'autoservicio-axion'; | 10 | title = 'autoservicio-axion'; |
11 | timerReposo: any; | 11 | timerReposo: any; |
12 | 12 | ||
13 | constructor ( | 13 | constructor( |
14 | private router: Router, | 14 | private router: Router, |
15 | ) { } | 15 | ) { } |
16 | 16 | ||
17 | ngOnInit(): void { | 17 | ngOnInit(): void { |
18 | if ( | 18 | if ( |
19 | window.location.href !== 'http://localhost:4206/#/' && | 19 | window.location.href !== 'http://localhost:4206/#/' && |
20 | window.location.href !== 'http://localhost:4206/#/comanda' && | 20 | window.location.href !== 'http://localhost:4206/#/comanda' && |
21 | window.location.href !== 'http://localhost:4206/#/pedidos-salientes' | 21 | window.location.href !== 'http://localhost:4206/#/pedidos-salientes' |
22 | ) { | 22 | ) { |
23 | this.startTimeOutInactividad(); | 23 | this.startTimeOutInactividad(); |
24 | } else { | 24 | }; |
25 | console.log(window.location.href) | ||
26 | } | ||
27 | } | 25 | } |
28 | 26 | ||
29 | restartTimer() { | 27 | restartTimer() { |
30 | clearTimeout(this.timerReposo); | 28 | clearTimeout(this.timerReposo); |
31 | this.startTimeOutInactividad(); | 29 | this.startTimeOutInactividad(); |
32 | } | 30 | } |
33 | 31 | ||
34 | startTimeOutInactividad() { | 32 | startTimeOutInactividad() { |
35 | setTimeout(() => { | 33 | setTimeout(() => { |
36 | this.router.navigate(['cancelar-compra']); | 34 | this.router.navigate(['cancelar-compra']); |
37 | }, 1000); | 35 | }, 1000); |
38 | } | 36 | } |
39 | } | 37 | } |
40 | 38 |
src/app/modules/comanda/comanda.component.ts
1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
2 | import { IComanda, IComandaDetalle, IComponente } from 'src/app/interfaces/IComanda'; | 2 | import { IComanda, IComandaDetalle, IComponente } from 'src/app/interfaces/IComanda'; |
3 | import { ComandaService } from 'src/app/services/comanda/comanda.service'; | 3 | import { ComandaService } from 'src/app/services/comanda/comanda.service'; |
4 | import * as _ from 'lodash'; | 4 | import * as _ from 'lodash'; |
5 | 5 | ||
6 | @Component({ | 6 | @Component({ |
7 | selector: 'app-comanda', | 7 | selector: 'app-comanda', |
8 | templateUrl: './comanda.component.html', | 8 | templateUrl: './comanda.component.html', |
9 | styleUrls: ['./comanda.component.scss'] | 9 | styleUrls: ['./comanda.component.scss'] |
10 | }) | 10 | }) |
11 | export class ComandaComponent implements OnInit { | 11 | export class ComandaComponent implements OnInit { |
12 | comandas: IComanda[] = []; | 12 | comandas: IComanda[] = []; |
13 | cicloTime: any; | 13 | cicloTime: any; |
14 | 14 | ||
15 | constructor( | 15 | constructor( |
16 | private comandaService: ComandaService, | 16 | private comandaService: ComandaService, |
17 | ) { } | 17 | ) { } |
18 | 18 | ||
19 | ngOnInit() { | 19 | ngOnInit() { |
20 | this.getComandas(); | 20 | this.getComandas(); |
21 | this.timerGetComandas(); | 21 | this.timerGetComandas(); |
22 | } | 22 | } |
23 | 23 | ||
24 | ngOnDestroy() { | 24 | ngOnDestroy() { |
25 | clearInterval(this.cicloTime); | 25 | clearInterval(this.cicloTime); |
26 | } | 26 | } |
27 | 27 | ||
28 | timerGetComandas() { | 28 | timerGetComandas() { |
29 | this.cicloTime = setInterval(() => { | 29 | this.cicloTime = setInterval(() => { |
30 | this.getComandas(); | 30 | this.getComandas(); |
31 | }, 5000); | 31 | }, 5000); |
32 | } | 32 | } |
33 | 33 | ||
34 | getComandas() { | 34 | getComandas() { |
35 | this.comandaService.getAll() | 35 | this.comandaService.getAll() |
36 | .subscribe((resComandas: IComanda[]) => { | 36 | .subscribe((resComandas: IComanda[]) => { |
37 | this.addNewComandas(resComandas); | 37 | this.addNewComandas(resComandas); |
38 | }, e => console.error(e)); | 38 | }, e => console.error(e)); |
39 | } | 39 | } |
40 | 40 | ||
41 | addNewComandas(resComandas: IComanda[]) { | 41 | addNewComandas(resComandas: IComanda[]) { |
42 | for (let j = 0; j < resComandas.length; j++) { | 42 | for (let j = 0; j < resComandas.length; j++) { |
43 | for (let i = 0; i < this.comandas.length; i++) { | 43 | for (let i = 0; i < this.comandas.length; i++) { |
44 | if (this.comandas[i].id === resComandas[j].id) { | 44 | if (this.comandas[i].id === resComandas[j].id) { |
45 | resComandas.splice(j, 1); | 45 | resComandas.splice(j, 1); |
46 | } | 46 | } |
47 | } | 47 | } |
48 | } | 48 | } |
49 | if (!resComandas.length) return; | 49 | if (!resComandas.length) return; |
50 | Array.prototype.push.apply(this.comandas, resComandas); | 50 | Array.prototype.push.apply(this.comandas, resComandas); |
51 | this.startTimersPedido(resComandas); | 51 | this.startTimersPedido(resComandas); |
52 | } | 52 | } |
53 | 53 | ||
54 | updateComanda(comanda: IComanda, estadoNuevo: number, observacionNueva: string) { | 54 | updateComanda(comanda: IComanda, estadoNuevo: number, observacionNueva: string) { |
55 | let data = { | 55 | const data = { |
56 | idComanda: comanda.id, | 56 | idComanda: comanda.id, |
57 | estado: estadoNuevo, | 57 | estado: estadoNuevo, |
58 | observacion: observacionNueva, | 58 | observacion: observacionNueva, |
59 | tiempoEspera: `${comanda.hoursPedido}:${comanda.secondsPedido}:${comanda.secondsPedido}`, | 59 | tiempoEspera: `${comanda.hoursPedido}:${comanda.secondsPedido}:${comanda.secondsPedido}`, |
60 | tiempoElaboracion: `${comanda.hoursElaboracion}:${comanda.secondsElaboracion}:${comanda.secondsElaboracion}`, | 60 | tiempoElaboracion: `${comanda.hoursElaboracion}:${comanda.secondsElaboracion}:${comanda.secondsElaboracion}`, |
61 | }; | 61 | }; |
62 | if (data.estado === 3) { | 62 | if (data.estado === 3) { |
63 | this.comandaService.imprimirComandaCocina(parseInt(data.idComanda)) | 63 | this.comandaService.imprimirComandaCocina(parseInt(data.idComanda)) |
64 | .subscribe(res => { }, err => console.error(err) | 64 | .subscribe(res => { }, err => console.error(err) |
65 | ); | 65 | ); |
66 | } | 66 | } |
67 | 67 | ||
68 | if (estadoNuevo !== 2) comanda.detalles.forEach(d => d.seeDetalle = false); | 68 | if (estadoNuevo !== 2) comanda.detalles.forEach(d => d.seeDetalle = false); |
69 | 69 | ||
70 | this.comandaService.update(data) | 70 | this.comandaService.update(data) |
71 | .subscribe((res: any) => { | 71 | .subscribe((res: any) => { |
72 | if (res.data) { | 72 | if (res.data) { |
73 | comanda.estado = estadoNuevo; | 73 | comanda.estado = estadoNuevo; |
74 | comanda.observacion = observacionNueva; | 74 | comanda.observacion = observacionNueva; |
75 | if (estadoNuevo === 2) { | 75 | if (estadoNuevo === 2) { |
76 | this.startTimerElaboracion(comanda); | 76 | this.startTimerElaboracion(comanda); |
77 | } else if (comanda.timerElaboracion) { | 77 | } else if (comanda.timerElaboracion) { |
78 | clearInterval(comanda.timerElaboracion); | 78 | clearInterval(comanda.timerElaboracion); |
79 | } | 79 | } |
80 | } | 80 | } |
81 | }, e => console.error(e)); | 81 | }, e => console.error(e)); |
82 | } | 82 | } |
83 | 83 | ||
84 | rellenar(relleno, longitud) { | 84 | rellenar(relleno, longitud) { |
85 | relleno = '' + relleno; | 85 | relleno = '' + relleno; |
86 | while (relleno.length < longitud) { | 86 | while (relleno.length < longitud) { |
87 | relleno = '0' + relleno; | 87 | relleno = '0' + relleno; |
88 | } | 88 | } |
89 | return relleno; | 89 | return relleno; |
90 | } | 90 | } |
91 | 91 | ||
92 | toggleVerComponentes(detalle: IComandaDetalle, comanda: IComanda) { | 92 | toggleVerComponentes(detalle: IComandaDetalle, comanda: IComanda) { |
93 | detalle.seeDetalle = !detalle.seeDetalle; | 93 | detalle.seeDetalle = !detalle.seeDetalle; |
94 | } | 94 | } |
95 | 95 | ||
96 | hasTipo(componentes: IComponente[]) { | 96 | hasTipo(componentes: IComponente[]) { |
97 | return componentes.some(c => c.tipoArticulo === 6); | 97 | return componentes.some(c => c.tipoArticulo === 6); |
98 | } | 98 | } |
99 | 99 | ||
100 | //#region TIMERS | 100 | //#region TIMERS |
101 | startTimersPedido(comandas) { | 101 | startTimersPedido(comandas) { |
102 | comandas.forEach((comanda: IComanda) => { | 102 | comandas.forEach((comanda: IComanda) => { |
103 | this.comandaService.startTimerComanda(comanda, 'Pedido'); | 103 | this.comandaService.startTimerComanda(comanda, 'Pedido'); |
104 | if (comanda.estado === 2) { | 104 | if (comanda.estado === 2) { |
105 | this.startTimerElaboracion(comanda); | 105 | this.startTimerElaboracion(comanda); |
106 | } | 106 | } |
107 | }); | 107 | }); |
108 | } | 108 | } |
109 | 109 | ||
110 | startTimerElaboracion(comanda: IComanda) { | 110 | startTimerElaboracion(comanda: IComanda) { |
111 | this.comandaService.startTimerComanda(comanda, 'Elaboracion'); | 111 | this.comandaService.startTimerComanda(comanda, 'Elaboracion'); |
112 | } | 112 | } |
113 | //#endregion | 113 | //#endregion |
114 | 114 | ||
115 | } | 115 | } |
116 | 116 |
src/app/services/articulo/articulo.service.ts
1 | import { Injectable } from '@angular/core'; | 1 | import { Injectable } from '@angular/core'; |
2 | import { HttpClient } from '@angular/common/http'; | 2 | import { HttpClient } from '@angular/common/http'; |
3 | import { APP_SETTINGS } from '../../../etc/AppSettings'; | 3 | import { APP_SETTINGS } from '../../../etc/AppSettings'; |
4 | import { IArticulo } from '../../interfaces/IArticulo'; | 4 | import { IArticulo } from '../../interfaces/IArticulo'; |
5 | import { ClienteService } from '../cliente/cliente.service'; | 5 | import { ClienteService } from '../cliente/cliente.service'; |
6 | import { Observable } from 'rxjs'; | 6 | import { Observable } from 'rxjs'; |
7 | 7 | ||
8 | @Injectable() | 8 | @Injectable() |
9 | export class ArticuloService { | 9 | export class ArticuloService { |
10 | carrito: IArticulo[] = []; | 10 | carrito: IArticulo[] = []; |
11 | articuloAcargar: IArticulo; | 11 | articuloAcargar: IArticulo; |
12 | promoAcargar: IArticulo; | 12 | promoAcargar: IArticulo; |
13 | mostrar: string; | 13 | mostrar: string; |
14 | esPromoPersonalizada = false; | 14 | esPromoPersonalizada = false; |
15 | urlDeboSuite = APP_SETTINGS.apiDeboSuite; | 15 | urlDeboSuite = APP_SETTINGS.apiDeboSuite; |
16 | medioPago: number; | 16 | medioPago: number; |
17 | idComanda: number; | 17 | idComanda: number; |
18 | subTotal: number = 0; | 18 | subTotal: number = 0; |
19 | 19 | ||
20 | constructor( | 20 | constructor( |
21 | private http: HttpClient, | 21 | private http: HttpClient, |
22 | private clienteService: ClienteService, | 22 | private clienteService: ClienteService, |
23 | ) { } | 23 | ) { } |
24 | 24 | ||
25 | getById(id) { | 25 | getById(id) { |
26 | return this.http.get(`${this.urlDeboSuite}/articulos/${id}`); | 26 | return this.http.get(`${this.urlDeboSuite}/articulos/${id}`); |
27 | } | 27 | } |
28 | 28 | ||
29 | getAll() { | 29 | getAll() { |
30 | return this.http.get(`${this.urlDeboSuite}/articulos/`); | 30 | return this.http.get(`${this.urlDeboSuite}/articulos/`); |
31 | } | 31 | } |
32 | 32 | ||
33 | getAllWithPaginator(page: number = 1) { | 33 | getAllWithPaginator(page: number = 1) { |
34 | return this.http.get(`${this.urlDeboSuite}/articulos/${page}`); | 34 | return this.http.get(`${this.urlDeboSuite}/articulos/${page}`); |
35 | } | 35 | } |
36 | 36 | ||
37 | calcularTotal() { | 37 | calcularTotal() { |
38 | this.subTotal=0 | 38 | this.subTotal = 0; |
39 | this.carrito.forEach(articulo => { | 39 | this.carrito.forEach(articulo => { |
40 | this.subTotal += (articulo.PreVen * articulo.cantidad); | 40 | this.subTotal += (articulo.PreVen * articulo.cantidad); |
41 | }); | 41 | }); |
42 | } | 42 | } |
43 | 43 | ||
44 | setArticulo(articulo: IArticulo) { | 44 | setArticulo(articulo: IArticulo) { |
45 | for (const articuloCarrito of this.carrito) { | 45 | for (const articuloCarrito of this.carrito) { |
46 | if (articuloCarrito.id === articulo.id) { | 46 | if (articuloCarrito.id === articulo.id) { |
47 | if (articulo.PRO) break; | 47 | if (articulo.PRO) break; |
48 | articuloCarrito.cantidad++; | 48 | articuloCarrito.cantidad++; |
49 | return; | 49 | return; |
50 | } | 50 | } |
51 | } | 51 | } |
52 | this.setArticulosSinImagen([articulo]); | 52 | this.setArticulosSinImagen([articulo]); |
53 | this.carrito.unshift(articulo); | 53 | this.carrito.unshift(articulo); |
54 | this.calcularTotal(); | 54 | this.calcularTotal(); |
55 | } | 55 | } |
56 | 56 | ||
57 | pay(dataPago: any) { | 57 | pay(dataPago: any) { |
58 | return new Observable((observer) => { | 58 | return new Observable((observer) => { |
59 | this.clienteService.getById(-1) | 59 | this.clienteService.getById(-1) |
60 | .subscribe(cliente => { | 60 | .subscribe(cliente => { |
61 | this.markArticuloInPromoAsRemoved(); | 61 | this.markArticuloInPromoAsRemoved(); |
62 | this.http.post(`${this.urlDeboSuite}/comprobante/guardar/${this.medioPago}`, { | 62 | this.http.post(`${this.urlDeboSuite}/comprobante/guardar/${this.medioPago}`, { |
63 | productos: this.carrito, | 63 | productos: this.carrito, |
64 | cliente, | 64 | cliente, |
65 | origen: 'autoservicio', | 65 | origen: 'autoservicio', |
66 | codigoVendedor: 5, | 66 | codigoVendedor: 5, |
67 | puntoVenta: APP_SETTINGS.puntoVenta, | 67 | puntoVenta: APP_SETTINGS.puntoVenta, |
68 | pedidoAnombreDe: dataPago.pedidoAnombreDe, | 68 | pedidoAnombreDe: dataPago.pedidoAnombreDe, |
69 | numeroPlanilla: APP_SETTINGS.numeroPlanilla, | 69 | numeroPlanilla: APP_SETTINGS.numeroPlanilla, |
70 | }) | 70 | }) |
71 | .subscribe((data) => { | 71 | .subscribe((data) => { |
72 | observer.next(data); | 72 | observer.next(data); |
73 | observer.complete(); | 73 | observer.complete(); |
74 | }); | 74 | }); |
75 | }); | 75 | }); |
76 | }); | 76 | }); |
77 | } | 77 | } |
78 | 78 | ||
79 | cleanShoppingCar() { | 79 | cleanShoppingCar() { |
80 | this.articuloAcargar = undefined; | 80 | this.articuloAcargar = undefined; |
81 | this.promoAcargar = undefined; | 81 | this.promoAcargar = undefined; |
82 | this.carrito = []; | 82 | this.carrito = []; |
83 | } | 83 | } |
84 | 84 | ||
85 | setArticulosSinImagen(articulos: IArticulo[]) { | 85 | setArticulosSinImagen(articulos: IArticulo[]) { |
86 | articulos.forEach((articulo: IArticulo) => { | 86 | articulos.forEach((articulo: IArticulo) => { |
87 | articulo.imagenes = !articulo.imagenes ? [{ imagen: 'noImage.jpg' }] : | 87 | articulo.imagenes = !articulo.imagenes ? [{ imagen: 'noImage.jpg' }] : |
88 | !articulo.imagenes.length ? [{ imagen: 'noImage.jpg' }] : articulo.imagenes; | 88 | !articulo.imagenes.length ? [{ imagen: 'noImage.jpg' }] : articulo.imagenes; |
89 | }); | 89 | }); |
90 | } | 90 | } |
91 | 91 | ||
92 | markArticuloInPromoAsRemoved() { | 92 | markArticuloInPromoAsRemoved() { |
93 | this.carrito.forEach((articuloCarrito: IArticulo) => { | 93 | this.carrito.forEach((articuloCarrito: IArticulo) => { |
94 | if (articuloCarrito.PRO) { | 94 | if (articuloCarrito.PRO) { |
95 | articuloCarrito.productos.forEach((articulo: IArticulo) => { | 95 | articuloCarrito.productos.forEach((articulo: IArticulo) => { |
96 | if (articulo.cantidadAdicionada === 0) { | 96 | if (articulo.cantidadAdicionada === 0) { |
97 | articulo.cantidad = 0; | 97 | articulo.cantidad = 0; |
98 | articulo.importeValorExtra = 0; | 98 | articulo.importeValorExtra = 0; |
99 | } | 99 | } |
100 | }); | 100 | }); |
101 | } | 101 | } |
102 | }); | 102 | }); |
103 | } | 103 | } |
104 | } | 104 | } |
105 | 105 |