Commit 8e23ce46db4605552c0e3b8be28c5811988f23bd

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

Numero mas grande.

src/app/components/sidebar/sidebar.component.html
1 <div class="disable-user-select d-flex align-items-center flex-column h-100 text-center"> 1 <div class="disable-user-select d-flex align-items-center flex-column h-100 text-center">
2 2
3 <!-- ENCABEZADO --> 3 <!-- ENCABEZADO -->
4 <p class="h4 border-bottom border-white text-white pb-2"> 4 <p class="h4 border-bottom border-white text-white pb-2">
5 Mi compra 5 Mi compra
6 <i class="fa fa-shopping-cart" aria-hidden="true"></i> 6 <i class="fa fa-shopping-cart" aria-hidden="true"></i>
7 </p> 7 </p>
8 8
9 <div class="overflow-scroll px-1 mb-1 w-100"> 9 <div class="overflow-scroll px-1 mb-1 w-100">
10 <!-- PRODUCTOS CARRITO --> 10 <!-- PRODUCTOS CARRITO -->
11 <div class="row m-0" 11 <div class="row m-0"
12 *ngFor="let producto of productosCarrito"> 12 *ngFor="let producto of productosCarrito">
13 <div class="col p-0 my-1 bg-white border-0 rounded-sm"> 13 <div class="col p-0 my-1 bg-white border-0 rounded-sm">
14 <div class="row m-0"> 14 <div class="row m-0">
15 <div class="col-6 pl-1 pr-0 my-auto"> 15 <div class="col-6 pl-1 pr-0 my-auto">
16 <img 16 <img
17 class="w-100 float-left rounded-sm shadow" 17 class="w-100 float-left rounded-sm shadow"
18 src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}"> 18 src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}">
19 </div> 19 </div>
20 <div class="col-6 px-1"> 20 <div class="col-6 px-1">
21 <!-- BOTONES --> 21 <!-- BOTONES -->
22 <div class="row m-0 d-flex justify-content-between"> 22 <div class="row m-0 d-flex justify-content-between">
23 23
24 <!-- SUMAR - RESTAR CANTIDAD --> 24 <!-- SUMAR - RESTAR CANTIDAD -->
25 <div class="col p-1"> 25 <div class="col p-1">
26 <div class="btn-group-sm btn-group float-left" role="group"> 26 <div class="btn-group-sm btn-group float-left" role="group">
27 <button 27 <button
28 type="button" 28 type="button"
29 class="btn btn-light btn-sm border shadow" 29 class="btn btn-light btn-sm border shadow"
30 (click)="aumentarCantidad(producto)"> 30 (click)="aumentarCantidad(producto)">
31 <i class="fa fa-plus" aria-hidden="true"></i> 31 <i class="fa fa-plus" aria-hidden="true"></i>
32 </button> 32 </button>
33 <div class="bg-white border border-white my-auto px-2 text-dark h5 shadow"> 33 <div class="bg-white border border-white my-auto px-2 text-dark h5 shadow">
34 <small>{{producto.cantidad}}</small> 34 <small>{{producto.cantidad}}</small>
35 </div> 35 </div>
36 <button 36 <button
37 type="button" 37 type="button"
38 class="btn btn-light btn-sm border shadow" 38 class="btn btn-light btn-sm border shadow"
39 (click)="restarCantidad(producto)"> 39 (click)="restarCantidad(producto)">
40 <i class="fa fa-minus" aria-hidden="true"></i> 40 <i class="fa fa-minus" aria-hidden="true"></i>
41 </button> 41 </button>
42 </div> 42 </div>
43 </div> 43 </div>
44 44
45 <!-- PERSONALIZAR --> 45 <!-- PERSONALIZAR -->
46 <div class="col p-1"> 46 <div class="col p-1">
47 <button 47 <button
48 *ngIf="producto.tieneSinonimos" 48 *ngIf="producto.tieneSinonimos"
49 type="button" 49 type="button"
50 class="btn btn-light btn-sm float-left border shadow" 50 class="btn btn-light btn-sm float-left border shadow"
51 (click)="personalizarPromo(producto, i)"> 51 (click)="personalizarPromo(producto, i)">
52 <i class="fa fa-refresh text-purple" aria-hidden="true"></i> 52 <i class="fa fa-refresh text-purple" aria-hidden="true"></i>
53 </button> 53 </button>
54 </div> 54 </div>
55 55
56 <!-- BORRAR --> 56 <!-- BORRAR -->
57 <div class="col p-1"> 57 <div class="col p-1">
58 <button 58 <button
59 type="button" 59 type="button"
60 class="btn btn-secondary btn-sm float-right shadow" 60 class="btn btn-secondary btn-sm float-right shadow"
61 (click)="deleteProducto(producto, i)"> 61 (click)="deleteProducto(producto, i)">
62 <i class="fa fa-trash" aria-hidden="true"></i> 62 <i class="fa fa-trash" aria-hidden="true"></i>
63 </button> 63 </button>
64 </div> 64 </div>
65 </div> 65 </div>
66 </div> 66 </div>
67 </div> 67 </div>
68 <div class="row m-0 shadow rounded-sm"> 68 <div class="row m-0 shadow rounded-sm">
69 <div class="col px-2"> 69 <div class="col px-2">
70 <p class="m-0 text-left h6"><small>{{producto.DetArt}}</small></p> 70 <p class="m-0 text-left h6"><small>{{producto.DetArt}}</small></p>
71 <p class="m-0 text-right font-weight-bold h6">{{producto.PreVen | currency}}</p> 71 <p class="m-0 text-right font-weight-bold h6">{{producto.PreVen | currency}}</p>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 77
78 <!-- TOTAL --> 78 <!-- TOTAL -->
79 <div class="card rounded-top-sm mx-2 mt-auto blue-gradient border-0"> 79 <div class="card rounded-top-sm mx-2 mt-auto blue-gradient border-0">
80 <div class="card-body p-2 pt-3 row m-0"> 80 <div class="card-body p-2 pt-3 row m-0">
81 <div class="col-12 p-0"> 81 <div class="col-12 p-0">
82 <p 82 <p
83 class="h4 border-bottom border-secondary text-secondary pb-2"> 83 class="h4 border-bottom border-secondary text-secondary pb-2">
84 ({{getCantidadProductos()}}) artículos 84 ({{getCantidadProductos()}}) artículos
85 </p> 85 </p>
86 <p class="h4 text-secondary">Total</p> 86 <p class="h4 text-secondary">Total</p>
87 <p class="h4 font-weight-bold">{{getTotal() | currency}}</p> 87 <p class="h2 font-weight-bold">{{getTotal() | currency}}</p>
88 </div> 88 </div>
89 <div class="col-12 p-0"> 89 <div class="col-12 p-0">
90 <button 90 <button
91 *ngIf="getCantidadProductos() > 0" 91 *ngIf="getCantidadProductos() > 0"
92 type="button" 92 type="button"
93 class="btn btn-block btn-light btn-lg shadow mb-2 p-1" 93 class="btn btn-block btn-light btn-lg shadow mb-2 p-1"
94 routerLink="/confirmacion-carrito"> 94 routerLink="/confirmacion-carrito">
95 <span class="font-weight-bold pr-1">Pagar</span> 95 <span class="font-weight-bold pr-1">Pagar</span>
96 <i class="fa fa-check text-success" aria-hidden="true"></i> 96 <i class="fa fa-check text-success" aria-hidden="true"></i>
97 </button> 97 </button>
98 <button 98 <button
99 type="button" 99 type="button"
100 class="btn btn-block btn-light shadow btn-sm shadow" 100 class="btn btn-block btn-light shadow btn-sm shadow"
101 [routerLink]="['/cancelar-compra']"> 101 [routerLink]="['/cancelar-compra']">
102 <span class="pr-1">Cancelar</span> 102 <span class="pr-1">Cancelar</span>
103 <i class="fa fa-times text-danger" aria-hidden="true"></i> 103 <i class="fa fa-times text-danger" aria-hidden="true"></i>
104 </button> 104 </button>
105 </div> 105 </div>
106 </div> 106 </div>
107 </div> 107 </div>
108 </div> 108 </div>
109 109