Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 3d313b7d2dd377f1f60de6b09949b23b8280b817

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

Arreglo en vista de sidebar.

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