Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 4412e506000a40052c1a3873ee23a6b70dec3c66

Authored by Marcelo Puebla
1 parent 0dfdb8d36e
Exists in master and in 1 other branch validar_pve

Agregado padding al scroll.

Showing 3 changed files with 2 additions and 3 deletions   Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
Diff comments   View file @ 4412e50
1 <div class="row m-0 fade-in bg-primary-gradient disable-user-select"> 1 <div class="row m-0 fade-in bg-primary-gradient disable-user-select">
2 <div class="col-12 p-0 vh-100"> 2 <div class="col-12 p-0 vh-100">
3 3
4 <!-- TOP HEADER --> 4 <!-- TOP HEADER -->
5 <app-header></app-header> 5 <app-header></app-header>
6 6
7 <!-- NOMBRE DE SECCION --> 7 <!-- NOMBRE DE SECCION -->
8 <div class="row m-0"> 8 <div class="row m-0">
9 <div class="col-12 p-0"> 9 <div class="col-12 p-0">
10 <p class="h5 py-1 bg-gray text-muted text-center m-0"> 10 <p class="h5 py-1 bg-gray text-muted text-center m-0">
11 Pagar 11 Pagar
12 <i class="fa fa-usd"></i> 12 <i class="fa fa-usd"></i>
13 </p> 13 </p>
14 </div> 14 </div>
15 </div> 15 </div>
16 16
17 <div class="row m-0"> 17 <div class="row m-0">
18 <div class="col-12"> 18 <div class="col-12">
19 19
20 <!-- TEXTO DE IZQUIERDA --> 20 <!-- TEXTO DE IZQUIERDA -->
21 <div class="row mx-2 mt-4 text-white"> 21 <div class="row mx-2 mt-4 text-white">
22 <div class="col-sm-2 my-auto"> 22 <div class="col-sm-2 my-auto">
23 <p class="h2">Mi Compra 23 <p class="h2">Mi Compra
24 <i class="fa fa-shopping-cart "></i> 24 <i class="fa fa-shopping-cart "></i>
25 </p> 25 </p>
26 </div> 26 </div>
27 <div class="col-sm-4 my-auto"> 27 <div class="col-sm-4 my-auto">
28 <p class="h3">¿Desea finalizar su compra?</p> 28 <p class="h3">¿Desea finalizar su compra?</p>
29 <p class="h4">Por favor, controle y confirme su compra.</p> 29 <p class="h4">Por favor, controle y confirme su compra.</p>
30 </div> 30 </div>
31 </div> 31 </div>
32 32
33 <div class="row"> 33 <div class="row">
34 <!-- GRILLA DE PRODUCTOS DE MI COMPRA --> 34 <!-- GRILLA DE PRODUCTOS DE MI COMPRA -->
35 <div class="col-sm-7"> 35 <div class="col-sm-7">
36 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark"> 36 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
37 <div class="col-4 p-2" *ngFor="let producto of productos"> 37 <div class="col-4 p-2" *ngFor="let producto of productos">
38 <div class="bg-white rounded-sm shadow border-0"> 38 <div class="bg-white rounded-sm shadow border-0">
39 <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto"> 39 <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
40 <div class="p-2"> 40 <div class="p-2">
41 <p class="h6 text-left m-0">{{producto.DetArt}}</p> 41 <p class="h6 text-left m-0">{{producto.DetArt}}</p>
42 <div class="row justify-content-between m-0"> 42 <div class="row justify-content-between m-0">
43 <div class="col-12 p-0"> 43 <div class="col-12 p-0">
44 <div class="text-left"> 44 <div class="text-left">
45 <p class="m-0 h6"><small>{{producto.DET_LAR}}</small></p> 45 <p class="m-0 h6"><small>{{producto.DET_LAR}}</small></p>
46 <p class="m-0 h6"><small>{{producto.CodSec}}-{{producto.CodArt}}</small></p> 46 <p class="m-0 h6"><small>{{producto.CodSec}}-{{producto.CodArt}}</small></p>
47 </div> 47 </div>
48 </div> 48 </div>
49 <div class="col-12 my-auto pt-2 pr-2 p-0"> 49 <div class="col-12 my-auto pt-2 pr-2 p-0">
50 <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p> 50 <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p>
51 </div> 51 </div>
52 </div> 52 </div>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 </div> 56 </div>
57 </div> 57 </div>
58 58
59 <div class="col-sm-5 pl-0"> 59 <div class="col-sm-5 pl-0">
60 <div class="row ml-3"> 60 <div class="row ml-3">
61 <!-- TICKET --> 61 <!-- TICKET -->
62 <div class="col-sm-7 p-0"> 62 <div class="col-sm-7 p-0">
63 <div class="card rounded-sm shadow"> 63 <div class="card rounded-sm shadow">
64 <div class="card-body"> 64 <div class="card-body">
65 <p class="h5 card-title">Su Ticket</p> 65 <p class="h5 card-title">Su Ticket</p>
66 <div class="row mt-4 m-0"> 66 <div class="row mt-4 m-0">
67 <div class="col-12 p-0 mb-2"> 67 <div class="col-12 p-0 mb-2">
68 <p class="h6 m-0 card-text text-left"> 68 <p class="h6 m-0 card-text text-left">
69 <small class="font-weight-bold">DESCRIPCIÓN</small> 69 <small class="font-weight-bold">DESCRIPCIÓN</small>
70 </p> 70 </p>
71 <p class="h6 m-0 card-text text-left"> 71 <p class="h6 m-0 card-text text-left">
72 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small> 72 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>
73 </p> 73 </p>
74 </div> 74 </div>
75 </div> 75 </div>
76 <div class="row vh-50 overflow-scroll m-0"> 76 <div class="row vh-50 px-2 overflow-scroll m-0">
77 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos"> 77 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos">
78 <p class="h6 m-0 card-text text-left"> 78 <p class="h6 m-0 card-text text-left">
79 <small>{{producto.DetArt}}</small> 79 <small>{{producto.DetArt}}</small>
80 </p> 80 </p>
81 <div class="row d-flex justify-content-between m-0"> 81 <div class="row d-flex justify-content-between m-0">
82 <div class="col p-0"> 82 <div class="col p-0">
83 <p class="h6 m-0 card-text text-left"> 83 <p class="h6 m-0 card-text text-left">
84 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small> 84 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>
85 </p> 85 </p>
86 </div> 86 </div>
87 <div class="col p-0"> 87 <div class="col p-0">
88 <p class="h6 m-0 card-text text-right"> 88 <p class="h6 m-0 card-text text-right">
89 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small> 89 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>
90 </p> 90 </p>
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 </div> 94 </div>
95 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0"> 95 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0">
96 Total {{getTotal() | currency}} 96 Total {{getTotal() | currency}}
97 </p> 97 </p>
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </div> 101 </div>
102 </div> 102 </div>
103 </div> 103 </div>
104 104
105 <!-- OPCIONES ABAJO DERECHA --> 105 <!-- OPCIONES ABAJO DERECHA -->
106 <div class="row m-0 fixed-bottom"> 106 <div class="row m-0 fixed-bottom">
107 <div class="col-sm-2 offset-sm-10 p-0 mt-auto"> 107 <div class="col-sm-2 offset-sm-10 p-0 mt-auto">
108 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0"> 108 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0">
109 <div class="card-body row m-0"> 109 <div class="card-body row m-0">
110 <div class="col-12 p-3"> 110 <div class="col-12 p-3">
111 <button 111 <button
112 type="button" 112 type="button"
113 class="btn btn-block btn-light shadow btn-sm shadow" 113 class="btn btn-block btn-light shadow btn-sm shadow"
114 (click)="volverPreviousPage()"> 114 (click)="volverPreviousPage()">
115 <span class="pr-2">Volver</span> 115 <span class="pr-2">Volver</span>
116 <i class="fa fa-undo text-warning"></i> 116 <i class="fa fa-undo text-warning"></i>
117 </button> 117 </button>
118 <button [routerLink]="['/pago']" type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1"> 118 <button [routerLink]="['/pago']" type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1">
119 <span class="font-weight-bold pr-2">Finalizar y Pagar</span> 119 <span class="font-weight-bold pr-2">Finalizar y Pagar</span>
120 <i class="fa fa-check text-success"></i> 120 <i class="fa fa-check text-success"></i>
121 </button> 121 </button>
122 <button 122 <button
123 type="button" 123 type="button"
124 class="btn btn-block btn-light shadow btn-sm shadow" 124 class="btn btn-block btn-light shadow btn-sm shadow"
125 [routerLink]="['/cancelar-compra']"> 125 [routerLink]="['/cancelar-compra']">
126 <span class="pr-2">Cancelar</span> 126 <span class="pr-2">Cancelar</span>
127 <i class="fa fa-times text-danger"></i> 127 <i class="fa fa-times text-danger"></i>
128 </button> 128 </button>
129 </div> 129 </div>
130 </div> 130 </div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </div> 133 </div>
134 134
135 </div> 135 </div>
136 </div> 136 </div>
137 137
138 </div> 138 </div>
139 139
140 </div> 140 </div>
141 141
src/app/components/pago/pago.component.html
Diff comments   View file @ 4412e50
1 <div 1 <div
2 *ngIf="!compraConEfectivofinalizada && !compraConQRfinalizada" 2 *ngIf="!compraConEfectivofinalizada && !compraConQRfinalizada"
3 class="row m-0 fade-in bg-primary-gradient disable-user-select"> 3 class="row m-0 fade-in bg-primary-gradient disable-user-select">
4 4
5 <div class="col-12 p-0 vh-100"> 5 <div class="col-12 p-0 vh-100">
6 6
7 <app-header></app-header> 7 <app-header></app-header>
8 8
9 <!-- NOMBRE DE SECCION --> 9 <!-- NOMBRE DE SECCION -->
10 <div class="row m-0"> 10 <div class="row m-0">
11 <div class="col-12 p-0"> 11 <div class="col-12 p-0">
12 <p class="h5 py-1 bg-gray text-muted text-center m-0"> 12 <p class="h5 py-1 bg-gray text-muted text-center m-0">
13 Pagar 13 Pagar
14 <i class="fa fa-usd"></i> 14 <i class="fa fa-usd"></i>
15 </p> 15 </p>
16 </div> 16 </div>
17 </div> 17 </div>
18 18
19 <div *ngIf="!verQR" class="row mt-4 m-3 d-flex align-items-center"> 19 <div *ngIf="!verQR" class="row mt-4 m-3 d-flex align-items-center">
20 <div class="col-7 text-center"> 20 <div class="col-7 text-center">
21 <p class="text-white h2" *ngIf="!verQR">Elija forma de pago</p> 21 <p class="text-white h2" *ngIf="!verQR">Elija forma de pago</p>
22 </div> 22 </div>
23 </div> 23 </div>
24 24
25 <div *ngIf="!verQR" class="row fade-in mt-3"> 25 <div *ngIf="!verQR" class="row fade-in mt-3">
26 <!-- GRILLA DE PRODUCTOS DE MI COMPRA --> 26 <!-- GRILLA DE PRODUCTOS DE MI COMPRA -->
27 <div class="col-sm-7"> 27 <div class="col-sm-7">
28 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark"> 28 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
29 <div class="col-4 p-2"> 29 <div class="col-4 p-2">
30 <div class="bg-white rounded-sm shadow border-0"> 30 <div class="bg-white rounded-sm shadow border-0">
31 <img src="{{apiUrl}}/imagenes/efectivo.png" class="rounded-sm w-75 py-2 mx-auto d-block"> 31 <img src="{{apiUrl}}/imagenes/efectivo.png" class="rounded-sm w-75 py-2 mx-auto d-block">
32 <div class="p-2 card-text text-center"> 32 <div class="p-2 card-text text-center">
33 <p class="h6 text-center m-0">Efectivo</p> 33 <p class="h6 text-center m-0">Efectivo</p>
34 </div> 34 </div>
35 </div> 35 </div>
36 </div> 36 </div>
37 <div class="col-4 p-2"> 37 <div class="col-4 p-2">
38 <div class="bg-white rounded-sm shadow border-0"> 38 <div class="bg-white rounded-sm shadow border-0">
39 <img src="{{apiUrl}}/imagenes/tarjeta.png" class="rounded-sm w-75 py-2 mx-auto d-block"> 39 <img src="{{apiUrl}}/imagenes/tarjeta.png" class="rounded-sm w-75 py-2 mx-auto d-block">
40 <div class="p-2 card-text text-center"> 40 <div class="p-2 card-text text-center">
41 <p class="h6 text-center m-0">Tarjeta</p> 41 <p class="h6 text-center m-0">Tarjeta</p>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 <div class="col-4 p-2"> 45 <div class="col-4 p-2">
46 <div 46 <div
47 class="bg-white rounded-sm shadow border-0" 47 class="bg-white rounded-sm shadow border-0"
48 (click)="pagar()"> 48 (click)="pagar()">
49 <img src="{{apiUrl}}/imagenes/qr.png" class="rounded-sm w-75 py-2 mx-auto d-block"> 49 <img src="{{apiUrl}}/imagenes/qr.png" class="rounded-sm w-75 py-2 mx-auto d-block">
50 <div class="p-2 card-text text-center"> 50 <div class="p-2 card-text text-center">
51 <p class="h6 text-center m-0">Pago Electrónico</p> 51 <p class="h6 text-center m-0">Pago Electrónico</p>
52 </div> 52 </div>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 </div> 56 </div>
57 57
58 <div class="col-sm-5 pl-0"> 58 <div class="col-sm-5 pl-0">
59 <div class="row ml-3"> 59 <div class="row ml-3">
60 <!-- TICKET --> 60 <!-- TICKET -->
61 <div class="col-sm-7 p-0"> 61 <div class="col-sm-7 p-0">
62 <div class="card rounded-sm shadow"> 62 <div class="card rounded-sm shadow">
63 <div class="card-body"> 63 <div class="card-body">
64 <p class="h5 card-title">Su Ticket</p> 64 <p class="h5 card-title">Su Ticket</p>
65 <div class="row mt-4 m-0"> 65 <div class="row mt-4 m-0">
66 <div class="col-12 p-0 mb-2"> 66 <div class="col-12 p-0 mb-2">
67 <p class="h6 m-0 card-text text-left"> 67 <p class="h6 m-0 card-text text-left">
68 <small class="font-weight-bold">DESCRIPCIÓN</small> 68 <small class="font-weight-bold">DESCRIPCIÓN</small>
69 </p> 69 </p>
70 <p class="h6 m-0 card-text text-left"> 70 <p class="h6 m-0 card-text text-left">
71 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small> 71 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>
72 </p> 72 </p>
73 </div> 73 </div>
74 </div> 74 </div>
75 <div class="row vh-50 overflow-scroll m-0"> 75 <div class="row px-2 vh-50 overflow-scroll m-0">
76 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos"> 76 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos">
77 <p class="h6 m-0 card-text text-left"> 77 <p class="h6 m-0 card-text text-left">
78 <small>{{producto.DetArt}}</small> 78 <small>{{producto.DetArt}}</small>
79 </p> 79 </p>
80 <div class="row d-flex justify-content-between m-0"> 80 <div class="row d-flex justify-content-between m-0">
81 <div class="col p-0"> 81 <div class="col p-0">
82 <p class="h6 m-0 card-text text-left"> 82 <p class="h6 m-0 card-text text-left">
83 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small> 83 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>
84 </p> 84 </p>
85 </div> 85 </div>
86 <div class="col p-0"> 86 <div class="col p-0">
87 <p class="h6 m-0 card-text text-right"> 87 <p class="h6 m-0 card-text text-right">
88 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small> 88 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>
89 </p> 89 </p>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0"> 94 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0">
95 Total {{getTotal() | currency}} 95 Total {{getTotal() | currency}}
96 </p> 96 </p>
97 </div> 97 </div>
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </div> 101 </div>
102 </div> 102 </div>
103 103
104 <div *ngIf="verQR" class="row fade-in mt-5"> 104 <div *ngIf="verQR" class="row fade-in mt-5">
105 <div class="col-6 offset-3 border-0 mb-auto"> 105 <div class="col-6 offset-3 border-0 mb-auto">
106 <img src="{{apiUrl}}/imagenes/qrmp.jpg" class="w-50 mx-auto d-block shadow rounded-sm"> 106 <img src="{{apiUrl}}/imagenes/qrmp.jpg" class="w-50 mx-auto d-block shadow rounded-sm">
107 </div> 107 </div>
108 </div> 108 </div>
109 109
110 <!-- OPCIONES ABAJO DERECHA --> 110 <!-- OPCIONES ABAJO DERECHA -->
111 <div class="row m-0 fixed-bottom" > 111 <div class="row m-0 fixed-bottom" >
112 <div class="col-sm-2 offset-sm-10 p-0 mt-auto"> 112 <div class="col-sm-2 offset-sm-10 p-0 mt-auto">
113 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0"> 113 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0">
114 <div class="card-body row m-0"> 114 <div class="card-body row m-0">
115 <div class="col-12 p-3"> 115 <div class="col-12 p-3">
116 <button 116 <button
117 type="button" 117 type="button"
118 class="btn btn-block btn-light shadow btn-sm shadow" 118 class="btn btn-block btn-light shadow btn-sm shadow"
119 (click)="volverPreviousPage()"> 119 (click)="volverPreviousPage()">
120 <span class="pr-2">Volver</span> 120 <span class="pr-2">Volver</span>
121 <i class="fa fa-undo text-warning"></i> 121 <i class="fa fa-undo text-warning"></i>
122 </button> 122 </button>
123 <button 123 <button
124 type="button" 124 type="button"
125 class="btn btn-block btn-light shadow btn-sm shadow" 125 class="btn btn-block btn-light shadow btn-sm shadow"
126 [routerLink]="['/cancelar-compra']"> 126 [routerLink]="['/cancelar-compra']">
127 <span class="pr-2">Cancelar</span> 127 <span class="pr-2">Cancelar</span>
128 <i class="fa fa-times text-danger"></i> 128 <i class="fa fa-times text-danger"></i>
129 </button> 129 </button>
130 </div> 130 </div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 135
136 </div> 136 </div>
137 137
138 </div> 138 </div>
139 139
140 <div 140 <div
141 *ngIf="compraConQRfinalizada" 141 *ngIf="compraConQRfinalizada"
142 class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100"> 142 class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">
143 <div class="col-12 text-center text-white my-auto"> 143 <div class="col-12 text-center text-white my-auto">
144 <p class="font-weight-bold display-4"> 144 <p class="font-weight-bold display-4">
145 Su pago fue<br> 145 Su pago fue<br>
146 acreditado 146 acreditado
147 exitosamente 147 exitosamente
148 </p> 148 </p>
149 <p class="font-weight-bold display-4">Recuerde retirar su ticket</p> 149 <p class="font-weight-bold display-4">Recuerde retirar su ticket</p>
150 </div> 150 </div>
151 </div> 151 </div>
152 152
153 <div 153 <div
154 *ngIf="compraConEfectivofinalizada" 154 *ngIf="compraConEfectivofinalizada"
155 class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100"> 155 class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">
156 <div class="col-12 text-center text-white my-auto"> 156 <div class="col-12 text-center text-white my-auto">
157 <p class="font-weight-bold display-4"> 157 <p class="font-weight-bold display-4">
158 Retire su ticket<br> 158 Retire su ticket<br>
159 y diríjase a caja para<br> 159 y diríjase a caja para<br>
160 efectuar el pago. 160 efectuar el pago.
161 </p> 161 </p>
162 </div> 162 </div>
163 </div> 163 </div>
164 164
src/app/components/pago/pago.component.ts
Diff comments   View file @ 4412e50
1 import { Component, OnInit } from '@angular/core'; 1 import { Component, OnInit } from '@angular/core';
2 import { appSettings } from 'src/etc/AppSettings'; 2 import { appSettings } from 'src/etc/AppSettings';
3 import { Location } from '@angular/common'; 3 import { Location } from '@angular/common';
4 import { ProductoService } from 'src/app/services/producto.service'; 4 import { ProductoService } from 'src/app/services/producto.service';
5 import { RouterLink, Router } from '@angular/router'; 5 import { RouterLink, Router } from '@angular/router';
6 import { Producto } from 'src/app/wrappers/producto'; 6 import { Producto } from 'src/app/wrappers/producto';
7 7
8 @Component({ 8 @Component({
9 selector: 'app-pago', 9 selector: 'app-pago',
10 templateUrl: './pago.component.html', 10 templateUrl: './pago.component.html',
11 styleUrls: ['./pago.component.scss'] 11 styleUrls: ['./pago.component.scss']
12 }) 12 })
13 export class PagoComponent implements OnInit { 13 export class PagoComponent implements OnInit {
14 14
15 private apiUrl: string = appSettings.apiUrl; 15 private apiUrl: string = appSettings.apiUrl;
16 private verQR: boolean = false; 16 private verQR: boolean = false;
17 private productos: Producto[] = []; 17 private productos: Producto[] = [];
18 private total: number = 0; 18 private total: number = 0;
19 19
20 private compraConQRfinalizada: boolean = false; 20 private compraConQRfinalizada: boolean = false;
21 private compraConEfectivofinalizada: boolean = false; 21 private compraConEfectivofinalizada: boolean = false;
22 22
23 constructor( 23 constructor(
24 private productoService: ProductoService, 24 private productoService: ProductoService,
25 private location: Location, 25 private location: Location,
26 private router: Router, 26 private router: Router,
27 ) { } 27 ) { }
28 28
29 ngOnInit() { 29 ngOnInit() {
30 this.productos = this.productoService.productos; 30 this.productos = this.productoService.productos;
31 this.router.navigate(['mensaje-final']);
32 } 31 }
33 32
34 pagar() { 33 pagar() {
35 34
36 this.verQR = true; 35 this.verQR = true;
37 alert('Procesando Pago'); 36 alert('Procesando Pago');
38 37
39 this.productoService.pagar() 38 this.productoService.pagar()
40 .subscribe(() => { 39 .subscribe(() => {
41 // alert('Compra finalizada'); 40 // alert('Compra finalizada');
42 this.compraConQRfinalizada = true; 41 this.compraConQRfinalizada = true;
43 setTimeout(() => { 42 setTimeout(() => {
44 43
45 this.router.navigate(['mensaje-final']); 44 this.router.navigate(['mensaje-final']);
46 }, 1000); 45 }, 1000);
47 }, err => { 46 }, err => {
48 console.log(err); 47 console.log(err);
49 alert('algo salió mal'); 48 alert('algo salió mal');
50 }) 49 })
51 } 50 }
52 51
53 volverPreviousPage() { 52 volverPreviousPage() {
54 53
55 if (this.verQR) { 54 if (this.verQR) {
56 this.verQR = false; 55 this.verQR = false;
57 return; 56 return;
58 } 57 }
59 this.location.back(); 58 this.location.back();
60 } 59 }
61 60
62 getTotal() { 61 getTotal() {
63 62
64 var subTotal = 0; 63 var subTotal = 0;
65 this.productos.forEach(producto => { 64 this.productos.forEach(producto => {
66 65
67 subTotal = subTotal + (producto.PreVen * producto.cantidad); 66 subTotal = subTotal + (producto.PreVen * producto.cantidad);
68 }); 67 });
69 return this.total = subTotal; 68 return this.total = subTotal;
70 } 69 }
71 70
72 } 71 }
73 72