Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 518aa41899f75ceb001b17ea331b040c2420723d

Authored by Eric Fernandez
2 parents b60a2ccd95 13356a36c2
Exists in master and in 1 other branch validar_pve

Merge branch 'master' into 'master' 

Master(mpuebla)

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