Commit a2c178d71442171e9bc59c27a32a166c7d6302c8

Authored by Marcelo Puebla
1 parent 6065f9ca03
Exists in develop

Fix

estilo
src/app/shared/sinonimo/sinonimo.component.html
1 <div class="bg-primary rounded text-white"> 1 <div class="bg-primary rounded text-white">
2 <div class="modal-header"> 2 <div class="modal-header">
3 <img 3 <img
4 draggable="false" 4 draggable="false"
5 ondragstart="return false;" 5 ondragstart="return false;"
6 (contextmenu)="false" 6 (contextmenu)="false"
7 (click)="close()" 7 (click)="close()"
8 class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0 z-index" 8 class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0 z-index"
9 src="assets/img/icono-cancelar-blanco.svg"> 9 src="assets/img/icono-cancelar-blanco.svg">
10 <p class="col-12 h4 px-0 align-self-center">{{ articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase() }}</p> 10 <p class="col-12 h4 px-0 align-self-center">{{ articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase() }}</p>
11 <!-- <div class="col-5 pt-4 pr-0 text-right"> 11 <!-- <div class="col-5 pt-4 pr-0 text-right">
12 <p *ngFor="let s of sinonimos; let i = index"> 12 <p *ngFor="let s of sinonimos; let i = index">
13 <span 13 <span
14 class="btn-effect" 14 class="btn-effect"
15 (click)="scrollTo(i)"> 15 (click)="scrollTo(i)">
16 Ir a opción {{i+1}} 16 Ir a opción {{i+1}}
17 <i class="far fa-hand-point-left"></i> 17 <i class="far fa-hand-point-left"></i>
18 </span> 18 </span>
19 </p> 19 </p>
20 </div> --> 20 </div> -->
21 </div> 21 </div>
22 22
23 <div class="modal-body lista-sinonimos scroll-y-visible my-2 mr-2"> 23 <div class="modal-body lista-sinonimos scroll-y-visible my-2 mr-2">
24 <div class="row mx-0 mb-2" *ngFor="let articulo of sinonimos[currentIndex].productos"> 24 <div class="row mx-0 mb-2" *ngFor="let articulo of sinonimos[currentIndex].productos">
25 <div class="col-7 p-0 my-auto h6 text-right"> 25 <div class="col-7 p-0 my-auto h6 text-right">
26 <p class="m-0 font-weight-normal"> 26 <p class="m-0 font-weight-normal">
27 {{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}} 27 {{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}}
28 </p> 28 </p>
29 </div> 29 </div>
30 <div class="col-5 pr-0"> 30 <div class="col-5 pr-0">
31 <div class="row mx-0 justify-content-between bg-white badge-pill"> 31 <div class="row mx-0 justify-content-between border border-white badge-pill">
32 <!-- BOTON MENOS --> 32 <!-- BOTON MENOS -->
33 <div class="col-auto px-0 my-auto"> 33 <div class="col-auto px-0 my-auto">
34 <img 34 <img
35 draggable="false" 35 draggable="false"
36 ondragstart="return false;" 36 ondragstart="return false;"
37 (contextmenu)="false" 37 (contextmenu)="false"
38 class="d-block ml-auto py-2 icon-15 btn-effect" 38 class="d-block ml-auto py-2 icon-15 btn-effect"
39 src="assets/img/menos.svg" 39 src="assets/img/menos-blanco.svg"
40 (click)="restarCantidadSinonimo(articulo, currentIndex)"> 40 (click)="restarCantidadSinonimo(articulo, currentIndex)">
41 </div> 41 </div>
42 <!-- CANTIDAD --> 42 <!-- CANTIDAD -->
43 <div class="col px-0 my-auto text-primary text-center"> 43 <div class="col px-0 my-auto text-white text-center">
44 <p><small>{{articulo.cantidad}}</small></p> 44 <p><small>{{articulo.cantidad}}</small></p>
45 </div> 45 </div>
46 <!-- BOTON MAS --> 46 <!-- BOTON MAS -->
47 <div class="col-auto px-0 my-auto"> 47 <div class="col-auto px-0 my-auto">
48 <img 48 <img
49 draggable="false" 49 draggable="false"
50 ondragstart="return false;" 50 ondragstart="return false;"
51 (contextmenu)="false" 51 (contextmenu)="false"
52 class="d-block ml-auto py-2 icon-15 btn-effect" 52 class="d-block ml-auto py-2 icon-15 btn-effect"
53 src="assets/img/mas.svg" 53 src="assets/img/mas-blanco.svg"
54 (click)="sumarCantidadSinonimo(articulo, currentIndex)"> 54 (click)="sumarCantidadSinonimo(articulo, currentIndex)">
55 </div> 55 </div>
56 </div> 56 </div>
57 </div> 57 </div>
58 </div> 58 </div>
59 </div> 59 </div>
60 60
61 <div class="modal-footer"> 61 <div class="modal-footer">
62 <div 62 <div
63 *ngIf="currentIndex != 0 && sinonimos.length > 1" 63 *ngIf="currentIndex != 0 && sinonimos.length > 1"
64 class="d-inline-block py-1 bg-white badge-pill text-primary btn-effect mr-auto" 64 class="d-inline-block py-1 bg-white badge-pill text-primary btn-effect mr-auto"
65 (click)="currentIndex = currentIndex-1"> 65 (click)="currentIndex = currentIndex-1">
66 <img 66 <img
67 draggable="false" 67 draggable="false"
68 ondragstart="return false;" 68 ondragstart="return false;"
69 (contextmenu)="false" 69 (contextmenu)="false"
70 class="icon-30 flip" 70 class="icon-30 flip"
71 src="assets/img/ir-color.svg"> 71 src="assets/img/ir-color.svg">
72 VOLVER 72 VOLVER
73 </div> 73 </div>
74 <div 74 <div
75 *ngIf="currentIndex == 0 && currentIndex != sinonimos.length-1" 75 *ngIf="currentIndex == 0 && currentIndex != sinonimos.length-1"
76 class="d-inline-block py-1 bg-white badge-pill text-primary btn-effect ml-auto" 76 class="d-inline-block py-1 bg-white badge-pill text-primary btn-effect ml-auto"
77 (click)="currentIndex = currentIndex+1"> 77 (click)="currentIndex = currentIndex+1">
78 SIGUIENTE 78 SIGUIENTE
79 <img 79 <img
80 draggable="false" 80 draggable="false"
81 ondragstart="return false;" 81 ondragstart="return false;"
82 (contextmenu)="false" 82 (contextmenu)="false"
83 class="icon-30" 83 class="icon-30"
84 src="assets/img/ir-color.svg"> 84 src="assets/img/ir-color.svg">
85 </div> 85 </div>
86 <div 86 <div
87 [ngClass]="validate()" 87 [ngClass]="validate()"
88 *ngIf="currentIndex == sinonimos.length-1" 88 *ngIf="currentIndex == sinonimos.length-1"
89 class="d-inline-block py-1 bg-white badge-pill text-primary ml-auto" 89 class="d-inline-block py-1 bg-white badge-pill text-primary ml-auto"
90 (click)="continue()"> 90 (click)="continue()">
91 CONTINUAR 91 CONTINUAR
92 <img 92 <img
93 draggable="false" 93 draggable="false"
94 ondragstart="return false;" 94 ondragstart="return false;"
95 (contextmenu)="false" 95 (contextmenu)="false"
96 class="icon-30" 96 class="icon-30"
97 src="assets/img/ir-color.svg"> 97 src="assets/img/ir-color.svg">
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 101