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 |