Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit afcc5d9b89f15b75aa287d0d3ea5a14de116acfc

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

Espacio.

Showing 1 changed file with 3 additions and 0 deletions   Show diff stats
src/app/components/sidebar/sidebar.component.html
Diff comments   View file @ afcc5d9
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-auto overflow-scroll 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="slide-in-bl 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="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}"> --> 14 <!-- <img class="w-100 m-auto rounded-sm shadow" src="{{apiUrl}}/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 <p class="m-0 h6"><small>COD: {{producto.CodRub}}</small></p> 18 <p class="m-0 h6"><small>COD: {{producto.CodRub}}</small></p>
19 </div> 19 </div>
20 <div class="col-12 pr-1 text-right h6 my-auto "> 20 <div class="col-12 pr-1 text-right h6 my-auto ">
21 <p class="m-0">{{producto.PreVen | currency}}</p> 21 <p class="m-0">{{producto.PreVen | currency}}</p>
22 </div> 22 </div>
23 </div> 23 </div>
24 24
25 <!-- BOTONES --> 25 <!-- BOTONES -->
26 <div class="row m-0 d-flex justify-content-between"> 26 <div class="row m-0 d-flex justify-content-between">
27
27 <!-- SUMAR - RESTAR CANTIDAD --> 28 <!-- SUMAR - RESTAR CANTIDAD -->
28 <div class="col-auto px-1 my-2"> 29 <div class="col-auto px-1 my-2">
29 <div class="btn-group-sm btn-group float-left my-auto" role="group"> 30 <div class="btn-group-sm btn-group float-left my-auto" role="group">
30 <button type="button" class="btn btn-light btn-sm my-auto border" (click)="aumentarContador(i)"> 31 <button type="button" class="btn btn-light btn-sm my-auto border" (click)="aumentarContador(i)">
31 <i class="fa fa-plus" aria-hidden="true"></i> 32 <i class="fa fa-plus" aria-hidden="true"></i>
32 </button> 33 </button>
33 <div class="bg-white border border-white px-3 my-auto text-dark h5"> 34 <div class="bg-white border border-white px-3 my-auto text-dark h5">
34 <small>{{producto.cantidad}}</small> 35 <small>{{producto.cantidad}}</small>
35 </div> 36 </div>
36 <button type="button" class="btn btn-light btn-sm my-auto border" (click)="decrementarContador(i)"> 37 <button type="button" class="btn btn-light btn-sm my-auto border" (click)="decrementarContador(i)">
37 <i class="fa fa-minus" aria-hidden="true"></i> 38 <i class="fa fa-minus" aria-hidden="true"></i>
38 </button> 39 </button>
39 </div> 40 </div>
40 </div> 41 </div>
42
41 <!-- PERSONALIZAR --> 43 <!-- PERSONALIZAR -->
42 <div class="col-auto px-1 my-2"> 44 <div class="col-auto px-1 my-2">
43 <button 45 <button
44 *ngIf="esPersonalizable(producto)" 46 *ngIf="esPersonalizable(producto)"
45 type="button" 47 type="button"
46 class="btn btn-light btn-sm my-auto float-left border" 48 class="btn btn-light btn-sm my-auto float-left border"
47 (click)="personalizarPromo"> 49 (click)="personalizarPromo">
48 <i class="fa fa-hand-o-up" aria-hidden="true"></i> 50 <i class="fa fa-hand-o-up" aria-hidden="true"></i>
49 </button> 51 </button>
50 </div> 52 </div>
53
51 <!-- BORRAR --> 54 <!-- BORRAR -->
52 <div class="col-auto px-1 my-2"> 55 <div class="col-auto px-1 my-2">
53 <button type="button" class="btn btn-secondary btn-sm my-auto" (click)="deleteProducto(i)"> 56 <button type="button" class="btn btn-secondary btn-sm my-auto" (click)="deleteProducto(i)">
54 <i class="fa fa-times" aria-hidden="true"></i> 57 <i class="fa fa-times" aria-hidden="true"></i>
55 </button> 58 </button>
56 </div> 59 </div>
57 </div> 60 </div>
58 </div> 61 </div>
59 </div> 62 </div>
60 63
61 <!-- TOTAL --> 64 <!-- TOTAL -->
62 <div class="card rounded-top-sm mt-auto blue-gradient border-0"> 65 <div class="card rounded-top-sm mt-auto blue-gradient border-0">
63 <div class="card-body row"> 66 <div class="card-body row">
64 <div class="col-12"> 67 <div class="col-12">
65 <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont === 1">({{cont}}) item</p> 68 <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont === 1">({{cont}}) item</p>
66 <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont > 1">({{cont}}) items</p> 69 <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont > 1">({{cont}}) items</p>
67 <p class="h3 text-secondary">Total</p> 70 <p class="h3 text-secondary">Total</p>
68 <p class="h3 font-weight-bold">{{getTotal() | currency}}</p> 71 <p class="h3 font-weight-bold">{{getTotal() | currency}}</p>
69 </div> 72 </div>
70 <div class="col-12"> 73 <div class="col-12">
71 <button type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1" routerLink="/confirmacion-carrito"> 74 <button type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1" routerLink="/confirmacion-carrito">
72 <span class="font-weight-bold pr-1">Finalizar y Pagar</span> 75 <span class="font-weight-bold pr-1">Finalizar y Pagar</span>
73 <i class="fa fa-check text-success" aria-hidden="true"></i> 76 <i class="fa fa-check text-success" aria-hidden="true"></i>
74 </button> 77 </button>
75 <button 78 <button
76 type="button" 79 type="button"
77 class="btn btn-block btn-light shadow btn-sm shadow" 80 class="btn btn-block btn-light shadow btn-sm shadow"
78 [routerLink]="['/cancelar-compra']"> 81 [routerLink]="['/cancelar-compra']">
79 <span class="pr-1">Cancelar</span> 82 <span class="pr-1">Cancelar</span>
80 <i class="fa fa-times text-danger" aria-hidden="true"></i> 83 <i class="fa fa-times text-danger" aria-hidden="true"></i>
81 </button> 84 </button>
82 </div> 85 </div>
83 </div> 86 </div>
84 </div> 87 </div>
85 </div> 88 </div>
86 89