Commit 64c4843a81d4592a8aa1828b3541a692e4849ef4
1 parent
cec29272c2
Exists in
master
and in
1 other branch
Agregada logica de pantalla inactiva en pago.
Showing
2 changed files
with
26 additions
and
5 deletions
 
Show diff stats
src/app/components/pago/pago.component.html
src/app/components/pago/pago.component.ts
| 1 | -import { Component, OnInit } from '@angular/core'; | |
| 1 | +import { Component, OnInit, OnDestroy } from '@angular/core'; | |
| 2 | 2 | import { appSettings } from 'src/etc/AppSettings'; | 
| 3 | 3 | import { Location } from '@angular/common'; | 
| 4 | 4 | import { ProductoService } from 'src/app/services/producto.service'; | 
| 5 | -import { RouterLink, Router } from '@angular/router'; | |
| 5 | +import { Router } from '@angular/router'; | |
| 6 | 6 | import { Producto } from 'src/app/wrappers/producto'; | 
| 7 | 7 | |
| 8 | 8 | @Component({ | 
| ... | ... | @@ -10,7 +10,7 @@ import { Producto } from 'src/app/wrappers/producto'; | 
| 10 | 10 | templateUrl: './pago.component.html', | 
| 11 | 11 | styleUrls: ['./pago.component.scss'] | 
| 12 | 12 | }) | 
| 13 | -export class PagoComponent implements OnInit { | |
| 13 | +export class PagoComponent implements OnInit, OnDestroy { | |
| 14 | 14 | |
| 15 | 15 | private apiUrl: string = appSettings.apiUrl; | 
| 16 | 16 | private verQR: boolean = false; | 
| ... | ... | @@ -19,6 +19,7 @@ export class PagoComponent implements OnInit { | 
| 19 | 19 | |
| 20 | 20 | private compraConQRfinalizada: boolean = false; | 
| 21 | 21 | private compraConEfectivofinalizada: boolean = false; | 
| 22 | + private timerReposo: any; | |
| 22 | 23 | |
| 23 | 24 | constructor( | 
| 24 | 25 | private productoService: ProductoService, | 
| ... | ... | @@ -28,12 +29,22 @@ export class PagoComponent implements OnInit { | 
| 28 | 29 | |
| 29 | 30 | ngOnInit() { | 
| 30 | 31 | |
| 32 | + this.timerReposo = setTimeout(() => { | |
| 33 | + | |
| 34 | + this.router.navigate(['cancelar-compra']); | |
| 35 | + }, 90000) | |
| 31 | 36 | this.productos = this.productoService.productos; | 
| 32 | 37 | } | 
| 33 | 38 | |
| 39 | + ngOnDestroy() { | |
| 40 | + | |
| 41 | + clearTimeout(this.timerReposo); | |
| 42 | + } | |
| 43 | + | |
| 34 | 44 | pagoEfectivo() { | 
| 35 | 45 | |
| 36 | 46 | this.compraConEfectivofinalizada = true; | 
| 47 | + clearTimeout(this.timerReposo); | |
| 37 | 48 | setTimeout(() => { | 
| 38 | 49 | |
| 39 | 50 | this.router.navigate(['mensaje-final']); | 
| ... | ... | @@ -47,7 +58,7 @@ export class PagoComponent implements OnInit { | 
| 47 | 58 | this.productoService.pagar() | 
| 48 | 59 | .subscribe(() => { | 
| 49 | 60 | |
| 50 | - // alert('Compra finalizada'); | |
| 61 | + clearTimeout(this.timerReposo); | |
| 51 | 62 | this.compraConQRfinalizada = true; | 
| 52 | 63 | setTimeout(() => { | 
| 53 | 64 | |
| ... | ... | @@ -78,4 +89,13 @@ export class PagoComponent implements OnInit { | 
| 78 | 89 | return this.total = subTotal; | 
| 79 | 90 | } | 
| 80 | 91 | |
| 92 | + reiniciarTimer() { | |
| 93 | + | |
| 94 | + clearTimeout(this.timerReposo); | |
| 95 | + this.timerReposo = setTimeout(() => { | |
| 96 | + | |
| 97 | + this.router.navigate(['cancelar-compra']); | |
| 98 | + }, 90000) | |
| 99 | + } | |
| 100 | + | |
| 81 | 101 | } |