Agregada logica para pantalla inactiva.

Marcelo Puebla
1 parent c36524ad1e
Showing 2 changed files with 29 additions and 6 deletions Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
src/app/components/confirmacion-carrito/confirmacion-carrito.component.ts
-<div class="row m-0 fade-in bg-primary-gradient disable-user-select">
+<div
+  class="row m-0 fade-in bg-primary-gradient disable-user-select"
+  (click)="reiniciarTimer">
   <div class="col-12 p-0 vh-100">
  
     <!-- TOP HEADER -->
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, OnDestroy } from '@angular/core';
 import { appSettings } from 'src/etc/AppSettings';
 import { Location } from '@angular/common';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Producto } from 'src/app/wrappers/producto';
+import { Router } from '@angular/router';
  
 @Component({
   selector: 'app-confirmacion-carrito',
   templateUrl: './confirmacion-carrito.component.html',
   styleUrls: ['./confirmacion-carrito.component.scss']
 })
-export class ConfirmacionCarritoComponent implements OnInit {
+export class ConfirmacionCarritoComponent implements OnInit, OnDestroy {
  
-  productos: Producto[] = [];
-  total: number = 0;
+  private productos: Producto[] = [];
+  private total: number = 0;
   private apiUrl: string = appSettings.apiUrl;
+  private timerReposo: any;
  
   constructor(
     private location: Location,
-    private productoService: ProductoService
+    private productoService: ProductoService,
+    private router: Router
   ) { }
  
   ngOnInit() {
  
+    this.timerReposo = setTimeout(() => {
+
+      this.router.navigate(['cancelar-compra']);
+    }, 90000)
     this.productos = this.productoService.productos;
   }
  
+  ngOnDestroy() {
+
+    clearTimeout(this.timerReposo);
+  }
+
   volverPreviousPage() {
  
     this.location.back();
@@ -40,4 +52,13 @@ export class ConfirmacionCarritoComponent implements OnInit {
     return this.total = subTotal;
   }
  
+  reiniciarTimer() {
+
+    clearTimeout(this.timerReposo);
+    this.timerReposo = setTimeout(() => {
+
+      this.router.navigate(['cancelar-compra']);
+    }, 90000)
+  }
+
 }
1		-<div class="row m-0 fade-in bg-primary-gradient disable-user-select">
	1	+<div
	2	+ class="row m-0 fade-in bg-primary-gradient disable-user-select"
	3	+ (click)="reiniciarTimer">
2	4	<div class="col-12 p-0 vh-100">
3	5
4	6	<!-- TOP HEADER -->
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	5	import { Producto } from 'src/app/wrappers/producto';
	6	+import { Router } from '@angular/router';
6	7
7	8	@Component({
8	9	selector: 'app-confirmacion-carrito',
9	10	templateUrl: './confirmacion-carrito.component.html',
10	11	styleUrls: ['./confirmacion-carrito.component.scss']
11	12	})
12		-export class ConfirmacionCarritoComponent implements OnInit {
	13	+export class ConfirmacionCarritoComponent implements OnInit, OnDestroy {
13	14
14		- productos: Producto[] = [];
15		- total: number = 0;
	15	+ private productos: Producto[] = [];
	16	+ private total: number = 0;
16	17	private apiUrl: string = appSettings.apiUrl;
	18	+ private timerReposo: any;
17	19
18	20	constructor(
19	21	private location: Location,
20		- private productoService: ProductoService
	22	+ private productoService: ProductoService,
	23	+ private router: Router
21	24	) { }
22	25
23	26	ngOnInit() {
24	27
	28	+ this.timerReposo = setTimeout(() => {
	29	+
	30	+ this.router.navigate(['cancelar-compra']);
	31	+ }, 90000)
25	32	this.productos = this.productoService.productos;
26	33	}
27	34
	35	+ ngOnDestroy() {
	36	+
	37	+ clearTimeout(this.timerReposo);
	38	+ }
	39	+
28	40	volverPreviousPage() {
29	41
30	42	this.location.back();
...	...	@@ -40,4 +52,13 @@ export class ConfirmacionCarritoComponent implements OnInit {
40	52	return this.total = subTotal;
41	53	}
42	54
	55	+ reiniciarTimer() {
	56	+
	57	+ clearTimeout(this.timerReposo);
	58	+ this.timerReposo = setTimeout(() => {
	59	+
	60	+ this.router.navigate(['cancelar-compra']);
	61	+ }, 90000)
	62	+ }
	63	+
43	64	}