Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 971fa331082e1304957f1a4366b4f98f67d99e67

Authored by Marcelo Puebla
1 parent 64c4843a81
Exists in master and in 1 other branch validar_pve

quitado cod.

Showing 1 changed file with 0 additions and 1 deletions   Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
Diff comments   View file @ 971fa33
1 <div 1 <div
2 class="row m-0 fade-in bg-primary-gradient disable-user-select" 2 class="row m-0 fade-in bg-primary-gradient disable-user-select"
3 (click)="reiniciarTimer"> 3 (click)="reiniciarTimer">
4 <div class="col-12 p-0 vh-100"> 4 <div class="col-12 p-0 vh-100">
5 5
6 <!-- TOP HEADER --> 6 <!-- TOP HEADER -->
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 class="row m-0"> 19 <div class="row m-0">
20 <div class="col-12"> 20 <div class="col-12">
21 21
22 <!-- TEXTO DE IZQUIERDA --> 22 <!-- TEXTO DE IZQUIERDA -->
23 <div class="row mx-2 mt-4 text-white"> 23 <div class="row mx-2 mt-4 text-white">
24 <div class="col-sm-auto my-auto"> 24 <div class="col-sm-auto my-auto">
25 <p class="h2">Mi Compra 25 <p class="h2">Mi Compra
26 <i class="fa fa-shopping-cart "></i> 26 <i class="fa fa-shopping-cart "></i>
27 </p> 27 </p>
28 </div> 28 </div>
29 <div class="col-sm-4 my-auto"> 29 <div class="col-sm-4 my-auto">
30 <p class="h3">¿Desea finalizar su compra?</p> 30 <p class="h3">¿Desea finalizar su compra?</p>
31 <p class="h4">Por favor, controle y confirme su compra.</p> 31 <p class="h4">Por favor, controle y confirme su compra.</p>
32 </div> 32 </div>
33 </div> 33 </div>
34 34
35 <div class="row"> 35 <div class="row">
36 <!-- GRILLA DE PRODUCTOS DE MI COMPRA --> 36 <!-- GRILLA DE PRODUCTOS DE MI COMPRA -->
37 <div class="col-sm-7"> 37 <div class="col-sm-7">
38 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark"> 38 <div class="row ml-4 pr-3 vh-70 overflow-scroll text-dark">
39 <div class="col-4 p-2" *ngFor="let producto of productos"> 39 <div class="col-4 p-2" *ngFor="let producto of productos">
40 <div class="bg-white rounded-sm shadow border-0"> 40 <div class="bg-white rounded-sm shadow border-0">
41 <img 41 <img
42 src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" 42 src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}"
43 class="shadow rounded-sm w-100 m-auto"> 43 class="shadow rounded-sm w-100 m-auto">
44 <div class="p-2"> 44 <div class="p-2">
45 <p class="h6 text-left m-0">{{producto.DetArt}}</p> 45 <p class="h6 text-left m-0">{{producto.DetArt}}</p>
46 <div class="row justify-content-between m-0"> 46 <div class="row justify-content-between m-0">
47 <div class="col-12 p-0"> 47 <div class="col-12 p-0">
48 <div class="text-left"> 48 <div class="text-left">
49 <p class="m-0 h6"><small>{{producto.DET_LAR}}</small></p> 49 <p class="m-0 h6"><small>{{producto.DET_LAR}}</small></p>
50 <p class="m-0 h6"><small>{{producto.CodSec}}-{{producto.CodArt}}</small></p>
51 </div> 50 </div>
52 </div> 51 </div>
53 <div class="col-12 my-auto pt-2 pr-2 p-0"> 52 <div class="col-12 my-auto pt-2 pr-2 p-0">
54 <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p> 53 <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p>
55 </div> 54 </div>
56 </div> 55 </div>
57 </div> 56 </div>
58 </div> 57 </div>
59 </div> 58 </div>
60 </div> 59 </div>
61 </div> 60 </div>
62 61
63 <div class="col-sm-5 pl-0"> 62 <div class="col-sm-5 pl-0">
64 <div class="row ml-3"> 63 <div class="row ml-3">
65 <!-- TICKET --> 64 <!-- TICKET -->
66 <div class="col-sm-7 p-0"> 65 <div class="col-sm-7 p-0">
67 <div class="card rounded-sm shadow"> 66 <div class="card rounded-sm shadow">
68 <div class="card-body"> 67 <div class="card-body">
69 <p class="h5 card-title">Su Ticket</p> 68 <p class="h5 card-title">Su Ticket</p>
70 <div class="row mt-4 m-0"> 69 <div class="row mt-4 m-0">
71 <div class="col-12 p-0 mb-2"> 70 <div class="col-12 p-0 mb-2">
72 <p class="h6 m-0 card-text text-left"> 71 <p class="h6 m-0 card-text text-left">
73 <small class="font-weight-bold">DESCRIPCIÓN</small> 72 <small class="font-weight-bold">DESCRIPCIÓN</small>
74 </p> 73 </p>
75 <p class="h6 m-0 card-text text-left"> 74 <p class="h6 m-0 card-text text-left">
76 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small> 75 <small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>
77 </p> 76 </p>
78 </div> 77 </div>
79 </div> 78 </div>
80 <div class="row vh-50 px-2 overflow-scroll m-0"> 79 <div class="row vh-50 px-2 overflow-scroll m-0">
81 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos"> 80 <div class="col-12 p-0 mb-2" *ngFor="let producto of productos">
82 <p class="h6 m-0 card-text text-left"> 81 <p class="h6 m-0 card-text text-left">
83 <small>{{producto.DetArt}}</small> 82 <small>{{producto.DetArt}}</small>
84 </p> 83 </p>
85 <div class="row d-flex justify-content-between m-0"> 84 <div class="row d-flex justify-content-between m-0">
86 <div class="col p-0"> 85 <div class="col p-0">
87 <p class="h6 m-0 card-text text-left"> 86 <p class="h6 m-0 card-text text-left">
88 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small> 87 <small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>
89 </p> 88 </p>
90 </div> 89 </div>
91 <div class="col p-0"> 90 <div class="col p-0">
92 <p class="h6 m-0 card-text text-right"> 91 <p class="h6 m-0 card-text text-right">
93 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small> 92 <small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>
94 </p> 93 </p>
95 </div> 94 </div>
96 </div> 95 </div>
97 </div> 96 </div>
98 </div> 97 </div>
99 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0"> 98 <p class="h4 font-weight-bold card-text text-right mt-3 mb-0">
100 Total {{getTotal() | currency}} 99 Total {{getTotal() | currency}}
101 </p> 100 </p>
102 </div> 101 </div>
103 </div> 102 </div>
104 </div> 103 </div>
105 </div> 104 </div>
106 </div> 105 </div>
107 </div> 106 </div>
108 107
109 <!-- OPCIONES ABAJO DERECHA --> 108 <!-- OPCIONES ABAJO DERECHA -->
110 <div class="row m-0 fixed-bottom"> 109 <div class="row m-0 fixed-bottom">
111 <div class="col-sm-2 offset-sm-10 p-0 mt-auto"> 110 <div class="col-sm-2 offset-sm-10 p-0 mt-auto">
112 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0"> 111 <div class="card m-2 rounded-top-sm mt-auto blue-gradient border-0">
113 <div class="card-body row m-0"> 112 <div class="card-body row m-0">
114 <div class="col-12 p-3"> 113 <div class="col-12 p-3">
115 <button 114 <button
116 type="button" 115 type="button"
117 class="btn btn-block btn-light shadow btn-sm shadow" 116 class="btn btn-block btn-light shadow btn-sm shadow"
118 (click)="volverPreviousPage()"> 117 (click)="volverPreviousPage()">
119 <span class="pr-2">Volver</span> 118 <span class="pr-2">Volver</span>
120 <i class="fa fa-undo text-warning"></i> 119 <i class="fa fa-undo text-warning"></i>
121 </button> 120 </button>
122 <button [routerLink]="['/pago']" type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1"> 121 <button [routerLink]="['/pago']" type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1">
123 <span class="font-weight-bold pr-2">Finalizar y Pagar</span> 122 <span class="font-weight-bold pr-2">Finalizar y Pagar</span>
124 <i class="fa fa-check text-success"></i> 123 <i class="fa fa-check text-success"></i>
125 </button> 124 </button>
126 <button 125 <button
127 type="button" 126 type="button"
128 class="btn btn-block btn-light shadow btn-sm shadow" 127 class="btn btn-block btn-light shadow btn-sm shadow"
129 [routerLink]="['/cancelar-compra']"> 128 [routerLink]="['/cancelar-compra']">
130 <span class="pr-2">Cancelar</span> 129 <span class="pr-2">Cancelar</span>
131 <i class="fa fa-times text-danger"></i> 130 <i class="fa fa-times text-danger"></i>
132 </button> 131 </button>
133 </div> 132 </div>
134 </div> 133 </div>
135 </div> 134 </div>
136 </div> 135 </div>
137 </div> 136 </div>
138 137
139 </div> 138 </div>
140 </div> 139 </div>
141 140
142 </div> 141 </div>
143 142
144 </div> 143 </div>
145 144