Commit 43f1bf882e5e97eb9437cdd8b4db8feaaf139271

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

Arreglo en vista de popover.

src/app/components/popover-sinonimos/popover-sinonimos.component.html
1 <div class="card-body fade-left"> 1 <div class="card-body fade-left">
2 2
3 <div class="row m-0"> 3 <div class="row m-0">
4 <div class="col text-left"> 4 <div class="col text-left">
5 <p class="h4 card-title"> 5 <p class="h4 card-title">
6 Personalice su pedido 6 Personalice su pedido
7 </p> 7 </p>
8 </div> 8 </div>
9 </div> 9 </div>
10 10
11 <div class="row m-0 overflow-scroll popover-size pr-2 my-2"> 11 <div class="row m-0 pr-2 my-2">
12 <div class="col"> 12 <div class="col">
13 <div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index"> 13 <div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index">
14 <div class="col"> 14 <div class="col p-0">
15 15
16 <div class="row m-0"> 16 <div class="row m-0">
17 <div class="col text-left"> 17 <div class="col text-left">
18 <p class="h5 card-title"> 18 <p class="h5 card-title">
19 Elija una opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}} 19 Elija opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}}
20 </p> 20 </p>
21 </div> 21 </div>
22 </div> 22 </div>
23 23
24 <div class="row my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos"> 24 <div class="row m-0 popover-size overflow-scroll">
25 <div class="col-7 pl-2 h6 text-right"> 25 <div class="col-12 p-0">
26 <p class="m-0 font-weight-normal"> 26 <div class="row m-0 my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos">
27 {{producto.DetArt}} 27 <div class="col-7 p-0 h6 text-right">
28 </p> 28 <p class="m-0 font-weight-normal">
29 </div> 29 {{producto.DetArt}}
30 <div class="col-5"> 30 </p>
31 <div class="btn-group float-left my-auto" role="group"> 31 </div>
32 <button 32 <div class="col-5 pr-0">
33 type="button" 33 <div class="btn-group float-right my-auto" role="group">
34 class="btn btn-light my-auto border shadow" 34 <button
35 (click)="sumarCantidad(producto, i)"> 35 type="button"
36 <i class="fa fa-plus" aria-hidden="true"></i> 36 class="btn btn-light my-auto border shadow"
37 </button> 37 (click)="sumarCantidad(producto, i)">
38 <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5"> 38 <i class="fa fa-plus" aria-hidden="true"></i>
39 <small 39 </button>
40 [ngClass]="{'font-weight-bold': producto.cantidad > 0}"> 40 <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5">
41 {{producto.cantidad}} 41 <small
42 </small> 42 [ngClass]="{'font-weight-bold': producto.cantidad > 0}">
43 {{producto.cantidad}}
44 </small>
45 </div>
46 <button
47 type="button"
48 class="btn btn-light my-auto border shadow"
49 (click)="restarCantidad(producto, i)">
50 <i class="fa fa-minus" aria-hidden="true"></i>
51 </button>
52 </div>
43 </div> 53 </div>
44 <button
45 type="button"
46 class="btn btn-light my-auto border shadow"
47 (click)="restarCantidad(producto, i)">
48 <i class="fa fa-minus" aria-hidden="true"></i>
49 </button>
50 </div> 54 </div>
51 </div> 55 </div>
52 </div> 56 </div>
53 57
54 </div> 58 </div>
55 </div> 59 </div>
56 </div> 60 </div>
57 </div> 61 </div>
58 62
59 <div class="row mt-3 justify-content-end"> 63 <div class="row mt-3 justify-content-end">
60 <div class="col-auto"> 64 <div class="col-auto">
61 <button 65 <button
62 type="button" 66 type="button"
63 class="btn btn-sm btn-light shadow" 67 class="btn btn-sm btn-light shadow"
64 (click)="continuar()"> 68 (click)="continuar()">
65 <span class="font-weight-bold pr-2">Continuar</span> 69 <span class="font-weight-bold pr-2">Continuar</span>