Commit 64c4843a81d4592a8aa1828b3541a692e4849ef4
1 parent
cec29272c2
Exists in
master
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 | } |